Sobre o Projeto
A Maranon Education and Visa Services (MEVS) precisava de um site moderno e profissional para fortalecer sua presença digital e comunicar de forma mais clara seus serviços de educação e consultoria imigratória. O projeto teve como objetivo criar uma experiência responsiva e de alta performance, utilizando um fluxo de trabalho de Product Design assistido por IA para acelerar a exploração, o design e a implementação.
Meu Papel
Atuei como Product Designer responsável por todo o projeto, conduzindo desde o discovery e definição da experiência até o design da interface, validação com o cliente, implementação e publicação. Ao longo do processo, combinei práticas tradicionais de Product Design com fluxos de trabalho assistidos por IA utilizando Figma, V0, ChatGPT, Next.js, React e VS Code para acelerar a ideação, prototipação e implementação, mantendo a qualidade e a consistência da solução.
Desafio
Projetar e entregar um site moderno e responsivo, oferecendo uma excelente experiência em desktops, tablets e dispositivos móveis. A solução deveria ser construída com uma stack moderna para garantir performance, escalabilidade e uma base sólida para futuras evoluções.
Fluxo de Trabalho
- Reunião com o cliente e definição do escopo;
- Definição do problema;
- Benchmarking;
- Arquitetura da informação e wireframes;
- UX/UI Design;
- Validação e iterações com o cliente;
- Exploração assistida por IA (ChatGPT + V0);
- Geração inicial da interface com V0;
- Implementação e refinamentos em Next.js;
- QA e validação;
- Publicação.
Refinamentos Finais
Durante a revisão final, foram realizados diversos ajustes para aprimorar a experiência geral, incluindo refinamentos na navegação, integração de redes sociais (WhatsApp), personalização do favicon, melhorias de layout e maior consistência visual em todo o site.
Resultados
- Entrega de um site pronto para produção com uma experiência moderna e responsiva;
- Aceleração do processo de design e implementação por meio de fluxos de trabalho assistidos por IA;
- Criação de uma base escalável para futuras evoluções do site.
Web Site
Projeto Live
Tecnologias
Next.js, React, Tailwind CSS.
Ferramentas
Figma
v0
ChatGPT
VS Code
Links