Website ZR Tecnologia
Projeto Real | Design UX/UI | Ideação | Colaboração com Desenvolvedor Sênior | Ambiente Enxuto (Lean) | Figma | Webdesign
Função:
Designer de UX UI
Tipo de projeto:
Freelance
Ano:
2025
Resumo do projeto:
O projeto ZR Tecnologia foi desenvolvido para uma startup brasileira com a missão de conectar pequenos negócios sem presença online a desenvolvedores de websites qualificados. O projeto ZR Tecnologia foi desenvolvido para uma startup brasileira com a missão de conectar pequenos negócios sem presença online a desenvolvedores de websites qualificados. Embora o projeto tenha sido concluído com sucesso (da minha parte), ele não foi totalmente desenvolvido devido a circunstâncias externas.
Desafio:
Projetar um website amigável (user-friendly) para uma startup que conectava pequenos negócios sem presença online a desenvolvedores e designers web. O principal desafio foi garantir que a plataforma fosse percebida como profissional e acessível ao mesmo tempo, além de adaptar o design com base no feedback dos stakeholders e do desenvolvedor.
Minha solução:
Eu liderei o processo UX/UI de ponta a ponta: construindo personas, definindo a arquitetura da informação e criando wireframes (de baixa → alta fidelidade).
Eu projetei uma UI limpa e intuitiva, validando-a através do alinhamento com a persona. Colaborei com um desenvolvedor full-stack sênior, incorporando o feedback dele para refinar a UI e garantir sua viabilidade.
Persona-alvo:
"Eu sei que meu negócio precisa de uma presença online, mas não tenho conhecimento técnico para construir um website sozinho. Eu só quero algo profissional e único, não um modelo improvisado"
Necessidades do usuário:
Pequenos empresários não tinham uma forma fácil e confiável de obter um website profissional, frequentemente não possuíam o conhecimento técnico, o tempo ou as habilidades de design para construir um por conta própria.
Objetivo definido:
Criar uma landing page que permitisse aos pequenos empresários entender facilmente os tipos de websites e encomendar o tipo correto de website que desejavam para seus negócios.
Começando o design:
Esbocei wireframes com base no objetivo do usuário de ter uma escolha abrangente de tipos de site desde o início, adicionando descrições curtas a cada categoria. Eu também esbocei outros wireframes, mas estes foram descartados e podem ser vistos aqui.
Em seguida, passei para a próxima etapa: os wireframes digitais.
Os primeiros elementos visuais foram criados com ícones, mas foram alterados de acordo com as rodadas de feedback.
Aperfeiçoamento com Feedback
O primeiro feedback pode ser resumido em "design chato", então eu o alterei para torná-lo mais agradável e claro através de imagens:
Feedback recebido: confuso
Após mais iterações e dezenas de microalterações no design, o layout final finalmente ganhou vida e os elementos visuais também tomaram sua forma definitiva:
Design final e considerações:
O protótipo final foi entregue ao meu parceiro, o desenvolvedor full-stack sênior, via Figma para implementação. Infelizmente, o projeto não foi totalmente desenvolvido devido a circunstâncias externas.
Conclusão:
-
Aprendi que, mesmo na fase de mockup, as escolhas de imagem e cor podem levar a mudanças significativas.
-
Compreendi que o feedback não é sobre o designer, mas sim sobre o design, e é sempre uma oportunidade de melhoria.
-
Experimentei como a IA pode acelerar a criação de imagens e economizar tempo, embora ainda exija ajustes cuidadosos.
-
Fiquei mais entusiasmado em aplicar esses aprendizados em futuros projetos web e mobile.