COMPARTILHA +

Visão geral

Compartilha + é um estudo de UI/UX (web/mobile) focado em colaboração e troca de conteúdos entre pessoas e organizações. O projeto foi concebido e publicado por Michele França em 17 de julho de 2025, como case de Website Design / UI/UX / Web & Mobile no Behance, com artefatos desenvolvidos em Figma e recorte de case study (proposta e fluxo principal).

Objetivo do produto

Facilitar o compartilhamento de materiais, oportunidades e conhecimentos de forma organizada, com curadoria leve e mecanismos de descoberta (busca, categorias e destaques), reduzindo atritos comuns em grupos e redes generalistas (conteúdo se perde, difícil achar o que é útil, notificação ruidosa).

Proposta de valor

  • Centraliza a oferta e a procura por conteúdos (posts, links, anexos) em um único lugar;

  • Oferece descoberta orientada (tags, categorias e busca);

  • Incentiva boas práticas de colaboração (regras claras, denúncias, moderação simples, reputação do autor).

meu papel

  • Product Designer (end-to-end): pesquisa exploratória rápida, arquitetura de informação, fluxos, wireframes, design de interface (web & mobile), protótipo navegável e documentação de handoff.

  • Coleta de feedback com usuários-alvo (entrevistas curtas assíncronas) para calibrar nomenclaturas e hierarquia de navegação.

Problema & hipóteses

Dor principal: conteúdo relevante se perde em canais genéricos (grupos de chat e redes), tornando difícil encontrar e reaproveitar o que já foi compartilhado.

Hipóteses de solução:

  1. Catálogo com estrutura leve (categorias + tags) melhora o encontro entre “quem precisa” e “quem tem” (conteúdo ou oportunidade).

  2. Regras explícitas de postagem e sinais de qualidade (autor, data, formato) reduzem ruído e aumentam confiança.

  3. Ações rápidas (salvar, denunciar, compartilhar) diminuem atrito e mantêm o ambiente organizado.

público-alvo

  • Doadores/curadores de conteúdo (pessoas, ONGs, times acadêmicos).

  • Buscadores (estudantes, profissionais, gestores públicos/privados) que precisam localizar material útil com rapidez.

  • Moderadores (pequena equipe) para manter o espaço saudável

escopo do mvp

  • Onboarding breve (regra da casa + preferências de interesse).

  • Home com destaques, trilhas/categorias e posts recentes.

  • Busca & Filtros por texto, categorias e tags.

  • Postagem guiada (título, descrição, links/arquivos, categoria, tags, licença/uso).

  • Post (detalhe: metadados, autor, salvar, denunciar, compartilhar).

  • Perfil (autor, histórico, reputação simples).

  • Moderação enxuta (fila de denúncias, ações rápidas).

Arquitetura de informação

  • Público: Home → Categorias → Lista → Post

  • Ação: Postar → Formulário → Revisão → Publicado

  • Descoberta: Busca (texto) + Filtros (categoria / tag) + Ordenação (recente / relevante)

  • Conta: Login/Registro → Preferências → Perfil

Fluxos-chave

  • Criar post: Nova Postagem → Tipo/tema → Detalhes (link/arquivo) → Categoria+tags → Revisar → Publicar

  • Buscar conteúdo: Home → Busca (texto) → Filtro por tags/categorias → Abrir Post → Salvar/Compartilhar

  • Sinalização/Moderação: Post → Denunciar → Classificação de motivo → Registro em fila → Ação do moderador

MAPA DE NAVEGAÇÃO

Diretrizes de UI

  • Hierarquia limpa e previsível: título > ações primárias > metadados > conteúdo relacionado.

  • Estado/feedback: rótulos claros (ex.: “Publicado”, “Pendente”, “Denunciado”), toasts não intrusivos.

  • Acessibilidade base: contraste AA, foco visível, áreas clicáveis > 44px, labels e descrições para componentes interativos.

  • Consistência: grade 8pt, tokens de cor/tipografia, componentes reusáveis (cards, lists, chips, modais).

Design system

Métricas (quando em produção)

  • Descoberta: % de buscas com clique em resultado; tempo para encontrar 1º recurso.

  • Qualidade: taxa de posts denunciados; tempo de resolução; avaliação do conteúdo salvo.

  • Engajamento: taxa de posts salvos/compartilhados; recorrência semanal dos usuários-chave.

wireframe

MOCKUPS