30 dias de design - um estudo de caso de branding

Publicados: 2022-03-11

Existem vários aspectos importantes a serem observados ao trabalhar com clientes – atender às expectativas e prazos são dois deles. Em algum momento da carreira de todo designer, chegará um cliente que tem uma urgência premente com seu projeto. Esses são os projetos que ensinam a arte de cumprir prazos e como isso pode ficar louco.

Normalmente, existem dois tipos de projetos que todo designer encontrará durante sua carreira: “Preciso de um design centrado no usuário que corresponda ao meu projeto, sem prazos rígidos; Eu só quero a melhor solução”… Esse é o sonho de todo designer. Mas vamos encarar; na realidade, as coisas são sempre mais desafiadoras.

“Quero uma solução inovadora, criativa e fora da caixa – boa UX, interface de usuário muito boa… e preciso disso para ontem.”

Então, o que acontece quando você percebe que há 30 dias para criar um logotipo e projetar os principais elementos da marca, um site, UIs móveis e anúncios/gráficos de mídia social?

Depois de ter um pequeno ataque de pânico, você percebe que trabalhar com inteligência é o único caminho a seguir.

Fazer um plano e pensar nas coisas de antemão ajudará na produtividade, precisão e qualidade do design. Como em qualquer empreendimento de sucesso, o trabalho árduo e as longas horas são algumas das condições obrigatórias para que isso aconteça.

Não importa o que aconteça, sempre há essas perguntas excruciantes:

Vale a pena fazer com tais restrições de tempo?
As restrições de tempo levarão à baixa qualidade do projeto?
Eu faria um trabalho melhor se tivesse mais tempo?

Absolutamente sim!

Como em qualquer projeto, sempre há vantagens, desvantagens e restrições que, como designers, devemos encontrar uma maneira de contornar e até usar a nosso favor para encontrar soluções criativas.

Ter uma ideia clara das tarefas que precisam ser cumpridas para uma conclusão bem-sucedida do projeto é fundamental, além de informar diplomaticamente ao cliente que o curto prazo pode afetar negativamente a qualidade geral do projeto. No entanto, a pressão de um prazo esmagador não é desculpa para não dar o seu melhor em seu ofício - use-o para se esforçar para entregar o melhor trabalho possível. Um estudo feito pela Harvard Business School sobre o trabalho criativo feito sob pressão do tempo concluiu o seguinte:

Este estudo sugere que os gerentes tomem medidas para proteger o tempo para os funcionários se envolverem no processamento cognitivo criativo, particularmente aqueles funcionários cujo trabalho exige um alto grau de criatividade. […] É inteiramente provável que as ideias criativas não sejam muitas vezes produzidas na completa ausência de qualquer pressão de tempo, seja auto-imposta ou imposta externamente.

Essas descobertas indicam que um grande grau de pressão pode funcionar contra o trabalho criativo, mas, ao mesmo tempo, o estudo também sugere que um nível razoável de pressão em relação ao trabalho criativo pode ser útil para ajudar a produzir melhores designs.

É sempre um desafio fazer tudo quando você está trabalhando como freelancer com vários projetos ativos, mas é uma ótima oportunidade para ser diligente com sua agenda e fazer seu tempo limitado trabalhar para você! Fazer o trabalho remoto funcionar para você é simples, mas não é fácil. Combine isso com um plano sólido e você terá uma receita para o sucesso.

Dias 1-2: As primeiras coisas primeiro—Planeje!

O primeiro passo é dividir o projeto em partes menores e calcular quanto tempo levará para terminar cada etapa do projeto. Definir metas aumenta a motivação e a realização. A ciência da realização de metas recomenda dividir seu grande objetivo em etapas de ação claras e definidas - fazer isso lhe dará uma grande vantagem em seus esforços para alcançá-lo.

No que diz respeito ao design da marca, uma boa prática é criar várias versões do design para que o cliente tenha diferentes opções de escolha. Minha preferência pessoal é criar três iterações de designs de logotipo e elementos principais da marca, como tipografia, paletas de cores, imagens e conjuntos de ícones. Fazer isso primeiro permitirá que você leve o conceito e as ideias visuais para a próxima etapa.

Crie processos de trabalho e siga-os.

A criação de processos de trabalho facilitará o fluxo de trabalho e a responsabilidade de cada projeto. A seguir, minha abordagem usual para um projeto de design típico, seja branding ou design de interface do usuário:

Pesquisa

Saiba tudo sobre o negócio do seu cliente:

Qual é o núcleo do seu negócio e qual é a sua principal atividade?
Quem é seu público-alvo e quais são suas necessidades?
Quais são seus objetivos e qual problema precisa ser resolvido usando o design?
Quem é a concorrência e como você pode ser melhor?

Um questionário ou resumo de design é uma das formas mais convenientes e eficientes de coletar as informações acima mencionadas.

Crie um quadro de humor

Uma das coisas para as quais você pode usar um moodboard é criar o conceito – uma parte essencial de qualquer projeto. Tenha uma visão geral – pegue toda a sua pesquisa e coloque-a em uma grande tela para que você possa ver todos os elementos que devem ser incorporados aos designs. Existem várias ferramentas gratuitas que ajudam você a criar quadros de humor facilmente.

Se você não gosta de ferramentas online, usar o Adobe Illustrator funciona bem, pois você pode criar, adicionar e mover elementos livremente. Pense nisso como uma colagem — não se preocupe muito com o posicionamento dos detalhes; você é livre para organizar tudo ao seu gosto. O objetivo principal é ver como cores, fotos, ícones, tipografia, etc. funcionam uns com os outros – visualmente e na narrativa.

Representação visual de um moodboard — Mood boards são super fáceis de fazer e vão te ajudar a mostrar sua ideia.

Dia 3: Crie um conceito de design

Criar um conceito é o próximo passo depois de completar seu quadro de humor e é a base de todo o seu trabalho futuro. Um conceito é produzido como um modelo experimental para testar a viabilidade de recursos de projeto.

O quadro de humor será útil para definir uma direção visual inicial que deve corresponder ao público-alvo que você está segmentando e aos objetivos do negócio. O conceito será a base da sua direção de UX e, portanto, faz parte dos 10 Entregáveis de UX que os principais designers usam.

É importante avaliar a importância dessa etapa porque um conceito sólido ajuda a recontar uma história convincente, mesmo durante os primeiros estágios do projeto. O foco principal deve levar em conta os sentimentos e experiências que os usuários encontram ao lidar com os recursos visuais, e não o que os recursos visuais são em si.

Um dos consultores de marketing e palestrantes motivacionais mais influentes do setor, Simon Sinek, deu uma brilhante palestra no TED sobre esse assunto.

O quadro de humor pode ajudá-lo a criar alguns slogans curtos ou talvez definir estilos de ícones e fotos em um conceito. Como é bom ter uma tipografia que possa ser lida rapidamente, independentemente do meio, também é importante considerar a tipografia amigável para a web e para impressão. Este é um elemento chave do grande design e também é um dos princípios considerados pelas práticas de design universal.

Dia 4: Design Visual da Marca

O processo de construção da marca pode se tornar tedioso e demorado se você for pego seguindo a abordagem errada desde o início. É melhor começar criando iterações de logotipo quando você tiver um conceito aprovado e os arquivos de orientação visual estiverem prontos. Isso lhe dará a confiança de que você está se movendo na direção certa e permitirá que você enfrente os desafios da marca de maneira inteligente e eficiente.

É essencial fazer pequenos esboços de caneta e papel de suas idéias de design. Levará menos tempo se você esboçar primeiro e depois prosseguir para o Illustrator, Sketch, etc. para trabalhar em seu logotipo. Esta etapa me ajudou a criar três propostas de logotipo diferentes que estão todas na direção visual escolhida para a marca. Isso levou alguns dias para terminar:

Estudo de caso de branding: exemplos de logotipos

Pode haver algumas alterações e ajustes adicionais no design do logotipo, mas uma vez que o cliente tenha decidido o logotipo e aprovado outros elementos, como cores, tipografia, ícones e estilo de fotografia, você terminou com os elementos básicos da marca.

Dias 7-15: Design do site

O desenvolvimento da marca inclui mais do que apenas o logotipo – abrange quase todos os aspectos do design, incluindo o site. Começar primeiro com o site pode ser útil, pois você pode adicionar ao conceito visual aplicando regras visuais e vendo como elas funcionam juntas. Isso é particularmente verdade quando você está criando um site que, em última análise, tem um objetivo e elementos semelhantes aos do aplicativo móvel.

Copie primeiro

Acho útil pedir antecipadamente ao cliente que me dê todo o texto e conteúdo que deseja incluir no site. É uma prática recomendada fazer o design funcionar em torno da cópia, em vez de criar a interface do usuário primeiro e tentar ajustar a cópia depois.

A abordagem de copiar primeiro economiza muito tempo para você e para os desenvolvedores. Se você fizer o contrário, poderá encontrar problemas. Embora útil às vezes, o uso de texto fictício pode afetar negativamente um projeto real, especialmente quando o design depende muito da tipografia e é projetado em torno do conteúdo. Um design centrado na cópia não tem desvantagens e apenas ajuda a produzir trabalhos criativos de qualidade excepcional.

Design da página inicial

Seguindo todas as etapas anteriores, você já tem diretrizes visuais gerais, um mapa do site e uma cópia. Agora você pode continuar projetando as páginas do site.

A página inicial é a primeira coisa que os usuários veem quando acessam um site e, portanto, é a página mais importante. A aplicação do princípio de Pareto demonstra que a página inicial detém 80% da direção do design (contexto, tipografia, cores, elementos repetíveis etc.) e o restante das páginas 20%.

É uma boa ideia começar seu processo agrupando e selecionando seções para a página inicial. O conteúdo completo e a cópia geralmente me ajudam a organizar a página inteira e ver quais aspectos estão faltando, bem como as seções que podem ser adicionadas para maximizar o impacto e levar os usuários a comprar/usar o produto ou serviço.

Representação visual de um site — Seja ousado em suas sugestões para o cliente. Explique que os prazos implicam certas limitações.

Para enfatizar o serviço ou produto, tente usar seções de apelo à ação proeminentes. Eles são uma excelente maneira de anunciar e capturar a atenção dos usuários para comprar um produto, assinar uma newsletter, se inscrever, etc.

Se a tecnologia, o público-alvo e o tipo de negócio do cliente permitirem, adicionar design de movimento como GIF ou animação pode fornecer um subcontexto a todo o site, além de enfatizar a seção de chamada para ação. No entanto, os designers devem ter cuidado para não ir longe demais e criar algo que levará muito tempo para ser desenvolvido.

Dias 15-25: Aplicar Desenho Universal

O design universal, conforme descrito por seus desenvolvedores, “pode ser aplicado para avaliar projetos existentes, orientar o processo de design e educar designers e consumidores sobre as características de produtos e ambientes mais utilizáveis”.

O conceito de design universal é uma das soluções mais ideais para usar ao lidar com um projeto de grande escopo - um conceito unificado e direção visual focada para branding, site e aplicativos móveis é de grande benefício ao projetar sob restrições de tempo.

A necessidade de elementos repetitivos pode ser um desafio em si. Isso acontece quando você encontra requisitos técnicos. Sites responsivos e plataformas móveis têm uma filosofia e um conjunto de regras completamente diferentes e, portanto, podem se tornar um problema se não forem abordados adequadamente. No entanto, criar elementos que possam ser usados em várias plataformas é um dos pilares do sucesso de qualquer projeto - nessa circunstância específica, não seria possível abranger tantas plataformas/dispositivos sem um design unificado que define claramente a direção para a marca. desenvolvimento.

Representação visual de uma interface de aplicativo iOS

A desvantagem de um prazo apertado e projetar para várias plataformas é que você pode não estar usando todo o potencial de cada uma das plataformas para as quais está projetando. Nesses casos, devido à restrição de tempo, uma solução simples “à prova de balas” familiar à base de usuários pode ser uma ideia valiosa.

Por exemplo: reaplicar uma ideia em várias páginas e remodelá-la para cada dispositivo. Os padrões são semelhantes em essência, o que está a seu favor. Pode ser na maneira como você exibe informações essenciais ou convida os usuários a comprar um produto. Nesse caso, até mesmo uma barra de pesquisa pode ser semelhante, se não a mesma.

Fluxograma

O design do site está pronto e você tem uma visão mais clara do UX para os aplicativos.

Uma das maneiras de tornar o processo de criação de UX mais fácil e claro é criar um fluxograma de usuário.

Representação visual de um fluxograma detalhado — O fluxograma explica as conexões entre as páginas e mostra como os usuários irão interagir com o aplicativo.

Existem vários métodos e ferramentas que você pode usar para criar fluxogramas - a prática usual é fazer diagramas gráficos com títulos curtos e, se necessário, texto explicativo. Usar o Sketch ou Illustrator para isso é minha preferência, mas qualquer ferramenta que permita criar e mover elementos serve para essa tarefa.

Will Little deu uma ótima interpretação disso:

É aqui que o(s) engenheiro(s) e o(s) criativo(s) devem trabalhar em conjunto para decidir que tipo de ferramentas de software podem suportar melhor as interfaces pretendidas e o comportamento de clique/deslize, até a última guia, dica de ferramenta, caixa de luz, ícone etc. .

Torne-o alto, tornando-o baixo

Descobrir o objetivo principal do aplicativo ajudará a definir o UX. Isso pode ajudar um usuário a comprar um produto ou talvez ajudá-lo a usar um produto – a experiência do usuário precisa acomodar isso. Wireframes de baixa fidelidade criados em papel e depois levados para maior fidelidade no Sketch ou no Photoshop podem facilitar consideravelmente o processo.

Wireframes de alta fidelidade para um aplicativo Android — Cada projeto é diferente e, às vezes, será necessário criar wireframes de alta fidelidade.

Nesse caso, os wireframes de baixa fidelidade foram suficientes, pois o aplicativo é simples e basta seguir os detalhes visuais do site.

Se puder, organize um pequeno teste para o seu UX. Você precisará de um grupo de teste de futuros usuários para ver se os wireframes e o fluxo de UX fazem sentido. Após o teste, você estará munido de informações valiosas e poderá prosseguir para a próxima etapa (criar uma interface de usuário).

Design Unificado

Depois de fazer alguns ajustes no UX, você tem tudo o que precisa para criar uma UI lógica e bem definida, permitindo ajustá-la aos requisitos visuais das plataformas iOS e Android. Como o iOS tem algumas diretrizes de design muito específicas que podem impedir você de entrar na Apple App Store, você precisa conhecer essas regras e verificar cuidadosamente como seu design está sendo implementado durante o estágio de desenvolvimento.

Interfaces de usuário para um aplicativo Android

Você pode criar um design unificado para plataformas iOS e Android enquanto ainda usa seus maiores pontos fortes seguindo diretrizes e regras ao projetar a interface do usuário.

Dias 25-30: Crie anúncios em sincronia com o branding

A essa altura, você já deve ter criado um logotipo, elementos de marca, um site e aplicativos móveis. Embora você tenha projetado tudo em menos de 25 dias, é muito cedo para comemorar, pois ainda há mais um passo a considerar – criar anúncios para redes sociais e impressos. É aqui que o conceito que você criou no início será de grande ajuda.

Seguir estas dicas ao criar anúncios e materiais de mídia social melhorará muito a qualidade, os níveis de engajamento e a criatividade geral de seus recursos visuais:

Faça uso de cores vivas e brilhantes que se destacam.
Mostrar pessoas felizes e ativas ajuda na dinâmica e nos sentimentos sobre seus gráficos.
O movimento, a atividade e a excitação das pessoas sempre chamam a atenção e ajudam nos sentimentos transmitidos em geral.

Todas essas regras ajudarão você a criar gráficos excelentes para anúncios. Se apropriado, use a paleta de cores, a tipografia e outros recursos visuais que você usou em todo o site, marca e aplicativos. Isso o ajudará a ser consistente em seus projetos e trabalhará a seu favor ao trabalhar com restrições de tempo.

Representação visual de anúncios e gráficos de mídia social — Seus resultados devem corresponder à direção visual geral do projeto.

Nunca se comprometa com um prazo que você não pode cumprir

Às vezes, qualquer um pode subestimar a quantidade de esforço e trabalho que um projeto pode levar – é por isso que planejar cada passo é crucial no início de um projeto. Objetivos e metas realistas divididos em pequenas partes são essenciais para entregar um trabalho sólido no prazo.

Benjamin Franklin colocou melhor: “Ao falhar em se preparar, você está se preparando para falhar”.

Em todos os momentos, nunca deixe de se preparar e nunca deixe de antecipar a possibilidade de você ter subestimado o trabalho em termos de tempo necessário para entregá-lo. Embora os clientes possam ter prazos, você deve ter as habilidades que o ajudarão a determinar se um projeto é factível ou se vale a pena considerar em primeiro lugar. No entanto, não deixe que isso seja uma desculpa para você não aceitar um desafio pessoal que, em última análise, pode ajudar a torná-lo um designer e gerente mais habilidoso do seu tempo.

• • •