O Projeto
Este é o processo da criação de um TCC do meu curso de design. O projeto consistia em desenvolver uma solução para um problema encontrado e criar uma solução usando usando qualquer meio criativo, podendo ser digital ou não, em que pudéssemos demonstrar todo os conhecimentos adquiridos durante o curso.
O tema foi a sobre inteligência emocional para crianças entre 6 a 10 anos. A ideia era criar um portal para estudos e discussões entre pais de crianças para que aprendessem como lidar com surtos e os problemas da criação.
Iniciou-se o projeto levando como base a metodologia design thinking, onde entrevistas e pesquisas foram feitas para identificar o público alvo e separar os perfis e definir o conteúdo do portal
Site map
Após as entrevistas, pesquisas e definição de personas, foi pensado tipo conteúdo que deveria existir no portal. Para isso foi criado inicialmente um mapa do site com todas as telas inicialmente necessárias
User Flow
Nesse momento realizou-se um estudo sobre as tarefas  e objetivos que o usuário busquem dentro do site ou até mesmo antes de entrar nele, por mecanismos de buscas  por exemplo.
Painel semântico
Após a definição das informações que deveriam estar presentes no site, iniciou-se uma pesquisa sobre cores e estilos que iriam compor a identidade visual do projeto
Protótipo de media fidelidade - Telas principais
Nesse segundo estágio do projeto temos o protótipo de média fidelidade. Foi produzido todo o wireframe baseado na estrutura planejadas usando os sketches iniciais da interface.
Tipografia
A fonte escolhida foi a Montserrat. Ela se mostrou bem leve e casando com o estilo minimalista que se buscava para o site. Essa fonte tem uma boa leiturabilidade, e mesmo não sendo serifada o conteúdo do site destinado a leitura não é tão longo, por isso não foi necessário uma fonte serifada.
Protótipo de Alta fidelidade
Após a definição da tipografia, ilustrações, identidade visual ( exigida para validação do TCC), foram criadas as telas do protótipo de alta fidelidade, que chega o mais próximo do produto real.
Foi aplicado toda as cores da identidade visual ao projeto, bem como fontes e um simples design sistema de botões e cores.
Protótipo
Para finalizar, temos o protótipo feito utilizando Figma(na fase inicial) e adobe XD para finalização e animações
Voltar ao topo