Sitio web de Ginjan Bros, ginjanbros.com, http://ginjanbros.com
Ginjan Bros llegó a atQuo con un diseño ya terminado —creado por The Bright Republic— y necesitaba un socio de desarrollo para darle vida en Shopify. El alcance cubría todo el sitio: páginas de comercio electrónico, contenido de marca, una sección de cafetería y un blog. La construcción debía ser lo suficientemente flexible para que un equipo de marketing pudiera gestionarla de forma independiente, lo que significaba que las decisiones de arquitectura eran tan importantes como el resultado visual.
El tema se construyó utilizando el lenguaje de plantillas Liquid de Shopify y plantillas JSON, con estilos de Tailwind CSS. Esta combinación proporcionó al sitio una clara separación entre estructura y contenido: las secciones son modulares, el contenido es editable a través del panel de administración de Shopify, y añadir o reorganizar páginas no requiere tocar código.
Para una marca que se mueve tan rápido como Ginjan —nuevos productos, campañas estacionales, actualizaciones de la cafetería, contenido editorial—, ese tipo de autonomía no es opcional. Es la diferencia entre un sitio que sigue el ritmo de la marca y uno que crea un cuello de botella.
El catálogo de productos abarca tanto bebidas como artículos de marca, cada uno con diseños de cuadrícula coherentes que facilitan la navegación sin restar valor a la marca. Las páginas de detalle de producto incluyen opciones de suscripción y compra única, información nutricional y secciones de venta cruzada que mantienen a los clientes recorriendo el catálogo.
La sección "Sobre nosotros" se diseñó para transmitir todo el peso de la historia de origen de Ginjan: los hermanos, Guinea, Harlem, el carrito callejero, el crecimiento. Un diseño de línea de tiempo organiza los hitos sin que parezcan un comunicado de prensa. El diseño utiliza fotografía y tipografía para dejar que la historia hable por sí misma.
El blog y el centro de contenidos se construyeron con un formato de artículo destacado y una cuadrícula de tarjetas debajo, estructurados tanto para contenido editorial como para recetas de cócteles. Un registro para boletines con un tratamiento visual distintivo de Ginjan se integra dentro de la sección de contenido en lugar de ser un añadido posterior.
La página de aterrizaje de la cafetería está diseñada para la acción: una barra inmediata con llamadas a la acción para entrega, menú y direcciones, apoyada por fotografía gastronómica. Para un local físico, el objetivo de la página es llevar a las personas de la pantalla a la puerta lo más rápido posible.
La página de inicio cierra con una sección de llamada a la acción anclada por "World, meet Africa. Again." —la voz de la marca en su máxima expresión—, que conduce a un pie de página con enlaces a redes sociales y captura de boletines.
Una tienda Shopify totalmente funcional que ejecuta fielmente el diseño original y brinda al equipo de Ginjan las herramientas para mantener el sitio activo sin ayuda externa. La historia de la marca, el comercio y la experiencia de la cafetería conviven bajo el mismo sistema, y el equipo puede actualizar cualquiera de ellos por su cuenta.
Estrategia, diseño, contenido y crecimiento.
