🛠️ Como foi desenvolvido
O projeto seguiu etapas fundamentais do Design Thinking, passando por:
- Pesquisa de mercado
- Criação de personas
- Prototipação de baixa, média e alta fidelidade
- Testes de usabilidade
- Desenvolvimento final do website
O frontend foi construído com React e Typescript, utilizando Material UI como biblioteca de componentes. A publicação foi feita gratuitamente com GitHub Pages.
🚀 Tecnologias escolhidas
- React: Popular na época, com ótimo suporte da comunidade.
- Material UI: Baseado no Material Design, que possui grande foco em usabilidade e estética moderna.
- Typescript: Adicionado para garantir maior qualidade e manutenibilidade do código.
📚 O que aprendi
- Meu primeiro deploy usando GitHub Pages.
- Entendimento prático de responsividade e design acessível.
- Aplicação de conceitos reais de usabilidade e UX, saindo do teórico para o prático.
🧠 Experiência de desenvolvimento
Esse foi o primeiro projeto em que segui de ponta a ponta as etapas propostas pelo Design Thinking. Desde a captação de ideias e benchmarking com sites do mesmo nicho, até a criação dos wireframes e desenvolvimento do produto final.
Toda a codificação foi feita em React, e conseguimos entregar um resultado visualmente satisfatório e funcional do ponto de vista de UX/UI. Por outro lado, o código teve alguns desafios, especialmente com bibliotecas que não ofereciam suporte completo a certos recursos. Um exemplo foi a implementação de um formulário com máscara de input, que exigiu soluções alternativas devido à limitação da biblioteca escolhida.
Apesar dessas dificuldades, nada comprometeu gravemente o desenvolvimento. Pelo contrário, foi uma ótima oportunidade de aprender na prática e lidar com limitações técnicas reais.
Esse projeto me marcou como desenvolvedor e foi fundamental para reforçar meu interesse em criar soluções com foco no usuário.
🔮 Próximos passos
- Criar um backend simulado para transformar o projeto em um e-commerce mais completo.
- Mapear fluxos alternativos e tratamento de erros.
- Incluir mais testes de usabilidade e acessibilidade.
- Adicionar novas funcionalidades e interatividade.
Este projeto foi essencial para consolidar conhecimentos práticos em UX e frontend moderno.