Skip to content
JR Joey Rodriguez
← Todos los proyectos

Caso de estudio · UX / UI

Rediseño de Sunrise Bakery

Un plan de rediseño de principio a fin para una panadería y cafetería portuguesa familiar de 40 años en New Bedford — desde el descubrimiento y la estrategia hasta el branding, la arquitectura de información, los wireframes y las pruebas de usabilidad.

Rol
Estrategia UX, IA, wireframing
Contexto
Harvard Extension — DGMD E-23
Entregable
Plan completo de sitio web
Tipo
Rediseño para negocio local
Aquí van los wireframes y mockups de alta fidelidad
(exportar desde la presentación del proyecto)

El reto

Sunrise Bakery ha servido pasteles y panes portugueses auténticos en dos locales durante más de 40 años, con una clientela fiel y una reputación de 4.3 estrellas. Su sitio web no reflejaba nada de eso: no era responsivo, las imágenes se veían desparejas, los enlaces sin estilo, una página de Pasteles vacía, menús que eran solo imágenes sin precios, sin pedidos en línea, sin enlaces a redes sociales y sin analítica — todo mientras un Dunkin' está literalmente al lado. La meta era una renovación a la altura de la calidad del producto.

Descubrimiento y estrategia

Hice una evaluación de descubrimiento del sitio actual y de los competidores, y luego fijé tres objetivos: mejorar la experiencia con una renovación, aumentar el tráfico mediante SEO e impulsar las visitas a la tienda a través de redes sociales. Definí la audiencia — primero los clientes locales habituales, luego turistas y entusiastas del café que buscan cerca — y la vinculé a KPIs medibles: feedback de usabilidad, visitas al sitio y reconocimiento de marca en redes. Un SWOT enmarcó la apuesta: una sólida reputación de 40 años y una base fiel (fortalezas) frenadas por un sitio anticuado y sin pedidos en línea (debilidades), con el e-commerce y el SEO como las oportunidades claras.

Dirección de marca

La personalidad de marca que definí era amigable, cálida y centrada en la comunidad — contada a través de fotos reales del equipo y los clientes en lugar de imágenes de stock. La paleta se apoyó en tonos tierra cálidos (marrón, crema, dorado suave) con acentos pastel juguetones, y la voz era conversacional pero profesional. Todo se resumió en una propuesta de valor centrada en la familia, la comunidad y el oficio artesanal.

Arquitectura de información

Estructuré la página de inicio en torno a un mensaje claro y tres llamados a la acción principales — "Llama ahora", "Ver nuestro menú" y "Visítanos" — y luego desarrollé la página completa: un hero con el eslogan "Auténticos placeres portugueses en cada bocado", una sección sobre nosotros, una galería de productos, especiales, testimonios y un mapa integrado con horarios. Los wireframes avanzaron de bocetos a mano a baja fidelidad y a alta fidelidad, tanto para la página de inicio como para la del menú.

Pruebas de usabilidad

Probé el sitio actual frente al prototipo de baja fidelidad con participantes de la audiencia objetivo, midiendo finalización de tareas, tiempo por tarea, errores y satisfacción en cuatro tareas clave. Los hallazgos fueron contundentes: a todos los participantes les disgustó la confusa navegación del sitio existente y el exceso de anuncios, y todos prefirieron el prototipo — ubicando el CTA de "Llama ahora" y la ubicación/horarios con facilidad. Sus sugerencias (pedidos en línea y una sección dedicada de especiales) volvieron directamente al plan.

Tecnología y lanzamiento

Recomendé un stack pragmático y mantenible por el cliente — WordPress en SiteGround con SSL, Yoast para SEO y Google Analytics para el seguimiento que les faltaba — más un plan de lanzamiento que cubría pruebas en distintos dispositivos y navegadores, una revisión de staging a producción, un anuncio en tienda y en redes, y un mes de monitoreo posterior al lanzamiento.

Por qué importa

Este fue el proyecto final de mi curso "Planning Successful Websites and Applications" de Harvard Extension, presentado como un pitch de proyecto al estilo cliente. Muestra la parte de UX que ocurre antes de lo visual: investigación, estrategia y validación que hacen defendible un rediseño — el pensamiento que aporto a cada construcción.