BrBPO — Marca, site e Academy

Cliente

BrBPO

Serviços

institutional, branding

Ano

2024 — 2026

Papel

Manual de marca, site e Academy

Stack

WordPress · Elementor · PHP · JavaScript · CSS3 · Moodle · GitBook

Ver o projeto

Dar a uma empresa que atua em vários setores uma marca que vale igual em qualquer peça, e levá-la ao site, onde clientes corporativos e governo conhecem as soluções, e à Academy, onde os colaboradores se capacitam.

O que fizemos

No manual de marca, organizamos a identidade em quatro capítulos: logo, com grade de proporções, área de respiro, tamanho mínimo e usos incorretos; tipografia, com Roboto, Open Sans e Montserrat; cores, com o verde #346A61 e o grafite #2F3335 à frente de seis secundárias; e aplicações. O site institucional é WordPress com Elementor, com páginas de soluções, parceiros e certificações e um formulário de contato com consentimento de privacidade; páginas especiais, como a de blockchain, são escritas em código num plugin próprio que convive com o Elementor. A BrBPO Academy roda em Moodle com o tema Boost Magnific, no verde e nas fontes do manual, com calendário, catálogo de cursos, acesso de visitante e manuais por perfil, de aluno, professor e moderador, publicados no GitBook.

Elementor nas páginas institucionais, código num plugin próprio nas especiais, e o verde do manual até o Moodle.

Construção do logo

Cada medida sai do próprio logo: a área de respiro é contada em x, a partir do desenho, e não de uma margem fixa.

Identidade

Desenhamos o logo sobre uma grade: proporções, área de respiro e tamanho mínimo de 50 px, para se sustentar em qualquer peça.

Tamanho mínimo
Tamanho mínimo50 px ou 12 mm: o menor tamanho em que o símbolo se sustenta.
Usos incorretos
Usos incorretosSeis distorções que o manual proíbe.

Sistema

Três famílias em três níveis, Roboto, Open Sans e Montserrat, e duas cores à frente: o verde #346A61 e o grafite #2F3335.

TipografiaRoboto, Open Sans e Montserrat: primária, secundária e terciária.
Roboto
RobotoRoboto, a tipografia primária.
Tipografia em display
Tipografia em displayRoboto Black Italic na abertura de capítulo.
PaletaVerde #346A61 e grafite #2F3335 como principais; seis secundárias e quatro neutras.
O sistema numa folha
O sistema numa folhaLogo sobre o painel, Roboto, as cores principais e as secundárias.

Aplicações

Escolhemos fechar o manual com a marca em uso, do cartaz ao uniforme: cada regra das páginas anteriores aparece aplicada.

AplicaçõesCartaz, celular, frota, papelaria e uniforme.
Da página ao objeto
Da página ao objetoEnvelopes, papel timbrado, calendário e uniforme.

Produto

No site, cada solução ganhou card e página; na Academy, o Moodle veste o verde e as fontes do manual.

No celular

No celular

No celular, a navegação vira um menu e o botão de contato fica sempre à vista no topo.

Soluções no celular

Soluções no celular

As soluções, de serviços gerenciados a consultoria de TI, viram cards empilhados, cada um levando à sua página.

A home inteiraA home do hero ao rodapé: diferenciais, a faixa de blockchain, parceiros, soluções e setores atendidos.
Ver o projeto
BrBPO Academy

BrBPO Academy

A BrBPO Academy é a plataforma de capacitação dos colaboradores: Moodle com o tema Boost Magnific, no verde #346A61 e em Montserrat e Roboto.

Calendário
CalendárioLinha do tempo das atividades e calendário por curso.
Acesso
AcessoLogin com a marca da Academy e entrada de visitante nos cursos que permitem.
Documentação
DocumentaçãoManuais do aluno, do professor e do moderador, publicados no GitBook.

Resultados

  • Manual de marca v1.3: logo, tipografia, cores e aplicações

  • Site em WordPress e Elementor, com páginas especiais em código num plugin próprio

  • BrBPO Academy em Moodle, no verde e nas fontes do manual

  • Manuais da Academy por perfil: aluno, professor e moderador

Créditos

Manual de marca
Ressolv
Site
Ressolv
BrBPO Academy
Ressolv
Ver o projeto

Próximo projeto

Patrick Anderson — Portfólio do fundador

Fale com o studio Todos os projetos