Aplicativo de saúde
UX de produto
Estudos de casoModelo de estudo de caso · Traditional
TraditionalMarca de flores · Site conceitual
Serviços
Ferramentas
Tecnologias
Marca de flores de cannabis · Site conceitual
Traditional
Um conceito de site desenvolvido por iniciativa própria para Traditional, uma marca de cannabis de Los Angeles. Traduzimos a personalidade de suas embalagens em páginas expressivas de variedades, apoiadas por um catálogo claro, formatos de produto e localizador de lojas.
Leve a personalidade da embalagem para a web
As embalagens da Traditional dão a cada variedade suas próprias cores e artes. Nosso objetivo foi preservar essa individualidade em um site que também torna compreensível um catálogo variado: o que é a variedade, em quais formatos vem e onde encontrar a marca.
Nossa contribuição
Desenvolvemos o conceito do site, a arquitetura da informação, o design visual e o frontend. As embalagens e imagens existentes da marca se tornaram o ponto de partida para nossas próprias composições de página, tipografia, sistema de cores e interações.
Demos ao site dois modos complementares: páginas expressivas para explorar uma variedade e um catálogo mais discreto para comparar os produtos. Uma estrutura de página compartilhada permite que cada variedade mantenha sua identidade e continue fazendo parte do mesmo site.
Um sistema, expressões distintas
Cada variedade combina sua imagem de embalagem, paleta e conteúdo com uma estrutura de página reutilizável. Coleções, formatos e informações sobre lojas conectam essa história visual a um caminho prático pelo catálogo.
01 / Direção visual
Deixe cada variedade manter sua personalidade.
Tratamos a abertura de cada página de variedade como um pôster. A embalagem se sobrepõe ao nome em tamanho grande, enquanto suas cores e detalhes gráficos se estendem ao fundo e à tipografia.
Mamba 24 combina um fundo roxo com letras douradas texturizadas. Outras variedades usam a mesma composição com suas próprias paletas e imagens de embalagem. Incorporamos essa variação ao sistema de páginas, para que adicionar uma variedade não exija criar outro layout.
02 / Comparando o catálogo
Dê à comparação um ambiente mais tranquilo.
Um visitante que compara várias variedades precisa de informações estáveis e controles claros. Colocamos o catálogo em um fundo neutro, com filtros por linha, tipo e sabor e os detalhes da variedade selecionada ao lado da lista.
As contagens dos filtros mostram as opções disponíveis. No computador, o painel mantém sua altura conforme a seleção muda, e o estado do filtro permanece na URL para permitir o compartilhamento de uma visualização específica.
03 / Estrutura do produto
Mantenha a variedade e seus formatos conectados.
A mesma variedade pode vir em pote, Minis ou pré-enrolado. Mantivemos essas opções dentro da página da variedade e demos a cada formato sua própria imagem de embalagem e seus tamanhos.
A relação fica clara antes de o visitante seguir um link para uma loja externa. A identidade da variedade continua; o formato muda.
04 / Composição móvel
Mantenha a identidade visual em uma tela menor.
Adaptamos o pôster como uma composição de altura total no celular, mantendo juntos o nome da variedade, a embalagem e a cor. O pôster de Milks leva aos formatos da mesma variedade.
Mais abaixo, os cartões de formato se empilham em uma única coluna, com tamanhos e a próxima ação em cada cartão. O layout móvel preserva a abertura expressiva e a sequência prática que vem depois.
05 / Encontrando uma loja
Conecte a exploração a um lugar.
O localizador de lojas está disponível no cabeçalho de todas as páginas. Reunimos quatro endereços de Los Angeles em um mapa, com endereços, rotas e links para suas páginas no Weedmaps.
O papel do conceito é apresentar o catálogo e ajudar as pessoas a encontrar uma loja. As ações de produto e localização levam ao Weedmaps; o site em si não tem checkout.
O resultado
Um conceito completo de site construído em torno do catálogo.
O conceito funcional conecta histórias individuais de variedades, um catálogo filtrável, opções de formato e locais de lojas dentro de um sistema visual, adaptado para computador e celular.
