Da construção de marca ao Website
OiBit
Entendendo o Desafio
Desde o início, ficou evidente que uma parte significativa do trabalho seria dedicada a entender a visão do fundador para a marca e como essa visão poderia ser traduzida tanto na identidade visual quanto no website. Optei por realizar dois processos de Double Diamond, separando a criação da identidade da marca e do site, mas mantendo a integração entre os dois. Para garantir uma entrega ágil e de qualidade, desenvolvemos um moodboard com referências e ideias compartilhadas pelo cliente, o que serviu como base para a definição do projeto. Além disso, conduzi um benchmarking de concorrentes e realizei entrevistas aprofundadas com o fundador para compreender as limitações e expectativas da marca.
Descobertas
Desde as primeiras conversas, percebi que gastaria uma grande parte do tempo dos processos em descobrir e entender melhor sobre o que o criador queria para sua marca e como poderia direcionar isso, então, tanto na criação da marca e do site eu realizei a execução de dois double-diamond, separando os processos de identidade da marca e o site, mas ciente de que em algum momento tudo estaria conectado, pois o estilo do site iria seguir a identidade da marca.
Visando uma entrega mais rápida e com qualidade, após diversas conversas com o cliente, criamos uma moodboard com referências e ideias do cliente e seguimos para a etapa de definição do processo. Na imagem abaixo é possível visualizar uma prévia dos materiais e elementos que utilizei para criar a identidade da marca e o website, para ser possível entender em todas as pontas de atuação da marca, realizei benchmarking em concorrentes diretos e indiretos, realizei diversas entrevistas com o fundador e cliente para entender as limitações e anseios da marca.
Definições
Com a identidade visual aprovada, o foco passou a ser o design do site. A partir de objetivos claros, criei diversos wireframes e executei testes em múltiplos tamanhos de tela para garantir a usabilidade e a experiência do usuário. A aplicação de conceitos de interface humano-computador, como a Lei de Fitts, foi essencial para melhorar ainda mais a navegação.
Desenvolvimento
Durante o desenvolvimento, realizei diversos testes nos wireframes e apresentei as versões ao cliente para coletar feedback contínuo. Esse processo foi fundamental para alinhar o produto final às necessidades do cliente e às expectativas do usuário final.
Entregas
O projeto foi concluído em aproximadamente 40 dias, divididos entre a criação da identidade visual e o design do website. Como UX/UI Designer Pleno, conduzi o processo de Double Diamond do início ao fim, realizando benchmarking, estudando a paleta de cores e aplicando princípios de usabilidade. Finalizamos o projeto com um teste de usabilidade baseado na avaliação heurística de Nielsen, que validou tanto a usabilidade quanto a experiência estética do produto. No vídeo logo a seguir, é possível ver os resultados para o tamanho de tela Full HD e posteriormente, é possível visualizar a versão desktop e mobile em formato imagem.
Conclusão
Este projeto foi uma oportunidade de aplicar minhas habilidades como UX/UI Designer Pleno em um cenário completo, desde a concepção da marca até a entrega final do website. A experiência destacou a importância de um design coeso e integrado para o sucesso de uma marca emergente no mercado.
Contato
Estou à disposição para ajudar no que precisar, sinta-se livre para me contatar!
Design & Código por: Marco Vinicius
Design & Code by: Marco Vinicius