Sites e páginas de vendas

FairyLand

Site de confeitaria com várias lojas, separando o que se leva do balcão do que se encomenda com antecedência.

Cliente
FairyLand Bakery
Nicho
Confeitaria
Onde
Florianópolis/SC
do início à entrega
15 dias

O problema

A FairyLand é uma confeitaria com várias lojas, e vende de dois jeitos que não se parecem. Tem o balcão, onde a pessoa entra, olha a vitrine e leva a fatia; e tem a encomenda, onde ela escolhe um bolo inteiro com antecedência, para uma data marcada. São decisões de tamanho diferente, tomadas em momentos diferentes.

Trecho da página

O site precisava servir as duas sem misturar, e ainda resolver uma terceira coisa: dizer onde ficam as lojas. Confeitaria de bairro vive de proximidade, e o cliente que não sabe qual unidade é a mais perto dele acaba não indo em nenhuma.

Trecho da página

O que eu fiz

A separação virou a espinha da página. Existem dois blocos de destaque com o mesmo formato e rótulos diferentes, um de balcão e um de encomendas. O cliente que quer levar agora e o que está planejando o aniversário do filho leem a mesma página e param em lugares diferentes dela.

Trecho da página

Cada produto entrou com foto grande e a descrição das camadas, não só o nome. Bolo se vende pelo recheio, e quem está escolhendo entre um red velvet e um quatro leites quer saber o que tem dentro antes de decidir. A fotografia é toda da própria loja, com a peça inteira e a fatia cortada.

Trecho da página

As lojas ganharam uma dobra com foto de fachada, endereço e um botão de rota para cada unidade. A foto da fachada importa mais que o endereço escrito, porque é assim que a pessoa reconhece o lugar quando passa em frente.

Trecho da página

O depoimento ficou em bloco próprio, com foto e nome de quem falou. Uma confeitaria com várias unidades já passou do estágio de padaria de esquina, e a fala de um cliente identificado sustenta esse tamanho melhor que qualquer texto institucional.

Trecho da página

A paleta é rosa e lilás sobre creme, com a marca de água do nome correndo em diagonal pelo fundo. É doce sem ser infantil, que é a linha que uma confeitaria adulta precisa segurar. No fim entra o espaço pet, porque é o detalhe que decide entre duas cafeterias parecidas para quem sai de casa com o cachorro.

Trecho da página
Identidade

A língua visual do projeto.

  • #F54F91
  • #738BD1
  • #F7EFDD
  • #A8B6F5
  • #FFFFFF
Títulos Poppins geométrica, peso 700

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Corpo Montserrat leitura corrida

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Resultado

Veja o resultado final.

Escolha entre as versões para desktop ou celular. Você pode ver a página arrastando para baixo ou clicando no botão tocar.

FairyLand — página rolando
O projeto

O que ela tem, e por quê.

  1. Balcão e encomenda em blocos irmãos

    Os dois têm o mesmo formato e rótulos diferentes. O de balcão descreve as camadas de cada peça, e o de encomenda mostra os tamanhos, porque quem leva a fatia agora e quem planeja o aniversário decidem por informações diferentes.

  2. O tamanho da encomenda em pílulas de fatia

    Cada bolo traz três pílulas com o número de fatias, de 15 a 32. Quem encomenda escolhe pelo tamanho da festa, com o rendimento já na frente.

  3. A descrição das camadas em cada cartão

    Massa, recheio e cobertura aparecem embaixo do nome, com uma pílula de categoria sobre a foto. A fotografia é da própria loja, com a peça inteira e a fatia cortada.

  4. O menu partido em volta do logo

    A marca fica centralizada no alto e os cinco itens se dividem, dois de um lado e três do outro, cada um dentro de uma fita.

  5. A fita como componente único

    O mesmo formato marca o item de menu, o título de cada seção e a marca de água que atravessa o fundo em rosa e lilás. Um elemento só, em três papéis.

  6. Botão de rota em cada unidade

    A dobra das lojas traz a foto da fachada antes do endereço escrito, porque é pela frente que a pessoa reconhece o lugar, e cada unidade tem o próprio botão de rota.

  7. No celular a foto sobe e as pílulas descem

    O cartão vira vertical, com a foto grande no topo, o nome embaixo dela e as pílulas de tamanho na base. A grade de três produtos passa a uma coluna.

  8. O limite entre doce e infantil

    Rosa e lilás sobre creme, num registro de confeitaria adulta. É a linha que a marca precisa segurar para o público que encomenda bolo de aniversário e o que senta para o brunch.

Próximo passo

Análise da presença digital

Me manda os seus links. Eu olho a sua presença atual e te digo por onde começar.