· Protótipos: desktop & mobile

DuChapéu: Ecommerce do zero & fluxo de casamento

UX Design, Visual Design & Styleguide, Prototipação.

· Protótipos: desktop & mobile

DuChapéu: Ecommerce do zero & fluxo de casamento

UX Design, Visual Design & Styleguide, Prototipação.

· Protótipos: desktop & mobile

DuChapéu: Ecommerce do zero & fluxo de casamento

UX Design, Visual Design & Styleguide, Prototipação.

O objetivo do projeto lançar a DuChapéu para o ambiente online, levando em conta especificidades dos clientes, sem perder o objetivo de ter um loja democrática e simples de utilizar.

O projeto durou cerca de 2 meses para layout, com fluxos distintos entre a compra e uma segunda etapa para outras funcionalidades, como a lista de presentes.

Cliente

DuChapéu

Segmento

Casa e Presentes, E-commerce

Ano

2020 — 2021

O objetivo do projeto lançar a DuChapéu para o ambiente online, levando em conta especificidades dos clientes, sem perder o objetivo de ter um loja democrática e simples de utilizar.

O projeto durou cerca de 2 meses para layout, com fluxos distintos entre a compra e uma segunda etapa para outras funcionalidades, como a lista de presentes.

Cliente

DuChapéu

Segmento

Casa e Presentes, E-commerce

Ano

2020 — 2021

O objetivo do projeto lançar a DuChapéu para o ambiente online, levando em conta especificidades dos clientes, sem perder o objetivo de ter um loja democrática e simples de utilizar.

O projeto durou cerca de 2 meses para layout, com fluxos distintos entre a compra e uma segunda etapa para outras funcionalidades, como a lista de presentes.

Cliente

DuChapéu

Segmento

Casa e Presentes, E-commerce

Ano

2020 — 2021

Contexto:

Contexto:

Contexto:

A DuChapéu é uma tradicional loja de presentes e decoração do bairro do Brás, mas apesar de antiga, a loja ainda não tinha atuação online de vendas.

Buscando então se modernizar e vender como um atacarejo para todo o Brasil, foi contratado o projeto de criação e desenvolvimento do novo ecommerce, utilizando a plataforma da Vtex, customizando alguns fluxos e trabalhando em cima de ferramentas existentes, como a lista de casamento.

A DuChapéu é uma tradicional loja de presentes e decoração do bairro do Brás, mas apesar de antiga, a loja ainda não tinha atuação online de vendas.

Buscando então se modernizar e vender como um atacarejo para todo o Brasil, foi contratado o projeto de criação e desenvolvimento do novo ecommerce, utilizando a plataforma da Vtex, customizando alguns fluxos e trabalhando em cima de ferramentas existentes, como a lista de casamento.

Entregáveis:

Entregáveis:

Entregáveis:

Por ser o primeiro ecommerce da Duchapeu, existia uma liberdade e responsabilidade maior, porque não existiam métricas ou dados para se basear com funcionalidades ou seções do site que funcionavam ou não funcionavam. Fizemos uma desk research para levantar insumos para fazer esse loja atrativa para um público específico do atacarejo.

Dentre as funcionalidades, o ponto mais importante foi poder diferenciar algumas informações de preços, pois o usuário que eles atendiam eram o b2c, mas gostariam de trazer features de b2b para dentro do mesmo site, diminuindo o preço caso alguém compre mais de 1 peça, como um desconto progressivo.

O projeto também foi desenvolvido para ser responsivo e otimizado para visualização mobile. Foi entregue em etapas para o cliente nas versões desktop 1366px e 1920px, e mobile 360px pensando nos usuários extremos que utilizam telas pequenas.

Por ser o primeiro ecommerce da Duchapeu, existia uma liberdade e responsabilidade maior, porque não existiam métricas ou dados para se basear com funcionalidades ou seções do site que funcionavam ou não funcionavam. Fizemos uma desk research para levantar insumos para fazer esse loja atrativa para um público específico do atacarejo.

Dentre as funcionalidades, o ponto mais importante foi poder diferenciar algumas informações de preços, pois o usuário que eles atendiam eram o b2c, mas gostariam de trazer features de b2b para dentro do mesmo site, diminuindo o preço caso alguém compre mais de 1 peça, como um desconto progressivo.

O projeto também foi desenvolvido para ser responsivo e otimizado para visualização mobile. Foi entregue em etapas para o cliente nas versões desktop 1366px e 1920px, e mobile 360px pensando nos usuários extremos que utilizam telas pequenas.

Styleguide

Styleguide

Styleguide

Pensando já na manutenção de possíveis telas e fluxos que poderiam ser criados no futuro, elaboramos um styleguide com os principais componentes do site. Botões, formulários, cores auxiliares, tudo conversando com o manual da marca e com as variações de interação.

Esse entregável também ajudou no desenvolvimento e ajudou a padronizar comportamentos de outras telas que não foram desenvolvidas diretamente pelo time de design.

Pensando já na manutenção de possíveis telas e fluxos que poderiam ser criados no futuro, elaboramos um styleguide com os principais componentes do site. Botões, formulários, cores auxiliares, tudo conversando com o manual da marca e com as variações de interação.

Esse entregável também ajudou no desenvolvimento e ajudou a padronizar comportamentos de outras telas que não foram desenvolvidas diretamente pelo time de design.

Atacarejo na PDP e carrinho!

Atacarejo na PDP e carrinho!

Atacarejo na PDP e carrinho!

Um diferencial que a DuChapéu gostaria de implementar no site, é a função de desconto progressivo automático.

Para isso, desenhamos fluxos que, ao colocar o produto no carrinho em quantidades maiores, o desconto apareceria no checkout. Junto com isso, colocamos pequenos disclaimers na compra, avisando o possível cliente sobre o desconto exclusivo.

Fluxos para lista de presentes ou de casamento 💞

Fluxos para lista de presentes ou de casamento 💞

Fluxos para lista de presentes ou de casamento 💞

Na segunda etapa do projeto, adaptamos parte da funcionalidade nativa da Vtex de lista de casamento.

O cliente desejava além de uma lista simplificada para o usuário poder favoritar os produtos, que pudesse também ser compartilhável com amigos, e customizada com informações sobre o casamento.

Entregáveis:

Entregáveis:

Entregáveis:

Foram 2 fluxos diferentes. O primeiro pensando nos noivos, com criação, edição e compartilhamento de informações da lista criada. E o segundo com foco no convidado, com busca e compra dos produtos escolhidos, também dando a escolha de enviar créditos para os noivos, que seriam utilizados apenas na loja da DuChapéu.

Os fluxos foram levantados e validados com desenvolvedores especialistas, além de nos basearmos em fluxos de benchmarks levantados anteriormente, para evitar criar uma ferramenta que seria muito onerosa de ser implementada.

Protótipos: desktop & mobile

Protótipos: desktop & mobile

Vamos

conversar?

Vamos

conversar?

Vamos conversar?

rhortega.com

© 2024