Alma & Psique é o website de uma comunidade voltada para profissionais interessados em psicologia analítica e estudos junguianos. O projeto nasceu da necessidade de criar um espaço online onde fosse possível apresentar a comunidade, divulgar encontros e organizar informações sobre cursos e eventos.
Neste projeto atuei como UX/UI Designer, sendo responsável por estruturar a experiência do site, definir a arquitetura das páginas e desenvolver toda a interface visual.
Site do projeto: https://almaepsique.com/
ㅤ
Contexto
A Alma & Psique já possuía uma comunidade ativa e conteúdos sendo compartilhados nas redes sociais. No entanto, faltava um espaço central onde todas as informações pudessem estar organizadas.
A proposta do projeto foi criar um site que funcionasse como uma base para a comunidade. Um lugar onde fosse possível entender o propósito do grupo, conhecer as atividades e acompanhar os eventos que acontecem ao longo do tempo.
Mais do que um site institucional tradicional, a ideia era criar um espaço que refletisse o universo simbólico e estético associado à psicologia analítica.
ㅤ
Briefing
O pedido inicial do cliente foi direto:
“Quero um site para atrair mais pessoas para minha comunidade junguiana, promover meus serviços de supervisão em psicologia e, no futuro, ter um espaço para divulgar e vender alguns cursos.”
– Pamela Vieira | Psicóloga Junguiana
A partir desse ponto, o desafio foi estruturar um site que atendesse tanto as necessidades atuais da comunidade quanto possíveis evoluções do projeto no futuro.
ㅤ
Processo
Para conduzir o projeto, segui uma estrutura baseada em cinco etapas principais do design thinking:
Essa estrutura ajudou a organizar o processo e garantir que as decisões de design fossem construídas de forma progressiva.
ㅤ
Organização inicial
Antes de começar o design, organizei todas as informações do projeto dentro do Figma.
Nesse espaço reuni materiais fornecidos pelo cliente, referências visuais, ideias de estrutura e também criei um sistema simples de acompanhamento do projeto.
Utilizei um quadro no formato kanban para acompanhar cada etapa do processo, desde o briefing até a entrega final.
ㅤ
Research
A etapa de pesquisa foi conduzida principalmente através de desk research.
Analisei referências em plataformas como Behance e Dribbble, além de estudar o próprio perfil do cliente nas redes sociais. O Instagram foi especialmente importante para entender o tom da comunicação, a estética da marca e o tipo de conteúdo que já fazia parte da comunidade.
ㅤ
ㅤ
Também analisei sites relacionados à área de psicologia para entender quais seções costumam ser mais relevantes nesse tipo de projeto.
A partir dessa análise, organizei os achados em três categorias principais:
- Análise de concorrência
- Boas referências visuais
- Referências de sites que oferecem cursos e eventos
ㅤ
ㅤ
Com essas informações em mãos, comecei a definir quais partes seriam essenciais no site e quais poderiam ficar como possíveis expansões futuras.
ㅤ
Estrutura do site
A arquitetura do site foi pensada para apresentar a comunidade de forma clara e permitir que novos visitantes entendessem rapidamente o que acontece dentro da Alma & Psique.
As principais páginas do site são:
- Sobre nós
- O que fazemos
- Cursos e eventos
- Contato
ㅤ
Design System
Com a estrutura definida, comecei a construir um pequeno design system para garantir consistência visual ao longo do projeto.
A paleta de cores foi organizada em três grupos: primários, secundários e neutros. Essa divisão ajudou a manter equilíbrio visual e facilitar a aplicação das cores em diferentes seções do site.
ㅤ
ㅤ
A escolha tipográfica também buscou refletir o caráter simbólico e artístico da proposta do projeto.
Para títulos e subtítulos utilizei Apple Garamond combinada com Christmas Angely para alguns elementos decorativos. Para os textos corridos utilizei Sequel Sans, garantindo legibilidade e contraste visual.
ㅤ
ㅤ
Também foram definidos estilos de botões e estados de interação para manter consistência nas chamadas de ação ao longo do site.
ㅤ
ㅤ
Wireframes
Antes de partir para o design final, criei wireframes para visualizar a estrutura das páginas.
Essa etapa ajudou a testar diferentes formas de organizar o conteúdo e antecipar ajustes antes de trabalhar com a interface final.
Algumas ideias que pareciam funcionar inicialmente acabaram sendo repensadas nessa fase, o que ajudou a tornar a navegação mais clara.
ㅤ
ㅤ
Iteração
Com a primeira versão da homepage pronta, compartilhei o layout com o cliente para validar o direcionamento visual e funcional.
O objetivo dessa etapa era garantir que o projeto estivesse alinhado com a visão do cliente antes de seguir para a finalização.
O feedback foi bastante positivo e confirmou que a direção do design estava refletindo bem a identidade da comunidade.
ㅤ
ㅤ
High Fidelity Prototype
Com os ajustes realizados, desenvolvi a interface final do site.
O design buscou equilibrar estética e clareza, criando uma experiência que transmitisse tanto a seriedade do conteúdo quanto a dimensão simbólica associada à psicologia analítica.
ㅤ
A homepage apresenta a comunidade, os tipos de atividades oferecidas e direciona os visitantes para as principais áreas do site.
Ao longo da página, diferentes seções ajudam a explicar o funcionamento da comunidade, mostrar eventos e convidar novos participantes a conhecer o trabalho.
ㅤ
Resultado
O resultado final foi um site institucional que apresenta a comunidade de forma clara e ao mesmo tempo transmite a identidade estética do projeto.
Além de centralizar informações importantes, o site também cria um espaço onde novos visitantes podem descobrir a comunidade e acompanhar suas atividades.
ㅤ