MrBono | UX/UI para página web
Caso:
MrBono es una marca colombiana líder en productos de panadería, bollería y pastelería, que llegó a Sí Señor Agencia para fortalecer su posic
Metas:
- Lograr la consistencia en la identidad gráfica, manteniendo coherencia con los colores y tipografías de la marca.
- Presentar sus diferentes líneas de productos y procesos de compra.
- Aportar en el posicionamiento y reconocimiento de los puntos de venta de MrBono.
Ejecución
Este proyecto se desarrolló desde tres áreas: UX/UI, SEO e Ingeniería Web. Estas fueron las acciones realizadas por cada una de ellas.
UX/UI:
- Para crear el sistema de diseño, no solo tomamos el manual de marca y como guía, también el isotipo de MrBono sirvió como inspiración principal para las curvas y formas de ciertos botones y las transiciones entre secciones.
- Se utilizó la comunicación visual para diferenciar las diferentes líneas de productos (a través de sus menús) y así facilitar los procesos de compra.
- Con el fin de reforzar la marca y su credibilidad, se diseñaron páginas nuevas como Nosotros, en las cual los usuarios pudieran conocer la historia detrás de MrBono.
SEO:
- Creación y uso de hojas de cálculo en Google Sheets, para gestionar y optimizar la información de las fichas técnicas de Google My Business (GMB), esto debido a los diferentes puntos físicos de la marca a nivel nacional.
- Se dieron recomendaciones para GMB una vez los locales o puntos físicos estuvieron registrados en la plataforma. Entre ellos están la actualización de información (y el uso de KW en la misma), la utilización de fotos de alta calidad y la gestión periódica de reseñas.
- Así mismo, se compartió un manual de buenas prácticas en SEO Local para GMB, en el que se detallan las estrategias y acciones recomendadas para optimizar la presencia del negocio y mejorar su visibilidad en los resultados de búsqueda locales.
- Se realizó el proceso de verificación de propiedad de cada una de las fichas técnicas de cada uno de los puntos físicos de MrBono en Google My Business, dándole el total acceso a la marca para gestionar su información.
Ingeniería Web:
- Para crear el sistema de diseño, no solo tomamos el manual de marca y como guía, también el isotipo de MrBono sirvió como inspiración principal para las curvas y formas de ciertos botones y las transiciones entre secciones.
- Se utilizó la comunicación visual para diferenciar las diferentes líneas de productos (a través de sus menús) y así facilitar los procesos de compra.
- Con el fin de reforzar la marca y su credibilidad, se diseñaron páginas nuevas como Nosotros, en las cual los usuarios pudieran conocer la historia detrás de MrBono.
Resultado final
Para antojarte de los productos de MrBono y conocer la nueva visual que nuestro equipo desarrollaron, visita https://www.mrbono.co/
