Design De Marca

30 dias de design - um estudo de caso de branding

Há vários aspectos importantes a serem considerados ao trabalhar com clientes - atender às expectativas e prazos são dois deles. Em algum estágio da carreira de cada designer, surgirá um cliente que tem uma urgência urgente 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 cada designer vai encontrar durante sua carreira: “Eu 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.

“Eu quero uma solução inovadora, criativa e inovadora - uma boa experiência do usuário, uma interface de usuário muito boa ... e eu preciso disso 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, interfaces de usuário para dispositivos móveis e anúncios / gráficos de mídia social?

Depois de ter um pequeno ataque de pânico, você percebe que trabalhar de forma inteligente é o único caminho a percorrer.

Fazer um plano e pensar nas coisas com antecedência ajudará na produtividade, na precisão e na qualidade do design. Como acontece com qualquer empreendimento bem-sucedido, trabalho árduo e 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 dolorosas:

Vale a pena fazer com essas 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é mesmo usar a nosso favor para chegar a soluções criativas.

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

Este estudo sugere que os gerentes tomem medidas para proteger o tempo dos funcionários para se engajarem no processamento cognitivo criativo, especialmente aqueles funcionários cujo trabalho exige um alto grau de criatividade. [...] É inteiramente provável que as idéias criativas não sejam frequentemente produzidas na completa ausência de qualquer pressão de tempo, seja ela auto-imposta ou 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 sobre o trabalho criativo pode ser útil para ajudar a produzir projetos melhores.

É sempre um desafio fazer tudo quando você está trabalhando como freelancer com vários projetos ativos, mas é uma grande oportunidade de ser diligente com sua programação e fazer com que seu tempo limitado trabalhe para você! Fazer trabalho remoto 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-se!

A primeira etapa é 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. o 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.

Em relação ao design de 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 idéias visuais para a próxima etapa.

Crie processos de trabalho e siga-os.

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

Pesquisa

Descubra 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 quais problemas precisam ser resolvidos usando o design?
Quem é a concorrência e como você pode ser melhor?

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

Crie um Quadro de Humor

Uma das coisas que você pode usar um quadro de humor pois é criar o conceito - uma parte essencial de qualquer projeto. Tenha uma visão maior - 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. tem de várias livre Ferramentas que o ajudam a criar painéis de humor facilmente.

Se você não gosta de ferramentas online, o uso do 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 a seu gosto. O objetivo principal é ver como cores, fotos, ícones, tipografia etc. funcionam uns com os outros - visualmente e na narrativa.

Os quadros de humor são muito fáceis de fazer e ajudarão você a divulgar sua ideia.

Dia 3: Crie um conceito de design

Criar um conceito é a próxima etapa após 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 dos recursos de design.

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

É importante apreciar a importância dessa etapa porque um conceito sólido ajuda a recontar uma história atraente, mesmo durante as primeiras fases do projeto. O foco principal deve levar em consideração os sentimentos e experiências que os usuários encontram ao lidar com os recursos visuais, e não o que os próprios recursos visuais são.

Um dos consultores de marketing e palestrantes motivacionais mais influentes da indústria, Simon Sinek, deu um conversa TED brilhante nesse assunto.

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

Dia 4: Design visual da marca

o marca O processo de construção 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 está indo na direção certa e permitirá que você enfrente os desafios da marca de uma forma inteligente e com economia de tempo.

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

exemplos de aprendizado de máquina em python

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

Dias 7-15: Design do site

O desenvolvimento da marca inclui mais do que apenas o logotipo - cobre quase todos os aspectos do design, incluindo o site. Começar com o site pode ser útil, pois você pode adicionar ao conceito visual aplicando regras visuais e vendo como elas funcionam juntas. Isso é especialmente 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 ao cliente desde o início que me forneça todo o texto e conteúdo que deseja incluir no site. É uma prática recomendada fazer o design contornar a cópia, em vez de criar a IU primeiro e tentar fazer a cópia caber depois.

A abordagem de cópia primeiro salva você e o desenvolvedores muito tempo. Se você fizer o contrário, poderá encontrar problemas. Embora útil às vezes, o uso de texto fictício pode impactar 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 um trabalho criativo 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 prosseguir com o design das 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. Aplicando o Princípio de Pareto demonstra que a homepage 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.

Seja ousado em suas sugestões ao cliente. Explique que os prazos implicam em certas limitações.

Para enfatizar o serviço ou produto, tente usar seções proeminentes de apelo à ação. Eles são uma excelente forma de anunciar e também de chamar a atenção dos usuários para comprar um produto, assinar um boletim informativo, inscrever-se, etc.

Se a tecnologia, o público-alvo e o tipo de negócio do cliente permitirem, adicionar motion design como GIF ou animação pode dar a todo o site um subcontexto, bem como enfatizar a seção de apelo à ação. Contudo, designers deve ter cuidado para não ir longe demais e criar algo que levará muito tempo para ser desenvolvido.

Dias 15-25: Aplicar Design Universal

Desenho universal , conforme descrito por seus desenvolvedores, “pode ser aplicado para avaliar designs 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 amplo escopo - um conceito unificado e direção visual focada para branding, website e aplicativos móveis é de grande benefício ao projetar com limitaçõ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 enfrentados de forma adequada. No entanto, a criação de elementos que podem ser usados em várias plataformas é um dos pilares do sucesso de qualquer projeto - nesta circunstância específica, não teria sido possível cobrir tantas plataformas / dispositivos sem um design unificado que claramente definisse a direção para a marca desenvolvimento.

A desvantagem de um prazo apertado e do design para várias plataformas é que você pode não usar todo o potencial de cada uma das plataformas para as quais está projetando. Nesses casos, por causa da limitação de tempo, uma solução simples “à prova de balas” que seja familiar para a base de usuários pode ser uma ideia valiosa.

Por exemplo: reaplique uma ideia em várias páginas e remodele-a 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 usuários a comprar um produto. Nesse caso, até mesmo uma barra de pesquisa pode ser semelhante, senão igual.

Fluxograma

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

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

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 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 Sketch ou Illustrator para isso é minha preferência, mas qualquer ferramenta que permite criar e mover elementos é adequada para essa tarefa.

Will Little deu um ótima interpretação disto:

É aqui que o (s) engenheiro (s) e o (s) criativo (s) devem trabalhar em conjunto para decidir que tipo de ferramenta de software pode dar melhor suporte às interfaces pretendidas e ao comportamento de clicar / deslizar, até a última guia, dica de ferramenta, lightbox, ícone, etc ... .

Torne-o alto tornando-o baixo

Descobrir o objetivo principal do aplicativo ajudará a definir a 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 no papel e, em seguida, levados para maior fidelidade no Sketch ou Photoshop podem facilitar o processo consideravelmente.

Cada projeto é diferente e, às vezes, a criação de wireframes de alta fidelidade será necessária.

Nesse caso, wireframes de baixa fidelidade foram suficientes, já que o aplicativo é simples e só precisa seguir os detalhes visuais do site.

Se possível, organize um pequeno teste para sua experiência do usuário. 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ê terá informações valiosas e poderá prosseguir para a próxima etapa (criar uma interface de usuário).

Design Unificado

Depois de fazer alguns ajustes na UX, você tem tudo o que precisa para criar uma IU 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 impedi-lo de acessar a Apple App Store, você deve conhecer essas regras e verificar cuidadosamente como seu design está sendo implementado durante o estágio de desenvolvimento.

Você pode criar um design unificado para plataformas iOS e Android enquanto usa seus maiores pontos fortes, seguindo as diretrizes e regras ao projetar a IU.

Dias 25-30: Criar anúncios em sincronia com a marca

Nesse ponto, você deve ter projetado 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 uma etapa a ser considerada: a criação de anúncios para redes sociais e impressos. É aqui que o conceito que você criou no início será de grande ajuda.

Seguir essas dicas ao projetar anúncios e materiais de mídia social aumentará muito a qualidade, os níveis de envolvimento e a criatividade geral de seus recursos visuais:

Use cores vivas e brilhantes que se destaquem.
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 com os sentimentos transmitidos em geral.

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

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 realizar - por isso, planejar cada etapa é 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 da melhor forma: “Ao não se preparar, você está se preparando para o fracasso.”

Em todos os momentos, nunca deixe de se preparar e nunca deixe de antecipar a possibilidade de ter subestimado o trabalho em termos de tempo necessário para realizá-lo. Embora os clientes possam ter prazos, você deve ter as habilidades que o ajudarão a determinar se um projeto é factível ou mesmo 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, poderia ajudá-lo a se tornar um designer e gestor de seu tempo mais hábil.

• • •