Sitio web
Valeriana Ecosalón
Diseño de sitio web para salón ecológico.
Rol
Diseñador UX UI
Herramientas
- Adobe XD
- Figma
- Illustrator
- Photoshop
Habilidades
- Investigación de usuario
- Arquitectura de información
- Diseño web
Tiempo
Marzo 2023 - junio 2023
Equipo
- Genesis Vicencio
- Tamara Araya
- Javiera Barría
- Kiara Inzunza
Descripción general
Ver BriefEl proyecto consistió en el desarrollo de un sitio web autoadministrable para Valeriana Ecosalón, con el objetivo de aumentar su presencia en línea y mejorar la experiencia de sus clientes al acceder a información sobre sus servicios y productos.
Investigación
Ver InvestigaciónPara realizar el diseño del sitio web comenzamos con la etapa de investigación, donde recabamos información del entorno, analizamos las tendencias de diseño y buscamos las problemáticas que pudiera tener el Ecosalón con respecto a la gestión de sus clientes.
Por ello, uno de los primeros pasos que realizamos fue considerar a la competencia de Valeriana, por lo que evaluamos los diferentes sitios web relacionados a peluquerías y salones estéticos.
Sumado a lo anterior, realizamos un análisis de entorno, consistiendo en revisar las prácticas que efectuaban distintas peluquerías y salones, además de revisar las tendencias futuras que podrían influir al ecosalón.
Por último, mediante el análisis FODA identificamos las fortalezas, oportunidades, debilidades y amenazas para el ecosalón.
Usuario
Para realizar los arquetipos, nos centramos principalmente al público que frecuenta Ecosalón Valeriana, realizando encuestas y entrevistas, teniendo en común el estilo de vida con un enfoque en el cuidado personal o del entorno natural. A continuación se detallan los arquetipos detectados:
Hallazgos
Luego de realizar la investigación, procedemos a detectar los puntos con los cuales basaremos nuestro diseño, enfocandonos en solucionar los problemas que puedan presentar a los usuarios del Ecosalón.
- La ubicación del local les permite tener un espacio libre de ruidos, pero existe una dificultad para los potenciales clientes en encontrar el local debido a la poca visibilidad.
- Las personas desconocen el nombre o término "Ecosalón" y desinformadas acerca de los productos orgánicos.
- Orgánico no es sinónimo de seguro, se debe considerar las alergias de cada persona para utilizar un producto.
- Redes sociales pueden ser potenciadas, al ser utilizadas actualmente solo como vitrina de servicios.
Mapa de navegación Ver mapa en Figma
Al obtener todos los hallazgos, se comenzó definiendo el producto a elaborar, siendo un sitio web ecommerce con una sección de agendar hora.
Se presentaron múltiples mapas de navegación para organizar la información del sitio considerando todas las pantallas, definiendose sección de productos/servicios, un blog informativo y una sección de agendar hora, con el objetivo de solucionar algunos de los problemas detectados en la investigación.
Wireframe
Con la estructura definida, se elaboró una serie de wireframes, de los cuales seleccionamos uno a desarrollar como mockup.
Guia de estilo
Para elaborar una guía de estilo, creamos antes un moodboard, considerando los términos de cercano, atento y conciente, además de reflejar la temática natural del local.
Finalmente, definimos una guía de estilo, considerando la tipografía, colores y elementos dentro del sitio.
Mockup
Ver Mockups en FigmaFinalmente, aplicamos todos los elementos gráficos y estilo para generar los mockup, que posteriormente usamos para armar el sitio en Wordpress.
