...

Case de Sucesso

De três sites desencontrados a um caminho só

O Portal de Negócios do Sebrae RS conecta micro e pequenas indústrias a oportunidades de fornecimento, demandas de grandes empresas e os eventos de negócio do estado inteiro. O conteúdo existia e era bom. O problema era que ele morava em três endereços que não conversavam entre si.

 

Pesquisa com 7 usuários
Três sites numa lógica só
Site público e área logada
Biblioteca de elementos
Protótipo navegável entregue
Sebrae
Três sites.
Um caminho só.
O Portal de Negócios do Sebrae RS, onde a micro e pequena indústria encontra oportunidade, evento e conteúdo.
DiscoveryPesquisa com usuáriosArquiteturaUX e UIProtótipo navegável
O desafio
Três entradas,
três menus diferentes
O usuário entrava pelo portal, ia para a área Mercopar e encontrava o mesmo conteúdo com outro filtro. Do site do evento, não havia caminho de volta.
Portal de Negócios
Portal de Negócios · área Mercopar
Site do evento Mercopar
Quem usa
Quem procura negócio,
e quem precisa gerar
Micro e pequena indústria

Entra para achar oportunidade, evento e conteúdo que ajudem a vender. Quase sempre pelo celular.

Sebrae RS

Precisa divulgar o Mercopar, levar gente ao evento físico e trazer de volta quem já participou.

Dois objetivos no mesmo produto. A arquitetura precisava servir aos dois sem repetir conteúdo.
A escuta
O diagnóstico veio
de dado e de conversa
Antes de desenhar tela, entender por que a navegação parava no primeiro clique.
7entrevistas em profundidade com quem usa o portal
3sites analisados lado a lado, menu por menu
12meses de base de acesso lidos no painel
Acesso por dispositivo
Celular
Computador
maioria no celular
A pessoa chegava pela busca ou direto, via a página e parava ali. Muita visita, pouco avanço.
O método
Do kickoff ao protótipo navegável
Dois projetos em momentos diferentes do mesmo produto, com o mesmo caminho: entender o negócio, ouvir quem usa, reorganizar a arquitetura, desenhar as telas e entregar um protótipo clicável para validar antes de desenvolver.
KickoffContexto do negócio, objetivos e as dores de navegação
PesquisaEntrevistas, análise de usabilidade e leitura do painel
ArquiteturaO que é portal, o que é trilha e o que é evento
UX e UITelas desktop e mobile na identidade do Sebrae
ProtótipoNavegável, para validar e orientar o desenvolvimento
A arquitetura
Um header só, para os três
Sebrae ComunidadeEventosOportunidadesConteúdosMercopar
Portal de NegóciosA casa do relacionamento e das oportunidades o ano inteiro.
  • Comunidade
  • Oportunidades
  • Conteúdos
Mercopar 365A trilha que prepara, aquece e dá continuidade ao evento.
  • Preparação
  • Rodadas
  • Pós-evento
Site do MercoparA vitrine do evento físico, que devolve o visitante ao portal.
  • Programação
  • Expositores
  • Inscrição
Cada conteúdo passou a ter um lugar só, e o mesmo menu leva o usuário de um site ao outro sem perder o fio.
O site
A home mostra o que
acontece lá dentro
Oportunidade, evento e demanda de grande empresa na primeira rolagem, em vez de um banner institucional.
portaldenegociosebrae.com.br
Sebrae ComunidadeEventosOportunidadesConteúdosEntrar
Negócio entre indústrias começa com uma conversa Conecte sua empresa a quem compra, a quem fornece e a quem está procurando parceiro no Rio Grande do Sul.
Quero participar
O que você encontra aqui

Quatro caminhos, nenhum repetido

ComunidadeEmpresas da sua cadeia
EventosRodada e feira
OportunidadesDemanda aberta
ConteúdosNotícia e vídeo
Demanda de grande empresaPeças metálicas sob desenhoAberta
Rodada de negóciosSetor moveleiroInscrições
Oportunidade de fornecimentoEmbalagem industrialAberta
Encontro de fornecedoresCadeia automotivaInscrições
A área logada
O portal de quem
já está dentro
Quem entra vê o que é dele: evento inscrito, conteúdo da sua cadeia e negociação em andamento.
Área do participante
Sebrae InícioConteúdosEventos OportunidadesMinha empresa
MF

Olá, Metalúrgica Faria

Três novidades desde seu último acesso

TudoEventosEventosConteúdosOportunidadesNegociações
EventoMercopar · sua inscrição confirmada
OportunidadeDemanda aberta na sua cadeia
ConteúdoComo preparar sua rodada
NegociaçãoUma proposta aguarda resposta
A biblioteca
O que impede
de divergir de novo
Botão, chip, campo, card e aviso desenhados uma vez e usados nos três sites. É o que faz a próxima página nascer igual às outras.
Botões
Quero participarSaiba maisInscrever
Filtros
TudoEventosConteúdosOportunidades
Campos
Buscar empresa ou setor
Metalurgia
Tipografia
Negócio entre indústriasTexto de apoio em Montserrat, 14px
Card de oportunidade
Demanda de grande empresaPeças metálicas sob desenho
Aviso
Sua inscrição no Mercopar está confirmada. O ingresso chega por e-mail.
Portal de Negócios
Mercopar 365
Site do evento
Três produtos, uma única linguagem de interface, desktop e mobile.
O resultado
Dois projetos, o mesmo produto
DiscoveryKickoff, entrevistas com usuários e análise de usabilidade dos três sites
ArquiteturaPortal, trilha e evento numa lógica só, com um header para os três
UX e UITelas desktop e mobile, do site público à área logada do participante
EntregaBiblioteca de elementos e protótipo navegável para o time do cliente
Primeiro o site, depois a área logada. Nos dois momentos, UX e UI do discovery ao protótipo, com o desenvolvimento no time do cliente.
Sebrae
Três sites. Um caminho só.
Discovery, arquitetura, UX e UI do Portal de Negócios do Sebrae RS. Sebrae RS · UX Agency
Abertura
O desafio

O Sebrae RS reúne num mesmo lugar o que uma indústria pequena procura para crescer: comunidade de negócios, oportunidade de fornecimento, demanda aberta por grande empresa e os eventos do estado, com o Mercopar à frente deles. Só que esse conteúdo estava espalhado em três entradas. O Portal de Negócios, a área Mercopar dentro dele e o site do evento Mercopar tinham menus diferentes, e quem navegava mudava de header sem perceber que tinha mudado de contexto. Eventos e Oportunidades apareciam duas vezes, com a mesma lista e um filtro diferente, então o usuário nunca sabia se tinha visto tudo ou só um recorte. O site do evento, em outro domínio, informava sobre a feira e não devolvia ninguém ao portal, onde a negociação acontece o ano inteiro. Cada entrada tinha um papel legítimo no negócio. O que faltava era elas se reconhecerem como partes do mesmo produto, e dizerem isso ao usuário.

A dor

Doze meses de dados mostraram o tamanho do problema. A maior parte do acesso vinha do celular, o tráfego chegava por busca e por link direto, e a navegação parava na primeira página. Muita visita, pouco avanço. Quem entrava para achar um evento raramente descobria que havia uma comunidade, uma demanda aberta e uma rodada de negócios do outro lado do menu. Nas entrevistas isso aparecia de formas diferentes: a pessoa não sabia dizer onde estava.

O resultado

Um ecossistema com uma lógica só. O mesmo menu leva o usuário de um site ao outro, cada conteúdo passou a ter um endereço, e a home mostra na primeira rolagem o que acontece lá dentro. Na área logada, o participante abre o portal no que mudou desde o último acesso: evento inscrito, demanda da sua cadeia e negociação em andamento. Tudo desenhado para desktop e celular, com uma biblioteca de elementos que mantém os três no mesmo padrão.

01 · O desafio

Três entradas, três menus diferentes

A mesma pessoa, procurando a mesma coisa, encontrava três navegações diferentes conforme a porta por onde entrava. Cada entrada tinha um papel legítimo no negócio. O que faltava era elas se reconhecerem como partes do mesmo produto.

O Portal de Negócios

A casa do relacionamento o ano inteiro: comunidade, oportunidades de fornecimento, demandas de grandes empresas e conteúdo.

A área Mercopar

Dentro do mesmo portal, repetia Eventos e Oportunidades com um filtro aplicado. Dois endereços para a mesma lista.

O site do evento

Em outro domínio, com menu próprio, informava sobre a feira e não trazia o visitante de volta para o portal.

portaldenegociosebrae.com.br/eventos
A MESMA BUSCAPortal de Negócios
Portal deNegócios
SobreComunidadeEventosOportunidades
Eventos
Rodadas, projetos compradores e sessões de negócios
DataEstadoCidadeOrdenar3 resultados
RODADA DE NEGÓCIOS
Rodada do setor moveleiro
15.05 · quaBento Gonçalves
Inscrever-se
PROJETO COMPRADOR
Encontro metalmecânico
16.05 · quiCaxias do Sul
Inscrever-se
SESSÃO DE NEGÓCIOS
Sessão para fornecedores
22.05 · quaPorto Alegre
Inscrever-se
Anterior123Próximo
portaldenegociosebrae.com.br/mercopar/eventos
O MESMO CONTEÚDOÁrea Mercopar, dentro do portal
Portal deNegócios
Mercopar 365EventosOportunidades
Eventos
A mesma listagem, com o filtro da área aplicado
Mercopar 365DataCidadeos mesmos 3
RODADA DE NEGÓCIOS
Rodada do setor moveleiro
15.05 · quaBento Gonçalves
Inscrever-se
PROJETO COMPRADOR
Encontro metalmecânico
16.05 · quiCaxias do Sul
Inscrever-se
SESSÃO DE NEGÓCIOS
Sessão para fornecedores
22.05 · quaPorto Alegre
Inscrever-se
Conteúdo repetido
Dois endereços para a mesma lista.
feiramercopar.com.br
SEM CAMINHO DE VOLTASite do evento, outro domínio
Mercopar
O eventoExpositoresProgramaçãoNotícias
FEIRA · 2024
Mercopar
Caxias do Sul · 15 a 18 de outubro
Garanta seu ingresso
Procurando por oportunidades e rodadas?
Nenhum caminho de volta
O site do evento não levava o visitante de volta ao portal, onde a negociação acontece o ano inteiro.

02 · A virada

Parecia um problema de site. Era um problema de arquitetura.

O pedido que chegou foi melhorar a navegação e deixar a informação mais objetiva. O diagnóstico mostrou outra coisa: nenhuma das três entradas estava errada sozinha. Erradas eram as fronteiras entre elas. Resolver isso não era redesenhar páginas, era decidir o que mora em cada lugar e fazer um único menu atravessar os três.

Insight 1
Conteúdo repetido não é redundância inofensiva: ensina o usuário a desconfiar de onde ele está.
Insight 2
O evento é a porta de entrada, mas o negócio acontece no portal. Sem caminho de volta, cada edição recomeçava do zero.
O que passou a existir no produto

Um header único para as três entradas

Cada conteúdo com um lugar só

Área logada com o que é do participante

Biblioteca de elementos para as próximas páginas

O Resultado

O portal deixou de ser uma vitrine institucional e virou um lugar onde a indústria pequena entra para resolver alguma coisa. A home mostra na primeira rolagem o que acontece lá dentro, a área logada abre no que mudou desde o último acesso, e os três sites passaram a se reconhecer como partes do mesmo ecossistema. O trabalho foi entregue como UX e UI, do discovery ao protótipo navegável, com o desenvolvimento no time do cliente.

O que entregamos

Discovery e pesquisa com usuários

Kickoff, entrevistas em profundidade com quem usa o portal, análise de usabilidade dos três sites e leitura de doze meses de base de acesso.

Arquitetura dos três sites

Portal, trilha do Mercopar e site do evento numa lógica só, com um header que atravessa os três e cada conteúdo com um endereço definido.

UX e UI de desktop e mobile

Do site público à área logada do participante, em alta fidelidade, na identidade do Sebrae e com a maior parte do acesso em mente: o celular.

Biblioteca de elementos e protótipo

Botão, filtro, campo, card e aviso desenhados uma vez e usados nos três sites, mais o protótipo navegável para validar e orientar o desenvolvimento.

Nossa visão estratégica

Decisões conectadas
às necessidades do negócio

Estratégia para produtos digitais não é apenas definir um plano. É conectar objetivos de negócio, necessidades dos usuários, dados e viabilidade tecnológica para orientar o que deve ser priorizado, desenvolvido e evoluído.

Foco
no que importa

Organizamos objetivos, prioridades e critérios para direcionar esforços ao que realmente gera valor para o negócio e para o produto digital.

Pessoas
no centro

Conectamos necessidades, comportamentos e jornadas dos usuários às decisões estratégicas, reduzindo suposições e aproximando o produto da realidade.

Decisões
com evidências

Combinamos pesquisa, dados e contexto para validar caminhos, reduzir incertezas e orientar decisões mais seguras sobre o produto digital.

Áreas
alinhadas

Integramos negócio, produto, UX Design e tecnologia em uma visão compartilhada, evitando decisões isoladas e execuções fragmentadas.

Navegue em projetos similares

Criamos do zero o portal de conteúdos da XP, com foco em transformar conteúdo espalhado em uma porta de entrada. Antes, análises, carteiras recomendadas, lista de ações, vídeos e o Expert viviam em endereços diferentes, e quem chegava pela busca lia e parava ali. Estruturamos a estratégia de conteúdo, a arquitetura, as jornadas e o UX e UI de todas as telas, com uma biblioteca de componentes para publicar todo dia. Hoje o portal responde por 80% do acesso orgânico da marca.
Reformulamos o portal institucional do Grupo OLX com foco em transformar uma vitrine de marcas na porta de entrada do ecossistema. Antes, cada vertical contava a própria história em um site separado, e quem procurava conteúdo ou queria anunciar não sabia por onde começar. Estruturamos o discovery, a arquitetura do portal, o design desktop e mobile, a área de conteúdo pensada para busca orgânica e o desenvolvimento, e seguimos com o grupo em evolução contínua.
Reformulamos o portal institucional do Grupo OLX com foco em transformar uma vitrine de marcas na porta de entrada do ecossistema. Antes, cada vertical contava a própria história em um site separado, e quem procurava conteúdo ou queria anunciar não sabia por onde começar. Estruturamos o discovery, a arquitetura do portal, o design desktop e mobile, a área de conteúdo pensada para busca orgânica e o desenvolvimento, e seguimos com o grupo em evolução contínua.
Reformulamos o portal do Colégio Positivo, rede com 15 unidades em 4 cidades, com foco em transformar um site institucional no caminho até a visita. Antes, cada unidade se comunicava por conta própria e o responsável precisava descobrir sozinho qual delas atendia o filho dele. Estruturamos o discovery com pesquisa e testes de usabilidade, a arquitetura multisite em um só modelo de página e o desenvolvimento do portal em duas línguas, com matrícula, rematrícula e agendamento de visita no mesmo caminho.
Criamos do zero o portal de conteúdos da XP, com foco em transformar conteúdo espalhado em uma porta de entrada. Antes, análises, carteiras recomendadas, lista de ações, vídeos e o Expert viviam em endereços diferentes, e quem chegava pela busca lia e parava ali. Estruturamos a estratégia de conteúdo, a arquitetura, as jornadas e o UX e UI de todas as telas, com uma biblioteca de componentes para publicar todo dia. Hoje o portal responde por 80% do acesso orgânico da marca.

Seja o próximo
case de sucesso

2 - Conte sobre o seu desafio

3 - Conte mais sobre você

Ao enviar o formulário você aceita os termos de uso e políticas de privacidade da UX Agency em respeito ao tratamento de dados e LGPD.

Soluções pensadas para o seu negócio.

Transformamos desafios em insights claros para produtos digitais mais eficientes.

Experiência

Projetamos experiências que equilibram necessidades do negócio e das pessoas.

Tecnologia

Desenvolvemos produtos digitais preparados para crescer com qualidade e performance.

Automatize processos e escale resultados

Automatize diversas áreas do seu negócio e reduza os custos da sua operação

Marketing  •  Vendas  •   RH  •  T.I  •  Financeiro

Especialistas dentro do seu time

Ajudamos seu negócio a encontrar profissionais de tecnologia com alta qualificação e sem nenhuma burocracia.

Product Design  •  Desenvolvedor  •   Product Manager  •  Q.A  •  Outros

Estamos quase lá
Preencha o formulário para continuar.

Seraphinite AcceleratorBannerText_Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.