eeeh

18. Jan, 2011

Rediseñando arquinauta.es

Al iniciar el verano comenzamos el proceso de rediseño de la web de Arquinauta. Es una web de la que estoy orgulloso, pues la hemos elaborado en casa (en Arquinauta) al 100%, codo con codo, comenzando con la conceptualización, pasando por el diseño y la interacción, hasta la maquetación.

Todo comenzó en una conversación con Karina, acerca de la necesidad de potenciar la imagen de Arquinauta y las ganas de actualizar la web.

Los dos tenemos claro lo que nos gusta y lo que queremos, así que nos pusimos manos a la obra. Queríamos un diseño fresco, distinto, fácil. Que potencie la marca y la imagen de Arquinauta, y sobre todo, que no de “dolores de cabeza” a los usuarios, por lo que decidimos mostrar todo el contenido en una sola página. Algo bastante “trendy” actualmente, pero que es una buena solución cuando se quiere simplificar una web.

La mayoría de proyectos suelo iniciarlos con el boceteado o sketching de la web, por lo que nos pusimos manos a la obra y comenzamos boceteando layouts, estructuras y pensando qué y cómo lo queríamos.

Con el sketching comenzamos a definir la arquitectura de la web y la definición de la interacción del site; qué hará cada elemento y cómo funcionará. Queríamos ofrecer algo alegre en la interacción, ya que la web es muy sencilla y no ofrece gran profundidad en la navegación, por lo que decidimos incluir un scroll animado, que acompañe al usuario con una referencia de dónde está en cada momento.

Una vez aclarada la arquitectura de la web y definida la interacción, iniciamos la búsqueda de la gráfica y contactamos con Maribel para crear unas ilustraciones que potenciasen el diseño, y aportasen frescura a la web.

El trabajo con Maribel fué rápido y sencillo. Enseguida encontramos la imagen que buscábamos. Karina tenia las cosas claras al respecto, por lo que fué indoloro.

Una vez recibimos las ilustraciones, que por cierto nos encantaron, todo empezó a coger forma y color y el proceso evolucionó rápidamente.

La experiencia de usuario y la imagen estaban definidas, así que comencé con la maquetación de la web, para tenerla preparada a tiempo para las vacaciones.

Con el material preparado y tras arreglar los pequeños bugs y ajustar las CSS, colgamos la web.

Tras el verano, nuestros amigos de Semantricks adaptaron la maqueta HTML a WordPress introduciendo y ajustando funcionalidades multi-idioma.

El resultado, lo puedes ver en http://arquinauta.es ;)

Publicado por Lander en proyectos