Prototipado y Diseño de la landing de nieve
Para la campaña de nieve de 2014 y dada la importancia de la venta de paquetes de nieve para la empresa, se decidió crear una nueva página centrada en los productos de nieve para que el usuario pudiera acceder y entender de manera más sencilla que opciones tiene.
Y es que aparte de reservar el alojamiento, los clientes pueden añadir extras como forfaits, clases de esqui, alquiler de materiales, comida en pista… Y todas estas opciones debían de quedar claras.
La página debía integrar los siguientes elementos:
- Buscador
- Mapa interactivo con las zonas de nieve
- Elemento que explique los productos/actividades específicos
- Grupo de ofertas Hotel+Forfait
- Hoteles destacados de nieve
- Zonas nieve con las principales zonas de esquí que enlacen a páginas con mapas donde se muestran las localidades y estaciones de esa zona.
- Estado de las pistas
- Link a la página de Reserving
- Suscripción al boletín
Aquí podéis ver el diseño final actual.
Seguir leyendo «Prototipado y Diseño de la landing de nieve»
Estudio y rediseño página afiliados
Afiliados fue una de las primeras páginas que se acometió su rediseño.
Consiste en una sección dentro de Centraldereservas.com con una arquitectura de la información propia, donde de explica en que consiste pertenecer a la red de afiliados y las ventajas que conlleva.
Hablando con los stakeholders, se averiguó que los usuarios al acceder querían conseguir 2 cosas
O eran usuarios ya registrados con lo cual querían acceder a su zona de acceso privada, o eras nuevos usuarios que buscaban información y como registrarse.
Por ello, lo que se hizo fue proponer un diseño donde se viera nada más entrar las 2 llamadas a la acción principales:
- Registrarse
- Acceder a la parte interna.
Y la segunda que el usuario tuviera claro la navegación interna y donde encontrar la información que estaba buscando.
Aquí podéis ver como quedó una vez cambiada la página.
Esta es el diseño que tenía anteriormente, con un formulario en la parte superior y el menú interno en la parte lateral:
Rediseño Centraldereservas.com
Hola, desde junio de 2013 formo parte del equipo tecnológico de Centraldereservas.com, una web especializada en la venta de alojamientos a través de internet aunque cuenta con oficina de cara al público en Zaragoza.
La empresa cuyo lugar de origen es un pueblo del Pirineo aragonés, Aínsa, ha tenido un crecimiento desde el año 2008 espectacular, teniendo una plantilla actual de más de 80 personas.
Mi tarea principal era cambiar por completo la imagen de la web, logrando un diseño actual y moderno centrado en el usuario que compitiera con gigantes de la competencia como Booking, Atrápalo, Destinia, Logitravel…
Aquí podéis ver el diseño que tenía la home cuando entré:
El cambio ha sido constante e incremental, realizando entrevistas a stakeholders, pruebas con usuarios, wireframings, muchas reuniones, estudios de mercado y análisis de la competencia, pruebas de diseño…
Y es que aparte de las páginas que muestran información sobre las localidades y los hoteles, era igual de importante el listado de alojamientos cuando el usuario realiza una búsqueda, el proceso de reserva, y toda las páginas relacionadas con la parte interna de «Mis reservas», como modificar una reserva, como anularla…
Así mismo se consiguió una gran mejora en posicionamiento y en experiencia de usuario al lograr hacer cambios en la estructura y el orden de los contenidos para conseguir una web responsive, adaptada a todos los dispositivos. Esto como Coordinadora de Móviles fue algo decisivo a la hora de tomar decisiones.
Diseño web Bilper Profesional
Diseño de la tienda online de Bilper Profesional para DoYourNet. La complejidad del proyecto residía en que había que juntar las 3 marcas que existían anteriormente en una misma, por lo que se decidió jugar con los colores del logotipo.
Se quería que la imagen de los productos fuera grande, a semenjanza de las tiendas de ropa.
Aquí vemos la página de producto de una de las líneas, donde el color marca en que sección de la tienda estas. Como los productos tienen nombres que al usuario no tienen porque sonarle, se ha remarcado en una línea inferior la categoría a la que pertenecen.
También remarcar los iconos para elegir el formato que se desea, el cual pasa a al color azul, una vez seleccionado.
Diseño de una de las páginas del catalogo online, donde se puede visualizar como si fuera una revista:
Y a continuación, vemos el diseño de algunos de los pasos del proceso de compra, donde se preocupó que fuera lo más sencillo para el cliente, y que pudiera ver en todo momento lo que tenía en la cesta.
Para ver la web: bilperprofesional.com.
Diseño web Salvelinus
Complejo proyecto en varios idiomas, donde se encargo a Factor_id el diseño y desarrollo de la nueva web de Salvelinus, una página que organiza viajes y cursos de pesca en los Pirineos, y en la Patagonia.
Por su complejidad se decidió su desarrollo en Drupal, contando con alojamientos en varios países para un mejor posicionamiento según el idioma.
Un estudio de diseño cambió el logotipo, además de establecer las tipografías a usar. Como meta teníamos trasmitir la gran calidad del servicio ofrecido por SALVELINUS a sus clientes, mostrando para ello ejemplos reales de testimonios de clientes y la gran colección de impresionantes imágenes de los viajes de pesca.
Se decide comenzar por 5 sliders iniciales, que muestran los 4 bloques principales de navegación:
A resaltar el menú enriquecido para cada sección, con sus diferentes elementos: arriba la galería de la sección, a la izquierda las páginas principales, en medio una columna de viajes destacados, y a la derecha un espacio para promociones.
Tal es la cantidad y diversidad de contenido que disponemos de varias páginas internas, según el contenido.
En un principio cada sección iba a tener un fondo difuminado de un color diferente para indicar al usuario donde se encontraba, pero al final se eligió un único fondo.
En las páginas de tipo «viaje de pesca o curso», lo importante era mostrar las imágenes del viaje y que el usuario se pusiera en contacto:
Y otra para los contenidos que no sean viajes o cursos, además de diferentes páginas para las publicaciones que hablan sobre SALVELINUS, los formularios de contacto, las galerías de cada sección, el blog…
Se decidió darle un toque diferente a la página de error (404), intentando conseguir una sonrisa al usuario con el mensaje «Upps!! Parece que nos has pescado nada» y mostrando las diferentes opciones para seguir con la navegación.
Las imágenes no corresponden exactamente con la web actual, ya que luego se han ido haciendo pequeñas variaciones, por lo que mejor ver la web en directo, y sus impresionantes imágenes.
Para no perdérselo! www.salvelinus.es
Diseño web corporativa
Diseño de la nueva web corporativa de Bilper para DoYourNet, debido al lanzamiento de su nueva tienda online, donde se unen las 3 gamas de productos (www.bilperprofesional.com), se decide renovar la web corporativa.
El diseño elegido es el que vemos en la imagen superior, pero como muestra vamos a ver los diseños que hubo antes de llegar a él.
La complejidad era que debían mostrarse las 3 gamas de producto de Bilper: Bilper Profesional, Menforsan y Don Aire.
La idea de colocar las 3 gamas a la vez no gustó, por lo que se decidió crear un pase de dispositivas que dinamizara la imagen:
Esto resultó mas complicado de lo que parecía, debido a la diferencia de los logos y los productos, probándose varias opciones.
Llegando incluso a probar, bajar los logos abajo y colocar fotos en las diapositivas:
Esta opción no encajo, y se decidió volver a las pruebas anteriores, eligiendo la siguiente como resultado final:
Aquí vemos el diseño de alguna de las páginas internas, siguiendo la línea limpia de la web:
Para ver la web: www.laboratoriosbilper.com
Diseño web productos para jardín
Una empresa líder nacional en distribución de productos para jardín se puso en contacto con factor_id para el desarrollo del diseño web y la programación de su nueva página web, usando el gestor de contenidos DRUPAL.
Aunque de momento está en construcción, podemos ver parte de la web en www.interdima.es.
Diseño Roll up
Para la asistencia de la empresa a una feria de comercio electrónico en La Rioja, se pensó en diseñar un roll-up que llamara la atención y que sirviera para otros eventos futuros.
Por ello su departamento de marketing prefirió la idea de llamar la atención al usuario con una serie de preguntas las cuales daban como solución la empresa. Se probó a realizarlo en varios colores, ya que la imagen corporativa de la empresa es verde y negra, eligiéndose al final el azul, porque asi llamaba más la
Diseño de un logotipo
La empresa contacto con factor_id para el desarrollo de su página web. Como comercializa varias marcas de piensos, se pensó unirlas todas bajo una misma imagen corporativa llamada «The Pet Cuisine».
Por ello se buscaba un logotipo divertido y atractivo que llamara la atención, jugándose con varias tipografías, mayúsculas y minúsculas y colores. En algunos casos se integro un claim para explicar mejor la marca al usuario.
Diseño web Nacho Bolea
En colaboración con Factor_id, se realizó una adaptación de una plantilla de wordpress para el artista aragonés Nacho Bolea.
Se buscaba un diseño elegante, donde resaltasen en toda su frescura las obras y collages del cliente, cuidándose todos los detalles al máximo.
Al ser tan grande la carga de imágenes del sitio web, se realizó un gran trabajo de documentación y preparación de los archivos para que la web tuviera el menor tiempo de carga.
También se cuidó la imagen de las páginas internas estáticas, donde se muestra la trayectoria del artista, las noticias…
Ir a la web del artista Nacho Bolea.