Aplicación de salud
UX de producto
Casos de estudioPlantilla de caso · Traditional
TraditionalMarca de flores · Sitio web conceptual
Servicios
Herramientas
Tecnologías utilizadas
Marca de flores · Sitio web conceptual
Traditional
Un concepto web de iniciativa propia para Traditional, una marca de cannabis de Los Ángeles. Trasladamos el carácter de sus envases a páginas expresivas de variedades, respaldadas por un catálogo claro, formatos de producto y un buscador de tiendas.
Trasladar el carácter de los envases a la web
Los envases de Traditional dan a cada variedad sus propios colores e imágenes. Nos propusimos conservar esa individualidad en un sitio que también haga comprensible un catálogo variado: qué es la variedad, en qué formatos se ofrece y dónde encontrar la marca.
Nuestra contribución
Desarrollamos el concepto del sitio, la arquitectura de información, el diseño visual y el frontend. Los envases e imágenes existentes de la marca fueron la materia prima de nuestras composiciones, tipografía, sistema de color e interacciones.
Dimos al sitio dos modos complementarios: páginas expresivas para explorar una variedad y un catálogo más tranquilo para comparar la oferta. Una estructura compartida permite que cada variedad conserve su identidad dentro de un mismo sitio.
Un sistema, distintas expresiones
Cada variedad combina su imagen de envase, paleta y contenido con una estructura de página reutilizable. Las colecciones, los formatos y la información de tiendas conectan esa historia visual con un recorrido práctico por el catálogo.
01 / Dirección visual
Deja que cada variedad conserve su carácter.
Tratamos la apertura de cada página de variedad como un cartel. El envase se superpone al nombre de gran tamaño y sus colores y detalles gráficos se extienden al fondo y la tipografía.
Mamba 24 combina un fondo violeta con letras doradas con textura. Otras variedades usan la misma composición con sus propias paletas e imágenes de envases. Integramos esa variación en el sistema de páginas, para que añadir una variedad no exija diseñar otra estructura.
02 / Comparar el catálogo
Da a la comparación un entorno más tranquilo.
Quien compara varias variedades necesita información estable y controles claros. Colocamos el catálogo sobre un fondo neutro, con filtros por línea, tipo y sabor y los detalles de la variedad elegida junto a la lista.
Los contadores de los filtros muestran las opciones disponibles. En escritorio, el panel conserva su altura cuando cambia la selección, y el estado de los filtros queda en la URL para compartir una vista concreta.
03 / Estructura del producto
Mantén conectada la variedad con sus formatos.
La misma variedad puede presentarse en un frasco, Minis o un cigarrillo prearmado. Mantuvimos esas opciones dentro de la página de la variedad y dimos a cada formato su propia imagen de envase y sus tamaños.
Esto aclara la relación antes de que el visitante siga un enlace a una tienda externa. La identidad de la variedad se mantiene; el formato cambia.
04 / Composición móvil
Conserva la identidad visual en una pantalla más pequeña.
Adaptamos el cartel como composición móvil a toda altura, manteniendo juntos el nombre de la variedad, el envase y el color. El cartel de Milks lleva a los formatos de esa misma variedad.
Más abajo, las tarjetas de formatos se apilan en una columna, con tamaños y siguiente acción dentro de cada tarjeta. El diseño móvil conserva la apertura expresiva y la secuencia práctica que la sigue.
05 / Encontrar una tienda
Conecta la exploración con un lugar.
El buscador de tiendas está disponible en la cabecera de todas las páginas. Reunimos cuatro ubicaciones de Los Ángeles en un mapa, con direcciones, indicaciones para llegar y enlaces a sus páginas de Weedmaps.
El concepto tiene como función presentar el catálogo y ayudar a encontrar una tienda. Las acciones de productos y ubicaciones llevan a Weedmaps; el sitio no tiene proceso de pago propio.
El resultado
Un concepto web completo construido alrededor del catálogo.
El concepto funcional conecta historias de variedades, un catálogo filtrable, opciones de formato y ubicaciones de tiendas dentro de un mismo sistema visual, adaptado para escritorio y teléfono.
Otros casos
Dealer Workspace
Aplicaciones
Lips by Lara
Sitios web
MV Agusta
Sitios web
My State
UX de producto
Banking App
UX de producto
EPILMOOD
Sitios web
Benelli
Sitios web
SayMo
Aplicaciones
Plataforma de automóviles de lujo
Confidencial
Análisis de subastas de automóviles
Confidencial
Ferrari · Plataforma de compraventa de automóviles
Confidencial
