renatooliveira
EN PT
Vamos conversar
Todos os projetos

Identidade visual · Portal web

Identidade e Portal do Hub Sebrae RN

Marca e portal de uma plataforma que conecta micro e pequenas empresas a consultorias subsidiadas pelo Sebrae RN, com uma linguagem mais próxima de quem empreende.

Empresa
Grupo Strategi + Sebrae RN
Escopo
Identidade Visual do Produto · Site/Portal
Ano
2024

Contexto e desafio

De uma linguagem tecnológica e impessoal para uma experiência que se conecta com o empreendedor.

Contexto

O Hub Sebrae RN conecta pequenos negócios a serviços de consultoria, aproximando empresas de soluções e profissionais habilitados.

Em 2023, a operação já havia alcançado mais de 300 mil horas de consultoria e mais de 5 mil empresas atendidas.

300 mil+

horas de consultoria em 2023

5 mil+

empresas atendidas em 2023

O ponto de partida

A experiência anterior utilizava uma identidade predominantemente cinza e neutra, apoiada em referências visuais de tecnologia e circuitos computacionais. A linguagem reforçava a ideia de uma plataforma estruturada para seleção de serviços, mas pouco comunicava e orientava o empreendedor que estava do outro lado da tela e precisava conhecer, escolher e contratar os serviços.

Duas telas da versão anterior do Hub Sebrae RN: a home, com hero de imagens de tecnologia e passo a passo em três etapas, e a listagem de serviços em cards azuis.
Experiência anterior: home e listagem de serviços.

O que precisava mudar

O que precisava mudar
Antes Nova direção
Linguagem institucional Mais próxima e humana
Experiência orientada à operação Jornada orientada ao usuário
Identidade pouco diferenciada Identidade própria e reconhecível
Complexidade percebida Experiência mais simples e orientada

O desafio de design

Como criar uma identidade que transmitisse inovação e proximidade sem perder a confiança associada ao Sebrae — e transformar uma operação complexa em uma experiência digital simples e convidativa?

Nova identidade do Hub Sebrae RN: símbolo de impressão digital com o contorno do RN, logotipo HUB com selo Sebrae RN, foto de uma empreendedora sorrindo, grafismos coloridos e a paleta de cores com seus códigos.
A nova identidade: símbolo, fotografia, grafismos e paleta.

A partir desse desafio, o projeto foi conduzido em duas frentes conectadas:

  1. 01 Identidade Criar uma linguagem visual própria para o Hub.
  2. 02 Experiência Traduzir essa linguagem em uma jornada digital mais clara, acessível e orientada aos objetivos dos usuários.

Minha atuação

Da identidade à experiência digital

Atuei na criação da identidade visual do Hub e no design do portal, acompanhando o projeto desde o conceito da marca até as interfaces desktop e mobile.

Atuação

  • Identidade visual
  • Direção visual do produto
  • UX/UI Design
  • Arquitetura e organização da experiência
  • Prototipação
  • Interfaces desktop e mobile
  • Alinhamento com desenvolvimento
  • Validação com negócio e stakeholders

A solução foi construída em colaboração com desenvolvimento, direção da Strategi e coordenação do Sebrae RN, garantindo equilíbrio entre experiência, negócio e viabilidade técnica.

Decisões de design

01

Direção de marca

Uma identidade própria, conectada ao Sebrae

A identidade foi pensada desde o início para o ambiente digital. O objetivo era criar uma marca com personalidade própria, mas ainda reconhecível como parte do ecossistema Sebrae.

O conceito

Individualidade + território + proximidade

O símbolo combina uma impressão digital com o contorno do Rio Grande do Norte.

A impressão representa a singularidade de cada negócio, enquanto o território reforça o caráter local e próximo do atendimento.

Logo do Hub Sebrae RN em versão branca sobre azul e versão colorida sobre branco, com a impressão digital como grafismo Tipografia do Hub Sebrae RN: Audiowide como base da logo, Poppins Bold como principal e Inter Regular para interface
02

Sistema visual

Uma linguagem mais humana e dinâmica

O sistema visual combina elementos próprios do Hub com referências da marca Sebrae:

  • Formas fluidas
  • Hexágonos
  • Textura da impressão digital
  • Paralelogramos e linhas inclinadas
  • Fotografia de empreendedores
  • Paleta expandida

O azul Sebrae mantém a associação com confiança e reconhecimento institucional, enquanto ciano, verde, amarelo, lilás e magenta introduzem mais energia e proximidade.

Peça do Hub Sebrae RN em azul com empreendedora sorrindo, selo Sebrae, hexágonos, formas fluidas e a textura da impressão digital

Da identidade para a experiência

Uma identidade pensada para funcionar no produto

A nova identidade não foi tratada apenas como uma camada visual. Seus princípios — formas, cores, grafismos e linguagem fotográfica — foram incorporados à experiência do portal para criar uma comunicação mais clara, humana e consistente.

  1. Identidade
  2. Interface
  3. Experiência
Home do portal Hub Sebrae RN em tablet: hero com empreendedora, busca e categorias de serviços.

Arquitetura da experiência

Uma plataforma. Diferentes necessidades.

O Hub conecta diferentes atores dentro de um mesmo ecossistema. Para o portal público, a experiência foi estruturada principalmente a partir de dois objetivos:

Empreendedor

Encontrar uma solução para o negócio

Buscar → conhecer → solicitar → contratar

Prestador

Oferecer seus serviços

Conhecer oportunidades → disponibilizar serviços → atender

A arquitetura da experiência foi organizada para que cada público encontrasse rapidamente seu caminho, sem transformar a plataforma em uma interface excessivamente complexa.

Empreendedor

  1. Serviços
  2. Solicitação
  3. Diagnóstico
  4. Contratação

Prestador

  1. Credenciamento
  2. Serviços
  3. Atendimento
Os dois caminhos principais do portal público.

Principais decisões de UX

Da descoberta ao início da solicitação

O portal funciona como a porta de entrada do Hub. Seu papel é ajudar o empreendedor a encontrar uma solução, compreender sua oferta e iniciar o processo de solicitação.

01

Encontrar

A experiência começa pela descoberta dos serviços.

Busca, categorias e destaques permitem diferentes caminhos para encontrar uma solução, inclusive para usuários que ainda não sabem exatamente qual serviço procuram.

[Tela · Home, busca e categorias]
02

Conhecer

Depois de encontrar uma solução, o usuário precisa compreender se ela é adequada ao seu negócio.

A página de serviço organiza informações como descrição, público-alvo, área de atuação e características da oferta, reduzindo a incerteza antes do próximo passo.

[Tela · Listagem de serviços]
[Tela · Detalhamento de serviço]
03

Iniciar a solicitação

A partir do serviço escolhido, o portal apresenta o caminho para iniciar uma solicitação.

O usuário é direcionado para o acesso à plataforma, onde a jornada pode continuar.

[Tela · CTA e início da solicitação]

Portal

Encontrar Conhecer Iniciar solicitação
Login
Plataforma Hub Continuidade da jornada
O portal conduz até o início da solicitação; a jornada continua na plataforma.

UI & experiência digital

A identidade aplicada à experiência

A nova identidade foi traduzida para a interface do portal, criando uma linguagem visual própria sem perder a associação com o ecossistema Sebrae.

Identidade

CoresFormasGrafismosFotografiaTipografia

Produto

HierarquiaNavegaçãoComponentesCTAsConteúdo

Home

A página inicial concentra os principais caminhos de descoberta e apresenta o Hub de forma mais visual e orientada ao empreendedor.

Página inicial completa do portal Hub Sebrae RN: hero, busca, categorias de serviço, listas de recomendados, seção Como funciona, credenciamento de prestadores, sobre o Hub, depoimentos, números de 2023 e rodapé
Home desktop. Role dentro da janela para ver a página completa.
[Tela · Home mobile]

Busca e categorias

A organização dos serviços permite diferentes caminhos para encontrar soluções.

[Tela · Busca]
[Tela · Categorias e listagem de serviços]

Detalhamento do serviço

A página reúne as informações necessárias para compreender a oferta e decidir pelo início da solicitação.

[Tela · Detalhamento de serviço desktop]
[Tela · Detalhamento de serviço mobile]

Início da solicitação

O CTA estabelece a transição entre o portal público e a plataforma autenticada.

[Tela · CTA e transição para login]

Experiência responsiva

A mesma linguagem visual foi adaptada para diferentes contextos de acesso, preservando hierarquia, conteúdo e caminhos principais.

[Composição · Desktop + mobile]

Resultados

Uma identidade que evoluiu junto com o produto

O projeto estabeleceu uma nova identidade para o Hub Sebrae RN e a traduziu em uma experiência digital mais próxima, clara e orientada ao empreendedor.

Resultado principal

Identidade aprovada
para a evolução do SaaS

A nova identidade foi aprovada para ser incorporada ao SaaS do Hub, tornando-se uma referência visual para a evolução do produto.

  1. Portal
  2. Identidade
  3. SaaS
  4. Evolução do ecossistema Hub

Resultados secundários

  • 01 Nova identidade Sistema visual proprietário, conectado à marca Sebrae e mais próximo do empreendedor.
  • 02 Nova experiência Portal estruturado para facilitar a descoberta, compreensão e início da solicitação de serviços.
  • 03 Escalabilidade visual Um sistema capaz de se adaptar a diferentes contextos e interfaces do produto.
  • 04 Evolução do produto A identidade ultrapassou o portal e passou a contribuir para a evolução visual do SaaS.