A BestCruzeiros é uma das maiores agências de viagens especializadas em cruzeiros marítimos do Brasil, premiada pelas maiores companhias de cruzeiros do mundo.
Protótipo com Figma
Para alcançar o resultado esperado, o Figma foi utilizado em todas as etapas do design e prototipagem, permitindo criar um layout consistente, responsivo e visualmente impactante.
1. Pesquisa e Moodboard
Antes de iniciar o layout, foi criado um moodboard no Figma com referências visuais inspiradas em elementos náuticos e de turismo de luxo. Essa fase foi essencial para alinhar a identidade visual e entender os gostos e preferências do público-alvo.
2. Design do Layout
A estrutura do site foi criada com atenção especial ao equilíbrio entre imagens e textos:
- Página Inicial: Um banner de destaque com imagens de alta qualidade de cruzeiros e destinos exóticos ocupa a área acima da dobra. CTA’s visíveis e intuitivos guiam o usuário para explorar os pacotes de viagem.
- Seção de Destinos: Organizada em um layout de grid, cada destino é exibido com uma imagem imersiva, título e breve descrição. O uso de componentes no Figma possibilitou a criação de cards reutilizáveis, que mantiveram a consistência visual do site.
- Detalhes dos Pacotes: Cada página de pacote inclui um design rico em imagens e informações detalhadas sobre o cruzeiro, com seções específicas para itinerário, comodidades e depoimentos. Aqui, o Figma permitiu explorar animações e transições para simular uma experiência de navegação fluida.
3. Prototipagem Interativa
Utilizando as ferramentas de prototipagem do Figma, foram criados fluxos de navegação e interações para simular a jornada do usuário. Isso ajudou na validação dos CTAs e na clareza das informações em diferentes dispositivos, o que é essencial para o público da Best Cruzeiros, que acessa o site tanto de desktops quanto de dispositivos móveis.
4. Design Responsivo
O Figma facilitou a adaptação do layout para diferentes resoluções. Cada página foi projetada nas versões desktop, tablet e mobile, garantindo que o site seja responsivo e mantenha a experiência de usuário consistente em qualquer dispositivo.
URL: Figma