Gomes Consultoria

Overview

Em 2019, Eliézio Gomes, consultor técnico em parceria com a empresa SUNIENS - Energia Solar, buscou meus serviços para atualizar seu logo, website e cartão de visitas.

Ao longo deste estudo de caso serão abordadas etapas de criação de Logo, ícones, vídeos para mídias sociais, UX/IU design para o website e cartão digital.

Cliente

Eliézio Gomes

Ano

2019 - 2021

Ferramentas

Adobe Illustrator, Affinity Designer, Figma, Jira, Wix.

5.jpg

Briefing

Como representante da Gomes Consultoria, Eliézio Gomes, me procurou para desenvolver uma pesquisa sobre o impacto e aceitação da experiência de usuário oferecida em seu website. Posteriormente trabalhei na criação do Design de uma nova interface, mais moderna para seu website e cartão de visitas digital interativo, para estar de acordo com o perfil de seu público.

O uso de fontes não serifadas foi recomendado para trazer um ar mais moderno para a identidade, os cantos arredondados da fonte foram usado como ferramenta para bater de frente contra a ideia antiga de que energia solar é muito cara, coisa que só serve para grandes empresas. Reforçando em contrapartida a imagem de que a família comum também pode ter acessar e se beneficiar dessa tecnologia.

Design Process

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:

2.jpg
1.jpg

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. 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.

User Flow Pat Monah (1).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.

P.jpg

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. 

Prototipação

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.

phone mockup (1).jpg

Essential Features

  • Responsive Design;

  • WhatsApp direct link;

  • Sessions and Calls on services;

  • Social Media information on Landing Page;

  • Blog.

low-fidelity prototype JPEG.jpg

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

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.

Telas sem fundo.png

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.

triangulos-patmonah.jpg

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.

29.jpg

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.

Manual de Marca Completo Pat Monah.png

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.

Mock Ups

Manual de Marca - Pat Monah .png

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: www.patmonah.com.br

Gostou do que viu?

Se você gostou de meu workflow e quer trabalhar comigo, entre em contato!

saeloveart@gmail.com

contato@saeloveart.com