Lyra Flower shop responsive
website
Generé el diseño UX & UI en un periodo de un mes para Lyra Flower Shop donde apliqué mis conocimientos de UX design para crear un flujo fácil sencillo de entender con el objetivo de realizar compra de ramos de flores, arreglos florales. Para llegar a obtener un flujo de compra sencillo de recorrer fue necesario realizar encuestas para conocer al usuario y plantear de una mejor manera cuáles son sus necesidades al momento de acceder a un sitio web de una floristerÃa y encontrar la oportunidad de mejora.
Mi Rol
UX Designer
Visual Designer
Duración del Proyecto
Cinco Meses
Colaboradores
1 Stakeholder
1 Developers
¿Cuáles son las oportunidades de mejora?
Los usuarios no disponen de tiempo suficiente para poder conseguir flores o adornos florales para personalizar sus espacios, es necesario generar la comodidad de comprar y programar un pedido en lÃnea.
- Los usuarios necesitan programar sus órdenes para poder continuar con su trabajo sin afectar a sus horarios.
- La mayorÃa de los usuarios utilizan sus teléfonos móviles para acceder a contenidos web por eso necesitan webs responsivas que se adapten a sus dispositivos.
- Los usuarios necesitan tener diferentes opciones de pago para realizarlo desde sus dispositivos móviles o pc.
La Solución
Diseñé un sitio responsivo de compras en lÃnea que facilite su uso para los diferentes clientes que no cuentan con el tiempo necesario para pedir fÃsicamente porque estos no tienen espacio en su agenda o estos tienen una actividad especial que les gustarÃa pedir un arreglo floral y se sienten cómodos utilizando un sitio que permite el uso de diversos métodos de pago y la facilidad de uso en sus teléfonos. Todo esto fue necesario para poder realizar el diseño de Lyra Flower Shop.
Empatizar
¿Cuáles son las metas de la empresa?
¿Cuál es mercado meta?
¿Cuáles son los pain points?
¿Quiénes son sus competidores?
¿Cuál es su identidad de marca?
Definir
¿Cómo definir el User Persona?
¿Cuál es el problema?
¿Cómo se organizarán las reuniones?
¿Cuáles son los entregables?
Idear
Crear el Site Map
Iniciar a definir User Flows
Realizar el proceso Sketch
Prototipar
Diseñar Lo-Fi Wireframes
Diseñar Hi-Fi Wireframes
Crear Design Systems
Probar
Obtener la retroalimentación del Stakeholder
Realizar el Usability Study
Validar la experiencia del usuario
MetodologÃa
Design Thinking
La metodologÃa Design Thinking es una herramienta que se acopla perfectamente para comprender a la compañÃa, usuario y el producto digital en el que se está trabajando, utilizando instrumentos, pruebas y entregables que pertenecen al proceso investigación de usuario, prototipado y pruebas de usabilidad es posible desarrollar un producto de alta calidad.
Para plantear las bases fue necesario documentar los usuarios y proponer las primeras interfaces del sitio web instruccional
En el proceso de investigación y planteamiento de la solución fue necesario generar un User persona, User Journey Map para comprender el flujo que se necesitaba plantear para poder generar la mejor experiencia para el usuario, esto dio partida a los primeros wireframes que luego generaron las interfaces completas para el prototipo. A continuación, se muestran parte de la documentación realizada.
Las áreas que mejoramos enfocadas
en las necesidades del
cliente
Realizar las reservaciones de los arreglos
florares de acuerdo con la agenda del
usuario y la disponibilidad de
la floristerÃa
Con el enfoque de ayudar a los usuarios fue necesario se hizo necesario ubicar el área de reservaciones accesible para que los clientes puedan realizar su proceso de una manera sencilla por esa razón se ubicó debajo del banner para lograr captar la atención y facilitar el primer paso para la reserva de arreglos florares o ramos de flores.
Se muestra el apartado para facilitar
la utilización de diferentes
métodos de pago
Es necesario permitir a los usuarios que estos puedan ingresar múltiples métodos de pago ya que algunos se encuentran limitados por región, banco o marca de tarjeta y esto es una molestia para los usuarios que cuentan con sus tarjetas de débito o crédito de confianza.
El sitio web debe de adaptarse a los
dispositivos de los usuarios
Muchos de los usuarios están más acostumbrados a utilizar sus dispositivos móviles para poder acceder a contenido multimedia, sitios web o realizar trámites en lÃnea; por eso es necesario realizar una versión adaptada a los dispositivos móviles para que puedan desarrollar con facilidad la compra de arreglos florares sin generales ningún malestar.
Mockups
Aspectos a tomar en cuenta
Para el sitio web es necesario tomar en cuenta oportunidades como la de añadir un apartado videos cortos sobre arreglos florales en redes sociales como tiktok con el objetivo de fomentar la creatividad de los clientes y generar un lado más humano con el fin de generar conversiones de clic a clientes de una manera muy sencilla, además es necesario tomar en cuenta opciones de accesibilidad como los alt de imágenes, tema oscuro para ayudar a las personas con debilidad visual esto con el fin de generar una experiencia agradable para los consumidores.
¿Qué aprendà al diseñar el sitio web de lyra flower shop?
En el caso de esta tienda online me ayuda a entender que los clientes necesitan realizar procesos sencillos donde estos puedan visualizar fácilmente los productos, realizar un pedido a través de teléfonos celulares, realizar personalizaciones de sus arreglos florares y optar por el método de pago que les ofrezca mayor facilidad. El enfoque para este tipo de tiendas debe ser facilitar el proceso con el menor número de instrucción y con la mayor claridad posible para generar una experiencia satisfactoria.
ES 
EN