top of page
UI / UX designer
Visão geral do projeto:
Projeto de web design desenvolvido em Figma e implementado em Framer para uma marca fictícia de barras de cereais premium. O site foi projetado para promover um estilo de vida fitness natural e profissional, direcionando o marketing para atletas. O layout responsivo garante uma experiência fluida em dispositivos desktop e mobile, combinando estética com mensagens claras e focadas no usuário.
Papel:
Designer de UX/UI
Tipo de projeto:
Website dedicado
Desafio do projeto:
Como designer de UX/UI, desempenhei um papel fundamental no desenvolvimento de uma plataforma de site amigável, projetada especificamente para empreendedores com conhecimento técnico limitado
Responsabilidades:
Minhas responsabilidades como único designer de UX/UI incluíam: criação de personas, desenvolvimento de arquitetura de informações, wireframing (baixa e alta fidelidade), design de UI e validação de design centrado no usuário por meio do alinhamento de personas e wireframes.
Conhecendo nossa persona principal
Persona e pontos de dor
Público 1: Buscadores de produtos organicos
Público 2: Levantadores de peso
Público 3: Pessoas fisicamente ativas
Idade : 30-50
Educação : Qualquer
Estado civil : Qualquer
Pessoas que buscam produtos naturais em vez de artificializados
Idade : 30-50
Educação : Qualquer
Estado civil : Qualquer
Pessoas que buscam melhorar seus ganhos
Idade : 30-50
Educação : Qualquer
Estado civil : Qualquer
Pessoas que buscam melhorar sua energia
Iniciando o design:
O projeto foi feito diretamente em alta fidelidade, usando Figma e Framer para melhorar meus designs
Os primeiros desenhos:
O Hero Banner
Seção 2 retratando os públicos com um texto envolvente
Esboço de animação
Seção de fundadores + FAQ
Última seção com último CTA + menu de rodapé
Você pode conferir o design clicando no link:
Agora, uma das coisas mais importantes sobre este projeto, ou a mais importante, as conclusões
Conclusões
Este projeto me permitiu aprimorar minha compreensão de web design responsivo, aplicando hierarquia visual por meio do uso eficaz de grades e princípios da Gestalt. Também aprimorei minhas habilidades em microtexto sob medida para públicos específicos, explorei algumas animações de interface do usuário no Framer e adquiri mais confiança na criação e adaptação de layouts em diferentes tamanhos de tela usando as ferramentas responsivas do Framer.
Obrigado !
por ler meu projeto
bottom of page