Communitygithub.com

Escritor de Estudos de Caso para Portfólio

Transforme marcadores de currículo em estudos de caso de portfólio detalhados com contexto, ação e resultado. Use quando o usuário mencionar portfólio, estudo de caso, descrição de projeto ou expansão de um marcador de currículo em uma narrativa mais longa.

O que é Escritor de Estudos de Caso para Portfólio?

Esta habilidade permite que um agente de IA, como o Claude Code ou Cursor, ajude o usuário a transformar marcadores genéricos de currículo em estudos de caso de portfólio detalhados e impactantes. O objetivo é ir além de simplesmente listar o que foi feito (como um currículo tradicional), e focar em como e por que o trabalho foi realizado, demonstrando o processo de pensamento, as habilidades técnicas e o impacto gerado. A habilidade é guiada por uma estrutura de seis seções (Visão Geral, Problema, Processo, Solução, Resultados e Aprendizados), fornecendo exemplos e dicas para cada uma. Ela se adapta a diferentes funções (Gerente de Produto, UX, Engenheiro de Software, Marketing), e enfatiza a importância de incluir elementos visuais e resultados quantificados. O agente pode usar este roteiro para criar narrativas de projeto que sejam atraentes para recrutadores e que se destaquem em processos seletivos, seja para um site de portfólio ou para entrevistas.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marnixGeerkens/rocketlauncher-claude-code/tree/HEAD/components/skills/career/portfolio-case-study-writer

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Escritor de Estudos de Caso para Portfólio faz?

Quando Usar Esta Habilidade

Use esta habilidade quando o usuário:

  • Quiser criar estudos de caso para o portfólio
  • Precisar expandir marcadores de currículo em descrições detalhadas
  • Estiver construindo um site de portfólio
  • Quiser mostrar o trabalho do projeto em profundidade
  • Mencionar: "estudo de caso", "portfólio", "descrição de projeto", "amostras de trabalho", "peça de portfólio"

Capacidades Principais

  • Transformar marcadores de currículo em estudos de caso detalhados
  • Estruturar estudos de caso para máximo impacto
  • Criar narrativas de projeto atraentes
  • Equilibrar detalhes técnicos com contexto de negócios
  • Formatá-los para sites de portfólio
  • Adaptar a profundidade para o público-alvo

Propósito do Estudo de Caso

Por que os Estudos de Caso São Importantes:

  • Currículos mostram O QUE você fez; estudos de caso mostram COMO e POR QUÊ
  • Demonstram o processo de pensamento, não apenas os resultados
  • Permitem uma demonstração mais profunda das habilidades
  • Diferenciam você de outros candidatos
  • São exigidos para muitas funções de PM, UX e criativas

A Estrutura do Estudo de Caso

Estrutura Padrão

1. Visão Geral (Resumo do projeto)
2. Problema (O que precisava ser resolvido)
3. Processo (Como você abordou)
4. Solução (O que você criou/entregou)
5. Resultados (O impacto)
6. Aprendizados (O que você faria diferente)

Tempo de Leitura

  • Leitura Rápida: 3-5 minutos (essencial para o portfólio)
  • Leitura Aprofundada: 10-15 minutos (para leitores interessados)

Guia Seção por Seção

1. Seção de Visão Geral

Propósito: Prender a atenção do leitor, fornecer contexto

Incluir:

  • Nome do projeto e empresa
  • Sua função
  • Cronograma
  • Tamanho da equipe
  • Resumo de impacto em uma frase

Exemplo:

# Redesenho do Fluxo de Checkout

**Empresa:** E-Commerce Inc.
**Função:** Designer de Produto Líder
**Cronograma:** 6 semanas
**Equipe:** 2 designers, 3 engenheiros, 1 PM

**Resumo:** Reduziu o abandono de carrinho em 35% através de um processo de checkout simplificado de 3 etapas, gerando US$ 2 milhões em receita recuperada.

2. Seção de Problema

Propósito: Contextualizar por que este trabalho foi importante

Incluir:

  • Contexto de negócios
  • Pontos de dor do usuário
  • Métricas ou metas principais
  • Restrições

Exemplo:

## O Problema

A E-Commerce Inc. estava enfrentando 68% de abandono de carrinho—significativamente maior que a média da indústria de 55%. Pesquisas de saída e pesquisa com usuários revelaram vários problemas:

- **Muitas etapas:** Nosso checkout tinha 7 telas
- **Criação de conta obrigatória:** Os usuários precisavam se registrar antes de comprar
- **Custos ocultos:** O frete não era mostrado até a etapa 5
- **Atrito móvel:** Os formulários não eram otimizados para dispositivos móveis

**Meta:** Reduzir o abandono de carrinho para abaixo de 50% dentro de 3 meses.

**Restrições:**
- Sem alterações nas integrações de pagamento existentes
- Precisava manter a conformidade com PCI
- Cronograma de 6 semanas antes da temporada de festas

3. Seção de Processo

Propósito: Mostrar seu raciocínio e metodologia

Incluir:

  • Pesquisa realizada
  • Partes interessadas envolvidas
  • Hipóteses formuladas
  • Opções consideradas
  • Decisões tomadas (e por quê)

Exemplo:

## Processo

### Pesquisa
Comecei entendendo o problema profundamente:
- Analisei dados de funil do Mixpanel para pontos de abandono
- Conduzi 10 entrevistas com usuários que abandonaram recentemente
- Revisei mapas de calor e gravações de sessão
- Comparei com 5 fluxos de checkout de concorrentes

**Insight Principal:** 73% dos abandonos ocorreram na tela de criação de conta. Os usuários queriam comprar, não se comprometer com um relacionamento.

### Idealização
Explorei várias abordagens:
1. Apenas checkout de convidado (mais simples)
2. Opções de login social (menos atrito)
3. Perfil progressivo (coletar informações ao longo do tempo)
4. Checkout em uma página (estilo Amazon)

Após pesar viabilidade, cronograma e impacto, escolhemos uma abordagem híbrida...

### Decisões Tomadas
- **Checkout de convidado primeiro:** Tornou o registro opcional e pós-compra
- **Preços transparentes:** Mostrou o frete na primeira tela
- **Design mobile-first:** Projetado para mobile, depois adaptado para desktop
- **Indicador de progresso:** Adicionou indicador claro de "Etapa 1 de 3"

4. Seção de Solução

Propósito: Mostrar o que você realmente criou

Incluir:

  • Artefatos visuais (maquetes, capturas de tela, diagramas)
  • Principais recursos/alterações
  • Implementação técnica (se relevante)
  • Como isso abordou os problemas

Exemplo:

## Solução

### O Novo Fluxo de Checkout

**Antes:** 7 telas com registro obrigatório
**Depois:** 3 telas com checkout de convidado opcional

[IMAGEM: Comparação Antes/Depois]

### Principais Mudanças

**1. Widget de Preços Transparentes**
[IMAGEM: Maquete do widget de preços]
Mostrava o total do pedido, frete e impostos desde o início. Sem surpresas.

**2. Opção de Checkout de Convidado**
[IMAGEM: Tela de checkout de convidado]
Tornou a criação de conta opcional com proposta de valor clara sobre por que se registrar.

**3. Design Inteligente de Formulário**
[IMAGEM: Design do formulário]
- Layout de coluna única no mobile
- Formatação automática para números de telefone/cartão
- Integração de preenchimento automático de endereço
- Mensagens de erro claras

**4. Sinais de Confiança**
Adicionou selos de segurança, garantia de satisfação e contato de atendimento ao cliente em todo o fluxo.

5. Seção de Resultados

Propósito: Comprovar o impacto com dados

Incluir:

  • Resultados quantitativos (com período)
  • Comparação com metas
  • Métricas secundárias afetadas
  • Impacto nos negócios

Exemplo:

## Resultados

### Métricas Principais (90 dias pós-lançamento)

| Métrica | Antes | Depois | Mudança |
|---------|-------|--------|---------|
| Abandono de Carrinho | 68% | 44% | -35% |
| Conclusão de Checkout | 32% | 56% | +75% |
| Conversão Mobile | 18% | 41% | +128% |
| Receita por Visitante | $2,40 | $3,85 | +60% |

### Impacto nos Negócios
- **US$ 2 milhões em receita adicional** no primeiro trimestre
- **Aumento de 15% nos pedidos mobile**
- **Tickets de suporte sobre checkout** caíram 45%

### Efeitos Secundários
- A criação de conta na verdade aumentou 20% (pós-compra)
- O valor médio do pedido permaneceu estável
- A taxa de clientes recorrentes melhorou

6. Seção de Aprendizados

Propósito: Mostrar mentalidade de crescimento e autoconsciência

Incluir:

  • O que funcionou bem
  • O que você faria diferente
  • Desafios inesperados
  • Habilidades desenvolvidas

Exemplo:

## Aprendizados

### O Que Funcionou
- **Pesquisa antecipada com usuários** nos impediu de construir a solução errada
- **Reuniões de alinhamento multifuncional** mantiveram todos na mesma página
- **Lançar com análises** nos permitiu medir o impacto imediatamente

### O Que Eu Faria Diferente
- **Mais testes A/B:** Lançamos o redesenho completo de uma vez. Preferiria ter testado mudanças individuais para entender o que gerou os resultados.
- **Foco mobile mais cedo:** Projetamos desktop-first e depois adaptamos. Começar mobile-first teria sido mais eficiente.
- **Educação das partes interessadas:** Passei muito tempo convencendo a liderança. Começaria o alinhamento com as partes interessadas mais cedo na próxima vez.

### Habilidades Desenvolvidas
- Prototipagem avançada em Figma
- Trabalho com frameworks de testes A/B
- Apresentação de decisões de design baseadas em dados para executivos

Tipos de Estudo de Caso por Função

Estudo de Caso de Gerente de Produto

Foco em:

  • Estratégia e priorização
  • Gestão de partes interessadas
  • Métricas e resultados
  • Compensações técnicas

Estudo de Caso de Designer de UX/Produto

Foco em:

  • Pesquisa com usuários
  • Processo de design
  • Artefatos visuais
  • Melhorias de usabilidade

Estudo de Caso de Engenheiro de Software

Foco em:

  • Arquitetura técnica
  • Abordagem de resolução de problemas
  • Design de sistemas
  • Qualidade/desempenho do código

Estudo de Caso de Marketing

Foco em:

  • Estratégia e segmentação
  • Execução criativa
  • Desempenho do canal
  • ROI e atribuição

Elementos Visuais

Visuais Essenciais

  • Comparações antes/depois
  • Telas ou entregáveis principais
  • Diagramas de processo
  • Gráficos de resultados

Visuais Opcionais

  • Mapas da jornada do usuário
  • Evolução de wireframes
  • Artefatos de pesquisa
  • Fotos da equipe

Dicas Visuais

  • Use tamanhos de imagem consistentes
  • Adicione legendas explicando cada imagem
  • Desfoque dados confidenciais, se necessário
  • Garanta tamanhos de imagem amigáveis para mobile

Formato de Saída

Ao criar um estudo de caso:

# ESTUDO DE CASO: [NOME DO PROJETO]

## Fatos Rápidos
- **Função:** [Sua função]
- **Empresa:** [Empresa]
- **Cronograma:** [Duração]
- **Equipe:** [Composição da equipe]
- **Impacto:** [Resultado em uma linha]

---

## Visão Geral
[Resumo de 2 a 3 frases do projeto]

## Problema
[Contexto e desafios - o que precisava ser resolvido]

## Processo
### Pesquisa
[O que você aprendeu]

### Abordagem
[Como você lidou com isso]

### Decisões Principais
[Escolhas importantes e justificativa]

## Solução
[O que você construiu/criou - inclua descrições visuais]

### Recurso 1
[Descrição]

### Recurso 2
[Descrição]

## Resultados
[Impacto quantificado]

| Métrica | Antes | Depois | Mudança |
|---------|-------|--------|---------|

## Aprendizados
[Reflexões e crescimento]

---

## Lista de Ativos Visuais
[Lista de imagens/capturas de tela necessárias]

Lista de Verificação de Qualidade do Estudo de Caso

  • ✅ Declaração clara do problema
  • ✅ Evidência de foco no usuário/cliente
  • ✅ Processo claramente explicado
  • ✅ Suas contribuições específicas estão claras
  • ✅ Resultados quantificados
  • ✅ Artefatos visuais incluídos
  • ✅ Honesto sobre desafios/aprendizados
  • ✅ Comprimento apropriado (3 a 10 min de leitura)
  • ✅ Revisado e polido
  • ✅ Pode ser discutido em detalhes na entrevista

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Habilidades Relacionadas