Estudo de caso · Impacto social

Protagonizza.

Plataforma que conecta mulheres em situação de vulnerabilidade a saúde, apoio jurídico e psicológico, empregos e cursos, com site institucional para três públicos diferentes.

Visitar o site Quero um projeto assim

Em resumo

Cliente
Protagonizza – Rede de apoio à mulher
Segmento
Plataforma de apoio à mulher
Onde
Caxias do Sul/RS · alcance nacional
Entrega
Site institucional e plataforma web
Frentes
Estratégia · Textos · Design · Site e plataforma web
Ano
2026
Página inicial completa do site Protagonizza
Site Protagonizza no celular

Acolher para transformar, com segurança em cada clique.

01O desafio

A Protagonizza fala com três públicos ao mesmo tempo: a mulher que busca apoio, as prefeituras que implantam a rede e as empresas do programa corporativo. Cada um precisava de um caminho próprio, sem confundir os outros.

Havia ainda uma restrição séria: a usuária pode estar sendo observada pelo agressor. Nada podia expor o propósito do site de forma alarmista, e os telefones 180 e 190 tinham de estar sempre à vista.

  1. 01

    Três públicos, um site

    A mulher que busca apoio, as prefeituras e as empresas precisavam de caminhos próprios, sem se confundir.

  2. 02

    A usuária pode estar sendo observada

    Nada podia expor o propósito do site de forma alarmista para quem olha a tela por cima do ombro.

  3. 03

    Emergência sempre à mão

    Os números 180 e 190 tinham de estar visíveis em qualquer página, sem depender da plataforma.

  4. 04

    Letramento digital variado

    Muitas usuárias acessam só pelo celular e com pouca familiaridade com sites e cadastros.

02A solução

O site direciona cada público para a ação certa: cadastro na plataforma, apresentação para prefeituras ou contato comercial. Os números 180 e 190 aparecem sempre, identificados como canais diretos que não passam pela Protagonizza.

O visual violeta transmite segurança e protagonismo, nunca caridade, e o fluxo foi desenhado primeiro para o celular. A plataforma organiza cinco perfis de acesso, com moderação de publicações e cuidado com dados sensíveis (LGPD).

03O que entregamos

  • Briefing com restrições de segurança
  • Textos para três públicos
  • Site institucional
  • Plataforma web com 5 perfis de acesso
  • Moderação e LGPD
  • Acessibilidade WCAG AA

  • Segurança da usuária

    180 e 190 sempre visíveis e nenhum alarme visual desnecessário.

  • Três públicos, três caminhos

    Mulheres, prefeituras e empresas encontram a sua ação em segundos.

  • Celular primeiro

    Linguagem literal e um passo por vez, para todos os níveis de letramento digital.

  • Plataforma com perfis

    Protagonistas, especialistas, empresas, prefeituras e administradores.

04 · Estratégia

Mapa do site.

As páginas do projeto e o que cada uma precisa resolver, na ordem em que aparecem.

  1. 01Início

    1. Você não está sozinha
    2. Comece em três passos
    3. Serviços em um só lugar
    4. Impacto da rede
    5. Por que existimos
    6. Para organizações
    7. Informação que acolhe

  2. 02Serviços

    1. Seis áreas de apoio
    2. Perguntas frequentes

  3. 03Acolhimento

    1. Três formas de se informar
    2. Navegue com segurança

  4. 04Organizações

    1. Prefeitura ou empresa: diga quem você é

  5. 05Quem somos

    1. Por que a Protagonizza existe
    2. Centralizar para transformar

  6. 06Contato

    1. Fale com a Protagonizza

Sistema visual · cor

  • Violeta#7C3AED
  • Violeta profundo#4D009A
  • Lavanda#DDD6FE

Sistema visual · tipografia

  • Inter

Serviço

Sistemas Web

Telas

No computador e no celular.

Capturas reais do site, do jeito que está no ar. Seções do meio da página e da versão para celular, pensada primeiro.

Seção 1 do site Protagonizza
Seção 2 do site Protagonizza

No celular

Tela 1 do site Protagonizza no celular: a primeira tela acolhe e deixa o 180 e o 190 à vista
01A primeira tela acolhe e deixa o 180 e o 190 à vista.
Tela 2 do site Protagonizza no celular: três passos simples para começar, sem burocracia
02Três passos simples para começar, sem burocracia.
Tela 3 do site Protagonizza no celular: as áreas de apoio, uma por cartão
03As áreas de apoio, uma por cartão.

05 · Recibos

Medido, não prometido.

Lighthouse, a ferramenta do Google que o PageSpeed usa, rodado no site que está no ar. Mediana de 3 medições em 19 de outubro de 2026.

No celular

  • 88Desempenho
  • 100Acessibilidade
  • 100Boas práticas
  • 100SEO
LCP
3,9 s
CLS
0
TBT
32 ms

No computador

  • 99Desempenho
  • 96Acessibilidade
  • 100Boas práticas
  • 100SEO
LCP
0,9 s
CLS
0,003
TBT
0 ms

Medição de laboratório (Lighthouse 13.5.0), com celular e rede 4G simulados. Os números variam um pouco a cada medição e dependem de conteúdo e servidor do cliente. LCP: tempo até o maior elemento aparecer. CLS: quanto a página pula enquanto carrega. TBT: tempo em que a página fica travada.

Bastidores · ficha técnica

Páginas
6 páginas no site, mais a plataforma web
Tecnologia
Site em HTML, CSS e JavaScript próprios
Plataforma
5 perfis de acesso: protagonistas, especialistas, empresas, prefeituras e administradores
Busca
Dados estruturados de organização e de site
Acessibilidade
Meta WCAG AA, atalho para pular ao conteúdo e linguagem literal
Regras do setor
LGPD para dados sensíveis, moderação de publicações e canais 180 e 190 sempre visíveis

Comece agora

Quer um projeto assim.

Conte o que a sua empresa precisa. Começamos pelo diagnóstico gratuito e você recebe uma proposta fechada, sem custo escondido.

Agenda aberta para novos projetos

Conte sobre o seu projeto

Poucas informações bastam. O resto a gente conversa no WhatsApp.

Tenho interesse em
Investimento previsto
Prazo

Ao enviar, o WhatsApp abre com a sua mensagem pronta. Nenhum dado fica armazenado neste site.