Pat Monah
Visão Geral
Cliente
Em 2021, Patrícia Monah, terapeuta da ciência e espiritualidade sentiu que precisava estruturar sua marca pessoal e profissional por completo. Portanto o escopo do projeto era e complexo.
Ao longo deste estudo de caso serão abordadas etapas de criação da marca pessoal, estratégias para redes sociais, mapeamento de personas e jornada do cliente. Foram também desenvolvidos wireframes e protótipos navegáveis que foram testados quanto ao design de UX/IU para a construção do website e do cartão de visitas interativo mobile.
Patrícia Monah
Ano
2021 - 2022
Ferramentas
Adobe Illustrator, Adobe Xd, Miro, Anima Plug-in.
O Desafio
Em sua jornada de autoconhecimento Patrícia Monah percebeu que não conseguiria e nem poderia mais separar a Patrícia criadora, da Patrícia mãe, da Patrícia buscadora de autoconhecimento uma vez que já usava florais, reiki, bodytalk nos partos e em todos os cuidados com os seus cães e sua família.
Junto com o sonho de fazer o curso de bodytalk, vinha o sonho de se tornar a primeira terapeuta de bodytalk para animais no Brasil e abrir essas porteiras para o animais do nosso país. Assim segui fazendo os cursos de bodytalk para animais com uma professora Irlandesa e outra americana. Patrícia Monah iniciou os atendimentos para humanos e animais.
Para isso ela precisava de uma marca energética, mas que conseguisse expressar a delicadeza do cuidado e empatia. Tudo isso sendo oferecido através de seu novo portal na internet com a comunicação do coração, estudos de intuição bem como, conteúdos de conscientização da relação humano animal.
Design Process
imersão
ideação
protótipo
teste
Imersão / Observação
O que?
Um espaço para reconectar com a nossa saúde mais original e conduzir nossos pets ouvindo sempre a natureza original deles. Falar sobre autoconhecimento, sobre saúde integral do pet e da família.
Quem?
Pessoas que amam pets em um nível muito mais profundo. Homem ou mulher, entre 25 e 55 anos, classe social média alta.
Quando?
Sempre que que estiverem dispostos a ver o seus pets como iguais e estiverem dispostos a se reverem (através do autoconhecimento) em busca do bem estar da familia e do pet. são
Onde?
Por se tratar de um portal online, os usuários podem acessar o material de conhecimento de qualquer lugar.
Porque?
Para construir dentro de si um olhar observador e consciente de que tudo o que acontece a sua volta tem o papel de trazer para a superfície o que está escondido aí dentro de você.
Pesquisa
A pesquisa começou com a compreensão das necessidades e atitudes dos usuários. Priorizando o que os usuários desejam, especificamente em relação à maneira preferida de entrar em contato com uma especialista e consultora.
Rapidamente foi constatado que a opção de entrar em contato diretamente pelo aplicativo Whatsapp era um recurso muito importante para os usuários que buscavam um atendimento mais pessoal e intimista, posto que os mesmos buscavam a mentora Patrícia Monah por confiarem em sua competência profissional, mas também por sua inquestionável ética de trabalho e seus valores pessoais sempre muito presentes em suas publicações em redes sociais.
Sempre muito bem articulada, Patrícia possui grande repertório de pesquisa e conhecimento para compartilhar com seus seguidores e fãs. Fez-se também importante a possibilidade de criação de um blog para que seu conhecimento pudesse ser documentado e compartilhado de forma mais extensiva para aqueles que buscam um maior aprofundamento nos temas por ela abordados.
Personas
Com base na pesquisa de usuários, foi possível a identificação de algumas personas com necessidades diferentes. Há dois exemplos abaixo:
Ideação
Nossa análise de histórias de usuários nos ajudaram a determinar os recursos essenciais que o portal precisaria apresentar para torná-lo bem-sucedido e útil.
Todo o Design de Interação foi pensado com foco na maneira como os usuários poderão interagir com o site, buscar por produtos e facilmente encontrar os serviços que precisam. Nesta abordagem, considerou-se o estudo de contato do cliente com a marca de forma ainda mais aprofundada.
Também criamos um diagrama de fluxo do usuário no Miro para mapear esses recursos e ver que tipo de telas seriam necessárias para o site.
.jpg)
Também nessa etapa passaram a ser exploradas as orientações para a construção da identidade da marca, determinando a melhor abordagem para o desenvolvimento de todo o processo de criação de logo, paleta de cores e demais elementos da marca, para que estivessem de acordo com o perfil do público alvo.
Através de conhecimentos intuitivos de simbologia ancestral, numerologia, parapsicologia das cores e demais estudos holísticos, para trazer para dentro da marca as idéias, valores e preceitos condizentes com as práticas da mentora.
Protótipo
Em seguida, wireframes de baixa fidelidade foram esboçados no iPad. Depois de concordarmos com os layouts gerais de nossas telas, recorremos ao Adobe XD para nossos wireframes de média fidelidade. Como grande parte do trabalho foi realizado de forma remota, criamos um projeto compartilhado para que todos estivessem na mesma página. Antes de iniciarmos o wireframe, decidimos aplicar uma grade de 12 colunas para criar uma aparência organizada e consistente em todas as nossas telas.
.jpg)
Essential Features
-
Responsive Design;
-
WhatsApp direct link;
-
Sessions and Calls on services;
-
Social Media information on Landing Page;
-
Blog.
Pedi aos participantes que organizassem os tópicos de conteúdo em categorias para me dar uma compreensão da maneira mais amigável de organizar as páginas do site. Graças à classificação de cartões, consegui refinar o Sitemap de acordo.
Design System
Tendo como foco manter o Design de Produto Digital, no caso o site, consistente visualmente, a criação de um Design System foi feita com o objetivo de evitar a perda do controle de novas funcionalidades dentro desse produto, evitando-se também a possibilidade inconsistência de interação.
Dessa form pode-se oferecer uma qualidade melhor, além de mais eficiência nos futuros projetos e produtos digitais criados pela cliente.
Após a criação de um ecossistema de bibliotecas, com componentes programados e padrões semânticos de design, o produto Design System estava pronto para ser usado.
Por isso pode-se começar a trabalhar em protótipos com maior fidelidade, posto que o padrões de comportamentos existentes no Design System, possibilitaria uma maior agilidade durante cada uma das etapas de análise, planejamento, design, construção, teste, revisão e lançamento, para todos dos ciclos de Desenvolvimento Ágil.
- O site -
Wireframes de alta fidelidade e um protótipo interativo foram criados no Adobe XD. Incorporamos interações e animações condizentes com a navegação do site garantindo que fizessem sentido no fluxo do usuário, gerando feedbacks sem causar distrações desnecessárias nem atrapalhar a experiência.
Informações do Grid:
Main Page: 1920 x 7113
Colunas: 12
Largura da Medianiz: 16
Largura da Coluna: 137
Margens: 50
- Branding -
A marca foi criada para representar uma iniciativa que busca tornar a comunicação intuitiva uma linguagem universal, favorecendo valores que tem como objetivo expandir a consciência humana e sua conexão com a natureza.
Mesmo sendo um dos símbolos geométricos mais simples e fundamentais, o triângulo abrange uma gama de significados. Ele é o símbolo da trindade dos deuses - Santíssima Trindade - nas culturas cristã, hindu, egípcia, babilônica.
Por ser formado por três segmentos, ele também faz alusão à várias tríades, como, por exemplo o início, o meio e o fim.
Sua ligação com o número 3, simboliza perfeição e unidade entre o corpo, o espírito e a mente, representando, portanto, pessoas que procuram manter o equilíbrio.
O símbolo final é formado por 9 triângulos. O 9 é o último número com apenas um dígito, o 9 traz um sentido de plenitude. Indica realização, perfeição e consecução, as sementes para novos inícios e o fundamento para futuro crescimento no ciclo seguinte ou mais elevado.
- Style Guide -
Em nosso arquivo Adobe XD compartilhado, compilamos todos os nossos componentes, cores, ícones e tipos de letra na página Estilos do arquivo. Mais tarde um guia de estilo de marca foi criado para mostrar e instruir outras pessoas sobre as escolhas finais para todos os aspectos da interface do usuário e manter a identidade de marca sendo usada de forma harmônica.
Testes
Realizei Teste de Usabilidade para avaliar a capacidade de aprendizado de novos usuários interagindo com o portal pela primeira vez. Observei e medi se os usuários entendem o site e como concluir funções como fazer login, pesquisar serviços, marcar uma consulta e conversar com a mentora. Graças ao Teste de Usabilidade consegui definir e resolver alguns problemas.
Mais Design de Produtos
Live Site
Hoje o site é mantido pela própria cliente que recebeu instruções sobre como adicionar conteúdo e fazer alterações de acordo com suas necessidades.
Live site:
Gostou do que viu?
Se você gostou de meu workflow e quer trabalhar comigo, entre em contato!