Projeto Portugal na Lei

Visão Geral

CLIENTE

Portugal na Lei
Aveiro - Portugal

DURAÇÃO

4 semanas

MEU PAPEL

UX/UI Designer - Web Designer

Tecnologias/Ferramentas

Figma - WordPress -CSS

Desafio

O escritório estava se preparando para lançar uma nova abordagem para ajudar brasileiros e estrangeiros a concretizarem seus planos em Portugal. Eles precisavam chamar a atenção e construir autoridade em um mercado onde inúmeros serviços jurídicos e de consultoria competem pelo tempo e dinheiro de clientes que buscam segurança legal e um futuro em Portugal.

Objetivo

Desenvolver um site customizado utilizando o WordPress para criar um design diferenciado, profissional e que transmita confiança, distinguindo o escritório da concorrência no mercado imigratório.

Processo de Design

Descoberta

A fase inicial de Análise e Descoberta foi dedicada a compreender os objetivos de negócio do Corte Steakhouse. Websites de restaurantes enfrentam a complexidade de converter interesse em reservas. Por isso, a prioridade foi alinhar a estética premium da marca com a funcionalidade.

Arquitetura da Informação

Para otimizar a conversão, decidimos focar e priorizar a Arquitetura da Informação (AI) no menu e na funcionalidade de reserva. Priorizei não sobrecarregar o utilizador com histórias corporativas excessivas. Em vez disso, foquei na visibilidade imediata da ementa e num fluxo de reserva simples. Essa abordagem permitiu-me criar um produto digital mais rápido e eficaz, resolvendo o problema mais intimidador para o negócio: garantir que potenciais clientes se tornassem clientes com reservas confirmadas.

Wireframes

Com a estrutura definida, passei aos wireframes, onde explorai o layout de cada tela. Isso permitiu-me esboçar rapidamente diferentes fluxos de usuário sem precisar gastar muito tempo pensando em detalhes de design visual.

Mockups

Com o Guia de Estilo definido, o passo seguinte foi aplicar essa linguagem visual na estrutura dos wireframes aprovados para criar os mockups de alta fidelidade. Utilizando o Figma, construí as telas finais, garantindo que cada elemento de UI estivesse perfeitamente integrado e responsivo, seguindo a lógica do grid do Bootstrap. O foco nesta fase foi refinar a hierarquia visual, garantir a leitura clara do menu e maximizar o impacto das imagens do restaurante, preparando o design para a fase de prototipagem e desenvolvimento.

Processo de Desenvolvimento

Escolha da Tecnologia

Para o desenvolvimento utilizei o WordPress como CMS, uma escolha estratégica para garantir que o cliente pudesse gerir e atualizar facilmente o site. O website foi construído para assegurar a responsividade mobile-first e a integridade visual do design em todos os dispositivos. A solução final focou em performance, facilidade de manutenção e conversão de reservas.

Desafios Técnicos

Devido à natureza visual do website, o principal desafio estava relacionado com a performance, devido a utilização de imagens de alta resolução (backgrounds e galeria). Neste sentido, implementei otimização de imagens (lazy loading e conversão para WebP) e configurei um sistema de caching no WordPress, garantindo performance sem sacrificar a qualidade visual premium.

Personalização do CMS

Para atender ao design premium que superava o padrão do WordPress, desenvolvi um Tema Filho (Child Theme). Utilizei CSS para criar estilos totalmente customizados (como efeitos no menu e a disposição), garantindo que a estrutura responsiva fosse mantida, resultando numa tradução fiel e eficiente do design exclusivo.

Resultado Final

O Detalhe que faz a diferença

Para maximizar a conversão, o detalhe de design mais impactante foi a implementação do Call to Action (CTA) Persistente de Reserva . Este botão acompanha o scroll do utilizador no topo do viewport, sem ser intrusivo. Independentemente da página que o cliente estiver, a opção de ‘Reservar’ está sempre a um clique de distância, garantindo que o interesse visual se converta numa ação imediata.

Lições Aprendidas