Cliente

Hoots Gastropub

Produto

Site Institucional

Serviço

Projeto de Layout

O Problema

O Cliente necessitava de um catálogo digital, para apresentar uma série de materiais de construção de diversas categorias, ocasionamente contando também com variações de cores e texturas. A navegação deveria ser agradável e intuitiva, apesar da quantidade de variações.

A estética buscada já foi entregue no próprio nome — Classy. As prioridades eram evidentes: Elegância e leveza. Palavras-chave incluiam excelência e qualidade, destacando suas parcerias com arquitetos e designers.

Não havia site anterior.

O Papel

Fui responsável pelo planejamento da distribuição de informação, confecção do layout visual e desenvolvimento em WordPress, bem como ajustes de responsividade e SEO.

O Processo

  1. Realizei o Briefing inicial e recebi as informações básicas e fotos dos produtos.
  2. Devido à quantidade de produtos, senti a necessidade de organizar todos em categorias e sub-categorias dispostas lado-a-lado visualmente, com a ajuda do software PureRef.
  3. Recebendo a aprovação das categorias, projetei o Layout em Figma.
  4. Iniciei o desenvolvimento em WordPress.
  5. Criei um post-type para os produtos, com a devida hierarquia de taxonomias.
  6. Adicionei manualmente todos os produtos em suas devidas categorias.

Para elementos estéticos, segui a marca como referência: Linhas simples e finas, formas geométricas sem arredondamento, e uma paleta básica: Fundos em branco, informações em preto e, quando necessários, destaques pontuais em verde (#5b7e79). O protagonismo deve sempre ser das imagens, e a navegação deve ser óbvia, mas elegante.

Optei por títulos com serifa moderna, subtítulos em script e textos sem serifa, com alto contraste (exceto em marcas d’água contextuais) e botões leves, sem fundo.

A jornada do usuário seguiu-se como: Descoberta → prova social → catálogo + CTAs.

A pedido do cliente, também foram adicionadas galerias de ambientes que utilizavam seus materiais, dispostas em grade masonry.

O Post-mortem

O website foi bem recebido pelo cliente. Embora não houvesse a oportunidade de realizar testes com usuários e avaliar heurísticas de usabilidade, o catálogo é hoje sua fonte primária de captura de leads.

Em futuros projetos, gostaria de realizar uma análise de dados mais robusta, mas considero o projeto um sucesso.

Compartilhe
Busque
Veja também