...

Case de Sucesso

De serviços espalhados a duas portas claras

O SESI em Santa Catarina oferece de segurança do trabalho a academia, odontologia, psicologia, fisioterapia, nutrição e vacinas. Tudo isso já existia, mas espalhado em páginas soltas, com a segurança do trabalho na frente e o resto escondido. Empresa e pessoa física percorriam o mesmo caminho para chegar a serviços que não têm nada em comum. Criamos o novo site do zero, do discovery ao código no ar.

Site criado do zero
Discovery com pesquisa e testes
Arquitetura das duas jornadas
UX, UI e design system
Desenvolvimento full stack
SESI Saúde
Duas portas.
Um só cuidado.
O portal de saúde do SESI em Santa Catarina, criado do zero: discovery com pesquisa e testes, UX, UI, design system e desenvolvimento full stack.
SESI Saúde Santa Catarina · UX Agency
O desafio
Tudo existia.
Nada se achava.
Os serviços de saúde viviam em páginas soltas, com a segurança do trabalho na frente e o resto escondido. Empresa e pessoa percorriam o mesmo caminho.
EmpresaGestão de SST
VocêOdontologia
EmpresaSESMT
VocêVacinas
EmpresaCursos de NRs
VocêAcademia
VocêPsicologia
EmpresaSIPAT
VocêFisioterapia
Quem usa
Quatro pessoas, quatro perguntas
A pesquisa mostrou que o mesmo site precisa responder a quem compra, a quem aprova e a quem é cuidado.
Gestora de RHPrecisa justificar o investimento em saúde com dado e reduzir afastamentos.
DiretoriaQuer conformidade legal e produtividade, sem transformar saúde em custo solto.
Mãe e profissionalQuer confiança e praticidade para cuidar da família sem perder o dia.
Quem está na produçãoQuer atendimento perto do trabalho e sem burocracia para marcar.
O método
Nenhuma etapa pulada
Discovery, Design e Desenvolvimento completos, com pesquisa e teste em cada etapa. Do diagnóstico do site antigo ao código no ar.
D1Discovery
Pesquisa com usuários, benchmark e personas de PF e PJ
Análise heurística, de usabilidade e de performance
D2Design
Arquitetura de informação orientada a SEO e conversão
Protótipo navegável testado e design system completo
D3Desenvolvimento
Front-end fiel ao layout e painel para o time publicar
Full stack, com foco em performance e SEO
A porta
Quem é você vem antes do menu
Indústria de um lado, pessoa e família do outro. A escolha acontece na primeira tela, e cada caminho tem a sua home.
Para empresas
Da gestão de SST à qualidade de vida
Duas frentes, cinco famílias de solução, e cada serviço com a sua página. A empresa encontra pelo problema que tem, não pela sigla.
Para você
Cuidado em todas as fases da vida
Clínicas e academias do SESI abertas para a pessoa física, com o serviço explicado em linguagem de quem procura, não de quem vende.
No celular
A maioria chega pelo telefone.
O diagnóstico mostrou a pior nota de performance justamente no celular. A tela pequena foi desenhada com o mesmo cuidado da grande.
SESI Saúde
Conheça oSESI Saúde
Para Empresas↗
Para Você↗
Unidades66 unidades em 283 municípios de Santa Catarina
SESI Saúde
Nossos serviços
Academia
Fisioterapia
Odontologia
Psicologia
Vacinas
Nutrição
Encontrar uma unidade
SESI Saúde
Para a sua empresa
Saúde e SegurançaBenefícios
Gestão e EstratégiaGestão de SST e SESMT para a indústria
Medicina OcupacionalExames, laudos e programas legais
TreinamentosCursos de NRs e SIPAT
Saúde IntegralVacinação e saúde mental no trabalho
Fale com a nossa equipe
O sistema
Um design system para o site inteiro
Componentes documentados e entregues junto com o front, para o time publicar página nova sem refazer tela.
#0096EA
#10C459
#7904B7
#292929
AaTipografia geométrica, uma escala para todo o site
Fale com a nossa equipe→
Card de serviço→
BotõesCardsAbasFormuláriosListagens
O resultado
Um portal à altura de quem ele atende
O site novo está no ar, com as duas jornadas separadas, os serviços visíveis e a base pronta para crescer.
O SESI Saúde em Santa Catarina
012345678901
1 mil
empresas atendidas por ano
+603 miltrabalhadores atendidos
66unidades no estado
283municípios cobertos
SESI Saúde
Do discovery ao deploy, feito por inteiro.
Pesquisa com usuários, testes, protótipo e design system
Desenvolvimento full stack do site novo
saude.sesisc.org.br · UX Agency
Abertura
O desafio

Quem precisa de um exame ocupacional, de um curso de NR, de uma consulta odontológica ou de uma vaga na academia chega ao SESI pelo mesmo lugar, com necessidades que não se parecem. De um lado, uma empresa que precisa cumprir uma norma e manter a operação rodando. Do outro, uma pessoa que quer cuidar da própria saúde e da família.

O site tratava os dois como um público só. A segurança do trabalho ocupava a frente, por ser a frente mais conhecida, e serviços como psicologia, fisioterapia, nutrição e vacinação viviam em páginas soltas, sem ligação entre si e sem nenhum lugar que explicasse o conjunto. Quem não sabia o nome exato do que procurava dificilmente chegava até ele.

A dor

Serviço que não é encontrado é serviço que não existe para quem precisa dele. Cada frente dependia de divulgação própria, a empresa não enxergava o portfólio completo e a pessoa física nem sabia que o SESI atendia além da fábrica. O esforço de atendimento acabava no telefone, respondendo uma a uma as perguntas que o site deveria responder sozinho.

O resultado

Um site que pergunta quem é você antes do menu e abre dois caminhos completos, um para empresas e outro para pessoas. Cada serviço com a sua página, as unidades com busca por cidade e um design system que mantém a consistência a cada nova publicação. Tudo no ar, do discovery ao deploy, com as três fases conduzidas pela mesma equipe, sem passar o projeto de mão em mão.

01 · O desafio

Duas jornadas que não cabiam num caminho só

O mesmo site precisa atender quem decide por uma empresa inteira e quem procura cuidado para si. São vocabulários, urgências e decisões diferentes.

Quem decide pela empresa

RH, SESMT ou diretoria. Precisa cumprir norma, controlar prazo e enxergar o portfólio completo antes de pedir uma proposta.

Quem cuida da própria saúde

Chega atrás de uma consulta, de uma vacina ou da academia. Precisa saber o que o SESI oferece para pessoa física e qual unidade fica mais perto.

Quem trabalha na operação

Conhece o SESI pelo serviço que a empresa contratou e volta por conta própria. Precisa reconhecer a marca fora do contexto da fábrica.

01 · O desafio
SESI Saúde SC
Para empresas
Para você
Unidades
saude.sesisc.org.br saude.sesisc.org.br/home-para-sua-empresa saude.sesisc.org.br/home-para-voce saude.sesisc.org.br/unidades
Para empresasPara vocêSobre nósUnidades
Conheça oSESI SaúdeSanta Catarina
Soluções integradas em saúde, bem-estar e segurança do trabalho.
Para Empresas↗
Para Você↗
Cuidamos de quem move a indústria

Do exame admissional ao programa de saúde mental, com unidades em todo o estado.

Segurança do trabalho
Medicina ocupacional
Qualidade de vida
Para empresasPara vocêSobre nósUnidades
Saúde corporativa que melhora a vida das pessoas e fortalece a indústria

Mais do que cumprir as Normas Regulamentadoras, soluções completas para proteger trabalhadores e prevenir riscos.

Saúde e SegurançaBenefícios ao trabalhador
Gestão e Estratégia
Gestão de SST→
SESMT→
Gestão de Terceiros→
Assessorias e Perícias→
Saúde Integral e Preventiva
Saúde Mental→
Vacinação→
Ginástica Laboral→
Nutrição→
Fale com a nossa equipe→
Para empresasPara vocêSobre nósUnidades
Nossos serviços

Clínicas e academias do SESI abertas para você e para a sua família, em todas as fases da vida.

AcademiaSaiba mais
FisioterapiaSaiba mais
OdontologiaSaiba mais
PsicologiaSaiba mais
VacinasSaiba mais
NutriçãoSaiba mais
Agendar atendimento
Para empresasPara vocêSobre nósUnidades
Onde encontrar o SESI Saúde

Procure pela cidade e veja a unidade mais perto, com os serviços que ela oferece.

Joinville
AbertaSESI Joinville Boa VistaRua Albano Schmidt, 3333 · Odontologia, Academia e Vacinas
AbertaSESI Joinville CentroRua Ministro Calógeras, 1155 · Odontologia e Fisioterapia
AbertaSESI Jaraguá do SulRua Walter Marquardt, 835 · Academia, Nutrição e Psicologia
AbertaSESI BlumenauRua São Paulo, 1920 · Odontologia, Vacinas e Fisioterapia
AbertaSESI FlorianópolisRodovia SC-401, 3730 · Academia, Odontologia e Nutrição
66unidades no estado
283municípios cobertos

02 · A virada

Parecia falta de divulgação. Era falta de caminho.

A pergunta que chegava era como dar visibilidade a cada serviço. O discovery mostrou que o serviço já existia e era bom. Faltava uma estrutura que separasse os dois públicos logo na entrada e levasse cada um até o que ele veio buscar.

Insight 1
Empresa e pessoa física não disputam a mesma atenção. Elas precisam de dois sites dentro do mesmo site.
Insight 2
A segurança do trabalho é a porta mais conhecida, não a única. Quem entra por ela precisa enxergar o resto do cuidado.
O que passou a existir no site

Uma pergunta na entrada: para a sua empresa ou para você

Duas homes completas, cada uma com a sua arquitetura

Cada serviço com página própria, da NR à nutrição

Unidades com busca por cidade e o que cada uma atende

O Resultado

O novo site entrou no ar com as duas jornadas separadas e todos os serviços organizados em páginas próprias. Ele apresenta um atendimento que alcança 11 mil empresas e mais de 603 mil trabalhadores, em 66 unidades e 283 municípios de Santa Catarina, números do próprio SESI. Se o seu produto reúne públicos que precisam de caminhos diferentes, o começo é o mesmo: entender antes de desenhar.

O que entregamos

Discovery com pesquisa e testes

Entrevistas, benchmark, personas de empresa e de pessoa física, análise heurística, de usabilidade e de performance do site anterior.

Arquitetura das duas jornadas

Definição da bifurcação na entrada e de duas estruturas completas, com o lugar de cada serviço dentro de cada uma delas.

UX e UI de todas as telas

Protótipo navegável testado com usuários e telas de desktop e mobile em alta fidelidade, da home às páginas de serviço e de unidades.

Design system e desenvolvimento

Biblioteca de componentes para o time publicar mantendo consistência, e o desenvolvimento full stack do site que está no ar.

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

Reformulamos o Portal de Negócios do Sebrae RS, que conecta micro e pequenas indústrias a oportunidades, eventos e grandes compradores, com foco em transformar três sites desencontrados em um caminho só. Antes, o portal, a área Mercopar dentro dele e o site do evento tinham menus diferentes, e Eventos e Oportunidades apareciam duas vezes. Estruturamos a pesquisa com usuários, a arquitetura dos três sites, o UX e UI de desktop e mobile e a área logada do participante, com uma biblioteca de elementos que mantém os três no mesmo padrão.
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.

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.