Sobre o Projeto
A Bebiano & Libonati é um escritório localizado em Belém do Pará, que realiza serviços em processos judiciais, consultorias, assessoria jurídica, questões judiciais e extrajudiciais. Em dezembro de 2019 fui convidado para construir o site institucional da empresa para ajudá-los a se apresentar ao mercado e aos seus clientes.
Meu Papel
- Wireframe
- UI Designer
- Protótipação
- html/css
O Processo
1. Briefing
A primeira etapa do processo consiste em identificar as necessidades, o contexto e o público alvo.
Para isso, utilizei a técnica 5W1H. Sendo:
a) Why (razão, objetivo):
b) Who (quem?):
c) Where/When (onde e quando):
d) What (o quê?):
Falando sobre a empresa, as áreas de atuação, quem são os sócios e os meios de contato.
e) How (como medir o sucesso?):
2. Benckmarking
Nesta etapa do processo eu costumo analisar soluções parecidas e concorrentes do objetivo atual.
Analisei o site das seguintes empresas: Fonseca Brasil, Carneiro Ledo, Vaz Ferreira Advogados e Silveira Athias.
3. Wireframes
Nesta etapa do processo eu defino arquitetura da informação, hierarquia visual e quais elementos de interface irei utilizar. Geralmente faço um rabiscoframe ou até mesmo o wireframe em tons de cinza na ferramenta visual para validar com o cliente.
4. Styleguide
Após a definição do wireframe, chegou o momento de definir os padrões para os elementos em um guia de estilo.
a) Tipografia:
Optei por utilizar uma fonte serifada nos títulos pois as letras com serifa estão relacionadas a atividades mais tradicionais, como Advocacia. Podem ser usadas para ressaltar a confiança do consumidor ou ainda para causar a sensação de sofisticação.
b) Estilo de Cores:
5. Prototipação
Depois de passar pelas fases anteriores, chegou a hora de fazer um protótipo em alta fidelidade. Nele, utilizei o Grid de 12 colunas do Bootstrap.
Resultado Final
O site pronto pode ser visto em http://www.bebianoelibonati.com.br/ .