Design de estudo de caso: o problema, o trabalho e o resultado

Um bom design de estudo de caso segue três atos: o problema, o trabalho e o resultado. Abra com um título que diga o resultado, mostre o que estava errado antes, percorra as decisões que mudaram isso e depois prove que funcionou com a peça final em uso real. Dê a cada ato o próprio visual e mantenha o texto curto. Um possível cliente deve entender o que você fez e por que isso importou no tempo de rolar uma tela.

A estrutura de um bom estudo de caso

Designers, agências, consultores e empresas de software escrevem estudos de caso, e a forma que funciona é a mesma para todos. Ele se lê como um conto curto com uma virada clara e coloca o final no começo, além de no fim.

1. 1

   Título: o resultado

   “Um cardápio que cortou pela metade as dúvidas na hora do pedido” vence “Novo branding de restaurante”. Cite o cliente e o trabalho em uma linha abaixo.

2. 2

   O problema

   O que estava errado, para quem e por que isso importava para o negócio. Duas ou três frases e uma imagem do antes.

3. 3

   A abordagem

   As duas ou três decisões que fizeram a diferença, e por quê. Não cada passo que você deu.

4. 4

   O trabalho

   As peças finais, grandes e em contexto: em um celular, em uma prateleira, na rua.

5. 5

   O resultado

   O que mudou, nas palavras do cliente ou em números que você tem permissão para divulgar.

6. 6

   O próximo passo

   Uma linha convidando quem tem um problema parecido a entrar em contato.

Escolha com o mesmo cuidado quais projetos viram estudo de caso. Três estudos que combinam com os clientes que você quer a seguir valem mais que dez cobrindo tudo o que você já fez. Se quer mais trabalhos com restaurantes, abra com o restaurante; se quer clientes de software, abra com o painel, mesmo que tenha sido um trabalho menor.

Visuais para cada parte da história

Uma parede de mockups finalizados diz ao leitor que você faz coisas bonitas. Não diz que você resolve o problema dele. Combine cada seção com um visual que prove o ponto daquela seção.

O exemplo acima foi inventado para mostrar a forma, mas repare na linha de fonte sob o resultado. Um número com atribuição se lê como evidência; um número sozinho se lê como marketing. Hierarquia visual ajuda a decidir o que destacar.

Layout de estudo de caso em uma página web

Em um portfólio ou site de empresa, um estudo de caso é uma página longa. A maioria dos visitantes lê a primeira tela, passa os olhos pelos títulos e olha as imagens. Projete exatamente para isso.

Um fundo consistente para divisores de seção, citações e painéis de resultado faz uma página longa parecer uma peça só e dá ao olho um lugar para descansar entre as imagens. Dicas de portfólio para designers e portfólio de desenvolvedor tratam do site em volta.

Um estudo de caso em vários formatos

Um estudo de caso dá trabalho demais para ser publicado uma vez só. A mesma história pode virar uma página no seu site, um PDF para anexar a propostas, dois slides em uma apresentação comercial e um carrossel no LinkedIn ou no Instagram. Cada um pede o próprio tamanho.

• Carrossel: um slide por ato, mais uma capa e um slide de contato. Carrosséis no LinkedIn mostra o formato.
• Apresentação comercial: um slide de problema e um de resultado, como no par acima.
• PDF: de duas a quatro páginas A4 ou Carta; veja design de one pager para resumos de uma folha.
• Sites de portfólio: uma capa no tamanho da plataforma, como o tamanho da capa do Behance.

O Gradiently ajuda aqui porque um Mark é renderizado do zero em qualquer tamanho: crie o estudo de caso uma vez e o Pro o redimensiona para todos os formatos em um passo, com o mesmo fundo e a mesma tipografia no slide, no PDF e nas páginas do carrossel.