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.

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.

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