Rol

Diseño Web, Diseño UI

Diseño Web, Diseño UI

Tiempo

Nov 2022 - Enero 2023

Nov 2022 - Enero 2023

Herramientas

Figma, FigJam, Photoshop, ClickUp, Timely

Figma, FigJam, Photoshop, ClickUp, Timely

Resumen

El diseño del sitio web de Twined se centra en dar vida a la belleza natural y orgánica de las lámparas artesanales, al tiempo que ofrece una experiencia de usuario intuitiva y fluida. Desde la llamativa sección principal hasta las páginas de productos cuidadosamente seleccionadas, cada elemento está meticulosamente diseñado para mostrar el carácter y el encanto únicos de cada lámpara, facilitando a los usuarios la tarea de encontrar la combinación perfecta. El uso de colores suaves y naturales, las transiciones suaves y la tipografía elegante añaden un toque de sofisticación y refinamiento. El objetivo principal del diseño era hacer del sitio web de Twined una experiencia en sí misma.

Acerca del Producto

Twined Lamps es una línea de lámparas artesanales de mimbre hechas con cuerda natural, creadas y vendidas por la tienda Twined. Cada lámpara está cuidadosamente elaborada y diseñada para aportar calidez y elegancia a cualquier estancia del hogar. Están disponibles en varios tamaños y estilos, desde lámparas de mesa y de pie hasta lámparas colgantes, lo que las hace versátiles y adecuadas para cualquier habitación, espacio y decoración. Las lámparas están fabricadas con materiales naturales, lo que las convierte en una opción respetuosa con el medio ambiente, y emiten una luz cálida y acogedora que crea un ambiente relajante. Son únicas y elegantes, con fibras naturales y pantallas de lino que les dan un aspecto natural y elegante.

Objetivos & Metas

Objetivos:
- Crear un sitio web visualmente atractivo y fácil de usar que muestre eficazmente las lámparas y los productos exclusivos de Twined.

- Aumentar la visibilidad y el conocimiento de la marca Twined y sus productos.

- Facilitar a los clientes la búsqueda y compra de las lámparas que se ajustan a sus necesidades y preferencias.

- Mejorar la experiencia general del usuario del sitio web, facilitando a los visitantes la navegación, la búsqueda de información y la interacción con la marca.

Metas:
- Aumentar el tráfico y la participación en el sitio web, medidos por páginas vistas, tiempo de permanencia y porcentaje de clics.

- Aumentar el número de clientes potenciales y conversiones, medido por el número de suscripciones al boletín, consultas sobre productos y compras.

- Mejorar la satisfacción y retención de los clientes, medida por las reseñas, valoraciones y compras repetidas de los clientes.

- Mantenerse competitivo en el sector de la iluminación y a la altura de las cambiantes necesidades y preferencias de los clientes.

Metas:
- Aumentar el tráfico y la participación en el sitio web, medidos por páginas vistas, tiempo de permanencia y porcentaje de clics.

- Aumentar el número de clientes potenciales y conversiones, medido por el número de suscripciones al boletín, consultas sobre productos y compras.

- Mejorar la satisfacción y retención de los clientes, medida por las reseñas, valoraciones y compras repetidas de los clientes.

- Mantenerse competitivo en el sector de la iluminación y a la altura de las cambiantes necesidades y preferencias de los clientes.

Metas:
- Aumentar el tráfico y la participación en el sitio web, medidos por páginas vistas, tiempo de permanencia y porcentaje de clics.

- Aumentar el número de clientes potenciales y conversiones, medido por el número de suscripciones al boletín, consultas sobre productos y compras.

- Mejorar la satisfacción y retención de los clientes, medida por las reseñas, valoraciones y compras repetidas de los clientes.

- Mantenerse competitivo en el sector de la iluminación y a la altura de las cambiantes necesidades y preferencias de los clientes.

1

La sección Hero causa un gran impacto gracias al uso de un bonito y llamativo carrusel de imágenes, acompañado de un titular contundente y una clara llamada a la acción. Ofrece una navegación clara, con enlaces fáciles de encontrar a todas las secciones principales del sitio web.

2

Aquí destacamos productos específicos que pueden llamar la atención del usuario y ayudarle a tomar una decisión de compra, de forma interactiva, para que pueda ver los precios. Esto proporcionará una experiencia de usuario más atractiva e inmersiva.

3

Mostrar el antes y el después de encender y apagar una lámpara mediante una imagen interactiva con opción de arrastre, ayuda al cliente a visualizar el impacto que la lámpara podría tener en su propio espacio.


Esta función interactiva puede mostrar el impacto que la lámpara tiene en la iluminación y el ambiente del espacio, lo que puede ayudar al cliente a tomar una decisión de compra más informada.

4

Destacar los productos más demandados o que han recibido comentarios positivos de los clientes ayudará a generar interés e impulsar las ventas.


Y al permitir a los clientes ver una imagen más cercana al pasar el ratón por encima del producto, puede crearse una mejor idea de las características, el diseño y la calidad del producto, sin tener que entrar en la página del producto para ver más detalles.

5

El diseño de la página de productos es intuitivo, fácil de usar y visualmente atractivo. Permite a los clientes encontrar fácilmente los productos que buscan y filtrar los resultados de la búsqueda según sus preferencias.


La inclusión de una sección para filtrar los resultados con un control deslizante interactivo de los precios permite a los clientes acotar rápida y fácilmente su búsqueda a los productos que se ajustan a su presupuesto.

6

La página de cada producto comenzará con una imagen grande y de alta calidad del producto. Toda la información relevante se mostrará en un lugar destacado encima de la imagen, con un claro botón de llamada a la acción para añadir el producto a la cesta de la compra.


Se incluirá un carrusel interactivo de imágenes que sirva de inspiración a los clientes para crear su propio espacio acogedor con la lámpara.


Tendrá una sección de opiniones de clientes, con valoraciones de estrellas y comentarios de compradores anteriores. Esta sección ayudará a generar confianza en el producto.

Prototipo en Figma

Prototipo en Figma

Prototipo en Figma

Click para expandir

Click para expandir

Puedes ver el prototipo acá

tamaño completo

tamaño completo

Let’s meet!

Deseas trabajar conmigo?

Copyright © 2023 Meylin V. Cruz - Hecho con ❤️ en Barcelona.

Copyright © 2023 Meylin V. Cruz - Hecho con ❤️ en Barcelona.

Copyright © 2023 Meylin V. Cruz -

Made with ❤️ in Barcelona.