O Instituto dos Mistérios Ascensionais compartilha, através de cursos, vivências e retiros, ferramentas e saberes ligados à construção dos órgãos sutis: os chakras. O percurso começa pelos Mistérios Menores, preparatórios para o despertar, e segue até os Mistérios Maiores, preparatórios para a Ascensão.
Meu papel
UX/UI Designer
Plataforma
App iOS e Android
Entregas
Pesquisa, fluxo, wireframes, UI e style guide
Ferramentas
Figma, Miro, Notion
01 · Desafio
Transformar um site denso em uma jornada mobile fluida
O conteúdo rico e diversificado do site Halu Gamashi precisava virar uma experiência prática no celular: artigos, cursos, vídeos, retiros e conteúdos espirituais acessíveis com navegação simplificada e adaptada ao uso mobile.
O projeto também pedia cuidado com a atmosfera visual e emocional: como manter o tom acolhedor e espiritual da marca em uma interface leve, moderna e funcional.
02 · Usuários
Quem usa o app
Pessoas interessadas em espiritualidade, autoconhecimento e terapias integrativas. Buscam conteúdos leves e de acesso rápido no dia a dia — ler um artigo, assistir a um vídeo ou comprar um curso espiritual online.
Clara Ribeiro
38 anos · Psicóloga clínica · Salvador, BA
Interessada em autoconhecimento e espiritualidade, já fez cursos de chakras, constelação familiar e meditação. Usa Android diariamente para leituras e vídeos; familiaridade intermediária com tecnologia.
Motivações
Aprender sobre práticas espirituais e terapias holísticas · encontrar conteúdos de calma e reflexão · participar de cursos e retiros que façam sentido para o momento de vida
Frustrações
Sites pesados e textos difíceis de ler no celular · não conseguir salvar conteúdo nem retomar a leitura · dificuldade de se inscrever em cursos pelo smartphone
Objetivos com o app
Ler artigos com boa legibilidade no mobile · comprar livros e cursos rapidamente · receber avisos de eventos e novos conteúdos
Marcos Lima
45 anos · Empresário e terapeuta reikiano · Belo Horizonte, MG
Já fez cursos com Halu Gamashi e acompanha os conteúdos pelo site e Instagram. Participa de retiros e gosta de compartilhar experiências com a comunidade. Usa iPhone, prefere interfaces simples.
Motivações
Ver datas e informações de cursos e retiros no celular · comprar ingressos e se inscrever sem complicação · ter um canal confiável de ensinamentos
Frustrações
Procurar informação em várias plataformas · navegação confusa no celular · não saber se a compra ou inscrição foi concluída
Objetivos com o app
Navegar pelos cursos e se inscrever direto no app · receber conteúdos e vídeos exclusivos · gerenciar cursos e eventos em uma área pessoal
03 · Matriz CSD
Certezas, suposições e dúvidas
Certezas
O público consome conteúdos sobre espiritualidade e autoconhecimento.
O app precisa facilitar o acesso a cursos, artigos e eventos.
A leitura no celular precisa ser confortável, com boa legibilidade.
O conteúdo do site precisa ser adaptado e reorganizado para mobile.
Suposições
A experiência mobile precisa ser mais simples que a do site, pelo perfil do público.
A estética deve transmitir calma e acolhimento, respeitando o tom espiritual.
Um design minimalista ajuda na navegação de quem tem pouca familiaridade digital.
As pessoas querem um canal direto para inscrições em cursos e retiros.
Dúvidas
Os usuários vão preferir consumir mais vídeos ou textos no app?
Vale incluir favoritos ou histórico de leitura?
O público prefere push notifications ou e-mail para novidades?
Qual será a taxa de conversão no app em comparação ao site?
04 · Fluxo
Mapa mental e fluxo de telas
Do splash e das três telas de apresentação até a área logada: login e recuperação de senha, cadastro com código de segurança e confirmação por e-mail, escolha de plano (grátis ou pago) e confirmação. Dentro do app, a home concentra busca, menu lateral e perfil, com navegação em Home, Favoritos, Downloads e Perfil — e as seções de Cursos, Meus cursos, Finalizados, Minha assinatura, Retiros, Fórum e Sobre.
05 · Rabiscoframes e wireframes
Do rascunho à estrutura
Testei a hierarquia das telas de entrada, cadastro, planos e pagamento antes de qualquer decisão visual — e só depois da aprovação dos wireframes parti para o detalhamento dos elementos.
06 · Style guide
Elementos definidos após a aprovação
Com os wireframes validados, detalhei cada elemento fundamental do aplicativo: cores, tipografia e componentes.
Paleta de cores
Escolhida respeitando o tom espiritual do projeto.
#594AAD
#C0A200
#25282B
Tipografia
Montserrat, por ser moderna e casual — dá leveza à interface.
Aa
Bold · títulos e botões
Medium · subtítulos e rótulos
Regular · corpo de texto e artigos
Componentes
Logo, navegação inferior (Home, Favoritos, Downloads, Perfil), botões e ícones.
