Franco's Pasta
Contexto del Proyecto
Franco’s Pasta es una marca artesanal con raíces italianas. A pesar de la calidad de sus productos, su presencia digital estaba obsoleta, no era responsiva y presentaba fallas críticas de UX/UI que no reflejaban su posicionamiento premium.
Modernizar la tienda digital integrando la esencia italiana y el nuevo packaging de la marca. Buscamos establecer una narrativa visual sofisticada con una arquitectura móvil-primero (mobile-first) que garantizara una navegación intuitiva.
El sitio anterior generaba una desconexión entre la calidad del producto y la experiencia del usuario. La navegación fragmentada, un proceso de pago ineficiente y la falta de optimización móvil afectaban directamente las conversiones.
Ejecutamos una transformación digital completa, fusionando la herencia italiana con un sistema de comercio electrónico de alto rendimiento. Implementamos un diseño basado en el nuevo packaging, optimizamos el flujo del usuario y desarrollamos una tienda personalizada en Shopify, logrando una experiencia premium, responsiva y escalable.
Testimoniales
"El rediseño ha elevado por completo la forma en que presentamos Franco’s al mundo. Captura perfectamente ese equilibrio entre la calidad tradicional y la sensación moderna y ligera que buscábamos. Ver la marca cobrar vida, con un aspecto tan limpio y cohesivo, ha marcado un antes y un después para la visión del proyecto."
“El nuevo diseño es fantástico. Es elegante, fácil de usar y realmente elevó nuestra presencia en línea. ¡No podría estar más feliz con la transformación!”
.png)
"El rediseño ha elevado por completo la forma en que presentamos Franco’s al mundo. Captura perfectamente ese equilibrio entre la calidad tradicional y la sensación moderna y ligera que buscábamos. Ver la marca cobrar vida, con un aspecto tan limpio y cohesivo, ha marcado un antes y un después para la visión del proyecto."
Proceso de Diseño y Desarrollo
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
.png)
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
.png)
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
.png)
Implementación de CMS(WordPress–Elementor / Shopify / Webflow)
Configuración del CMS
Optimización Responsiva
Mejoras SEO (contenido e imágenes optimizados)
Pruebas Finales y Control de Calidad (QA)
Despliegue Final del Proyecto
Proceso de Diseño
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
Color Palette
Typography
Brand Identity
User Persona
Logo
Lo-Fi Wireframes
Diseño Previo
El diseño anterior presentaba una estética desequilibrada y genérica que no lograba comunicar una identidad de marca premium. Se basaba en una paleta de colores distractora de bloques verdes y rosas con alto contraste, junto con un diseño fragmentado que dificultaba la legibilidad y la navegación. La interfaz se percibía como una plantilla no optimizada, carente de jerarquía visual y de una narrativa digital cohesiva para resaltar la calidad artesanal del producto.
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
La Experiencia Renovada
El nuevo diseño presenta una estética audaz, moderna y basada en el legado de la marca, que aprovecha los activos del nuevo packaging para crear una narrativa visual premium. A través de una jerarquía tipográfica de alto impacto, una paleta de colores vibrante pero equilibrada e iconografía personalizada, la interfaz ofrece una experiencia fluida de 'móvil primero'. Esta transformación reemplaza con éxito el desorden anterior por una tienda en Shopify estructurada y orientada a la conversión, que refleja auténticamente la maestría artesanal italiana de Franco’s.
.webp)
.webp)
.webp)
.webp)
.webp)
.png)
.webp)
The Mobile Revamped Experience
Transformamos la experiencia digital enfocándonos en la escalabilidad, el impacto visual y un recorrido del usuario sin fricciones que honra las raíces italianas de la marca.
Identidad Visual Centrada en la Herencia
Incorporamos las texturas del nuevo packaging de la marca y una sofisticada paleta inspirada en Italia para crear una narrativa de marca premium y cohesiva en todas las páginas.
Ruta de Conversión Mobile-First
Optimizamos toda la experiencia de compra con una arquitectura responsiva, garantizando una navegación ultra rápida y un proceso de pago sin interrupciones para usuarios móviles.
Módulos de Storytelling Artesanal
Desarrollamos secciones personalizadas para "La Historia" y "Raíces Italianas", utilizando tipografía audaz e iconografía a medida para comunicar eficazmente la calidad y herencia del producto.
Integración de CMS Personalizado en Shopify
Construimos un backend flexible y escalable que permite al cliente gestionar fácilmente su catálogo artesanal y actualizaciones estacionales.
Creando una experiencia digital intuitiva y eficiente
Proceso de Re-diseño
Ejecutamos una auditoría estratégica para identificar puntos de fricción de UX, seguida de un prototipado rápido para alinear los nuevos activos de marca con una estructura de e-commerce escalable.
User Flows
La arquitectura fue reconstruida para minimizar los clics, creando un camino directo e intuitivo desde el storytelling de "Herencia Italiana" hasta el checkout final en Shopify.
Diseño Visual
Se aplicó una estética audaz y moderna utilizando tipografía de alto impacto, iconografía personalizada y una paleta vibrante derivada del nuevo packaging artesanal de la marca.
Conclusión
El rediseño logró la transición exitosa de Franco’s Pasta desde un sitio obsoleto hacia una tienda premium en Shopify con alta tasa de conversión. Al alinear la herencia italiana con una arquitectura moderna 'móvil primero', establecimos una identidad digital escalable que coincide con la calidad artesanal de la marca e impulsa el crecimiento a largo plazo.