Porfolio de Anna Villar

Año del proyecto: 2017

0.Research

Entrevista inicial
Necesaria para definir los objetivos del proyecto, definir el target, la misión y los objetivos del sitio.
Para la entrevista usé de referencia la guia creada por Olga Revilla.

Claves de la entrevista
Cliente final: Emplead@ de Recursos Humanos y/o Project Manager.
Objetivo principal de la web: Conseguir un nuevo trabajo.

Revisar y categorizar todos los proyectos
Útil para descartar todos aquellos proyectos con los que Anna no se sentía tan cómoda y para conocer mejor su forma de trabajar y su estilo.

Antes de la revisión: 25 proyectos
Después de la revisión: 13 proyectos

Análisis competitivo
Estas fueron las preguntas que queríamos responder con nuestra búsqueda.
¿Qué muestran? ¿Cómo lo hacen? ¿Cómo lo ordenan y por qué?

Durante el análisis, nos dimos cuenta que en muchas ocasiones “los árboles no dejan ver el bosque” y es que en ocasiones las páginas tenían una estructura confusa con los trabajos poco visibles.

Desde éste instante, Anna tuvo claro que quería que su trabajo hablara por sí sólo.

“No queríamos grandes distracciones ni animaciones sin sentido.”

1.Ideación

User personas
Para no perder el foco del proyecto, se utilizó la técnica de la creación de personas.

2.Wireframes

Ideas visuales aportadas por la clienta
Diseño realizado por la clienta
Este diseño inicial realizado por la clienta sirvió para obtener una idea visual de lo que ella buscaba.

Pros:
+ Buen punto de partida para ver que estructuralmente, ella tenía claro lo que quería.
+ Ayudó a redefinir el copywrite y a pulir la estructura.
Contras:
El diseño visual en la fase inicial nos limitó en cuanto a formato y estilo.

Las preguntas que surgieron después de ver este diseño fueron:
¿Dónde está el CTA Principal? ¿Cambiará de página si hago click en otra categoría? ¿La información estará escondida?

Árbol de contenidos
Queríamos mostrar todos los proyectos “tipo catálogo”, para evitar el salto de páginas innecesario y así evitar fricción.

 

Sketching
Varias iteraciones rápidas para definir la estructura de proyectos y la CTA principal.

Planteamos incluir el año del proyecto, pero dejamos en “standby” para el futuro ya que no es demasiado relevante y crea mas ruido visual.

3.Diseño visual

Finalmente, con la intención de facilitar más el CTA, se optó por quitar el botón y incluir el email directamente. El copy también fue modificado con la intención de ser menos ambiguo.

 

Visitar página web

¿Quieres una web como ésta?


Contacta conmigo