Mabelandia: Comenzar desde cero

Cuando decidí crear Mabelandia.com, allá por 2004, lo hice con la intención de enseñar aquello que me gustaba hacer: fotografías, dibujos, cómic, escribir sobre lo que me llamaba la atención o me afectaba… Y fue bien, bastante bien. De hecho la web tuvo hasta 3 transformaciones distintas.
Pero ya a partir de 2009, quise contar  y enseñar tantas cosas, ponerle tanto contenido que al final me resultó imposible llevar una actualización decente, por falta de tiempo y ganas.
Eso sí, me resistía a aceptar que debía echarle el cerrojo, así que le di un giro a la página.
Para empezar la transformé en un blog, instalándome el programa en mi servidor y diseñando, a partir de una plantilla base, la nueva imagen que quería dar: la visión de una adicta al diseño gráfico ante situaciones que vive y le llaman la atención.

Mabelandia.com

Probablemente alguien me dirá: “es que no cuentas nada”. Sí, es cierto, pues no pretendo ser una gurú de la creatividad ni de las nuevas tecnologías. Sólo ir mostrando aquello que no me deja impasible de alguna forma u otra.
A partir de una plantilla base modifiqué formas, colores, estilos y estética hasta dar con algo atractivo que me gustara, que diera una imagen seria pero sin dejar de ser amena.
Tonalidades ocres y azules, que son las que me gustan, con blanco para resaltar y una tipografía que está dentro de la linea que llevaba habitualmente en anteriores versiones de la web.

Logotipo para tienda de deportes On Line

Una web de concursos y la decisión de presentarme.
Durante mis poco más 10 años de profesión he visto muchos concursos y las ganas de presentarme a ellos, pero a la hora de hacerlo… siempre me quedaba bloqueada y nunca tenía la fe y confianza en mí como para hacerlo.
Gracias a Twitter, alguien mencionó una web de concursos de diseños, y ojeando algusno salió este: el diseño de un logotipo para una tienda de material deportivo On Line: LetsMoving.

Después de una fase de bocetos en la que me volví a bloquear, me puse a “jugar” con la tipografía y en esas veces que se te enciende la lamparita salió:

Logotipo Lets Moving

Un tipo de letra dinámivo, y un dibujo que recordara a un deportista integrado con la letra, y un color que no era el propuesto (pantone 375) decidieron que fuera ganador y que ahora sea visible en la web del mismo nombre: http://www.letsmoving.com
Me sirvió para ganar confianza y no enfrentarme a mi misma más veces en más concursos.

Otra de mascotas y dibujos

He de aclarar que esta referencia no es de un trabajo, aunque se hizo público para ver si tenía respuesta.
En mi afán por volver a dibujar, hace algo más de un año, una mañana de domingo me salió algo tal que así:

bocetos fútbol

¿Por qué una chica futbolista? Supongo porque era lo más fácil y sencillo en cuanto a vestuario se refiere y porque no tenía una idea clara de qué dibujar. Simplemente me dejé llevar por hacer otro tipo de dibujo al que no esoy acostumbrada a realizar, con líneas más rectas. Confieso que todo fue influencia del anime de Panty & Stocking, que hacía muy poco había terminado de ver.

Una vez hecho el boceto y escaneado me puse a darle color y finalmente quedó algo así:

Hércules Femenino

Ya que era una futbolista y que en mi ciudad hay un euipazo de fúbtol femenino, qué menos que regalarlo a los seguidores de dicha sección.
Lo que ya me vino por sorpresa es que poco después me pidieron permiso para plasmarlo en las bufandas de a temporada 2010 – 2011 (bufanda que tengo convenientemente colgadita en casa y que en breve le haré foto) y se ofrecieron en la noche de la gala del aniversario del club. Quien sabe si en algún momento podemos ver a esta nena en alguna animación 😀

Nueva web, nueva identidad corporativa

Llega un momento en que te planteas actualizar tu currículum por aquello de ampliar campo y buscar otras oportunidades. Entonces, te planteas que ya que estás, por qué no cambias también tu web y enseñas trabajos nuevos… pero una vez que te pones a ello ves que tu imagen corporativa se ha quedado desfasada o transmite lo que quieres comunicar.

¿Más trabajo entonces? Sí, puede ser, pero una web sin actualizar y una imagen desfasada dice mucho más que lo que puede contar el propio currículum. Así pues me puse a trabajar.

Tengo la ventaja que sé muy bien mi estilo: simplicidad, limpieza, lineas y formas geométricas simples. No me costó dar con el tipo de letra adecuado ni con el cambio de colores, en el que he sustituido el naranja y el verde por un amarillo más dorado y gris.

¿Por qué esa combinación? El amarillo recuerda a la luz del sol, provoca alegría y transmite calor.
El gris ofrece estabilidad al amarillo dorado y crea un equilibro entra las dos tonalidades haciendo que ninguno de los dos términos pese más que el otro.
El “diseño gráfico y web” se puso con un porcentaje del gris para no añadir más peso visual y su posición debajo de la palabra “gráfic” es para que quede integrado.

Una vez tuve definida la identidad corportativa, pensé en cómo quería mostrar mi web, con mi trabajo. Para empezar quería aprovechar más el espacio y sobretodo hacerla muy limpia. Por esa razón elegí un fondo blanco.

Tenía muy claro que la web debía ser más visual sin perder el estio que me gusta, lineas y formas redondeadas. Por esa razón decidí usar menos texto para explicar las imágenes y ser más concreta, tanto para el apartado gráfico como web.

Pequeño restyling de identidad corporativa

La situación laboral que estamos viviendo en la actualidad, obliga a buscar o iniciarse en alternativas que, bien utilizadas, pueden ser beneficiosas para ampliar nuestro negocio.
Por desgracia o por fortuna, al sector gráfico no le pilla de sorpresa esta crisis, ya que el sector es uno de los que más sufre debido a la competencia tan alta a la que se enfrenta.
Es por ello que buscar alternativas nuevas es un paso hacia adelante para ampliar negocio y llegar a sitios donde no se está acostumbrado a llegar y en este papel entran las nuevas tecnologías a través de las redes sociales.

Para poder entrar en un campo al que no se está acostumbrado a interactuar es útil hacerlo con buen pie o por lo menos sin ponerse obstáculos ni dificultades, y qué mejor forma que ofrecer lo que debes y no más de lo que puedes.

TintasdeImpresión surge en 2009 como el departamento, de una empresa pequeña dedicada a la venta de material y maquinaria para la industria gráfica, dedicada a la preparación de tinta de la gama PANTONE, y aunque su actividad laboral no es mala, la necesidad de ampliar cartera de clientes siempre es imprescindible.

Y aunque ya tiene presencia en internet desde el mismo año en que se crea la marca, quiere dar un paso más entrando en el mundo de las redes sociales. Para ello se piensa que un pequeño restyling en su logotipo significa renovarse frente a los tiempos que corren:

Restyling logotipo TintasdeImpresion

La única diferencia evidente con el logotipo creado en 2009 es el cambio de tipografía, así como el resalte de la preposición “de”, con el fin de crear una separación entre las tres palabras que componen el texto.
Se elimina el recuadro negro que engloba la preposición para quitar peso visual entre los arcos y el texto y se utiliza una tipografía más redondeada, de lectura fácil y rápida.
Se descarta retocar o cambiar las curvas con los colores básicos de las máquinas de imprenta, si bien se ha reducido ligeramente su tamaño respecto a la propuesta anterior.

Una vez hecho el restyling se ha procedido a crear una cuenta en Twitter y a diseñar un espacio claro, limpio y muy acorde con la actividad que desempeña:

Perfil de TintasdeImpresión.es en twitter

 

Renovación web

Cada dos temporadas La Polla Rojiblanca renueva su página web, y en esta ocasión, la renovación de la temporada 2011/2012 concidía con el 10 Aniversario de la peña.

Hasta ahora la web había tenído un estilo de portal informativo, debido al seguimiento de varias disciplinas del deporte zamorano. Ésto había hecho que la web perdiera un poco de su esencia principal, web de una peña.

Se decidió pues, después de un intento fallido, un diseño que volviera a recordar que La Polla Rojiblanca no es un portal de noticias, sino una web de una peña que quiere llevar el deporte zamorano a todos los rincones.

Pagina inicial de La Polla Rojiblanca

Para transmitir dicha idea se usó el dibujo de una silueta de aficionados y se puso en blanco para que formara parte del fondo de la web donde irá todo el contenido. Se añadieron las lineas rojas a la cabecera para dar dinamismo y se cambió el logo habitual por el de los 10 años de la peña.
El verde de fondo con las franjas diagonales recuerda al cesped de un campo de fúbtol y hace que la web sea más vistosa y resalte la parte central donde se ubica contenido.
Se volvió al esquema de menú principal en la parte izquierda, junto con los enlaces a los foros para facilitar la navegabilidad.

Pagina de una sección de La Polla Rojiblanca

Para las páginas interiores se usó el mismo esquema, con la única diferencia de que los títulos de las secciones tienen motivos deportivos.
Los submenús se recolvieron de una forma más sencilla, sin javascript, sólo simples enlaces en html. De esta forma se  aprovecha todo el resto de la página y se puede poner mucho más contenido.
Finalmente, se ha optado por usar muchos más gráficos que texto, de forma que rompieta con la sensación de portal, además de hacerla más visual.

http://www.lapollarojiblanca.com

Comunicar en espacios pequeños

Siempre he visto las tarjetas de visita como un medio rápido de comunicación y presentación, ya fuera de forma personal o comercial.
Aprovechando que la empresa decuatro necesitaba tarjetas de visita, decidí cambiar un poco el diseño, con el consentimiento del cliente, para transmitir mejor los servicios que ofrece dicha empresa: consultoría, servicios de internet y formación. Se pensó en usar dos tipos de diseño distintos, aprovechando que había que realizar una tarjeta para administración y otra para dirección, con tal de transmitir variedad en cuanto a servicios se refiere:

Para la dirección se usó un motivo combinado de circulos y lineas en forma de red, en la cara delantera, con un degradado del negro, en un 15% de opacidad, al rojo, los colores coroporativos de la marca.
Para la parte trasera  se usó el motivo de lineas similares a la delantera en rojo y negro con el objeto de hacer limpia la escritura de los datos de interés de la tarjeta consiguiendo el equilibrio visual de masa en todo el conjunto.

Modelo dirección tarjeta d4

Para el modelo de administración se usó, para la parte delantera, un motivo más desenfadado, tipo floral, que combina los colores corporativos en diferentes opacidades, compuesto de circulos y formas curvas.
Para la parte trasera se usó una versión reducida del motivo que pudiera equilibrar el peso de los datos de interés.

Modelo administración tarjeta d4

En ambos casos se ha destacado en rojo el cargo desempeñado de la persona en cuestión para romper el uso del negro en el resto de la información. También en ambas propuestas se ha dejado el blanco como fondo para que resaltaran todos los elementos aparecidos.