![Como relacionar elementos de uma função com seu significado no mundo real (exemplo)](https://i.ytimg.com/vi/j0g5nN0rw8k/hqdefault.jpg)
Contente
- Preencher a lacuna
- Faça-os se relacionar
- 01. MailChimp
- 02. Squarespace
- 03. Eu atirei nele
- 04. House
- 05. Playground
Freqüentemente, quando começamos a trabalhar no design de um novo site, nos concentramos na criação de todos os recursos visuais dentro de nosso aplicativo de design.
Começamos com formas e fontes, em seguida, passamos a pensar através das cores - ou o que quer que você faça como seu processo de pensamento. Mas você também pode começar com coisas do mundo real. Talvez você tenha algumas imagens excelentes que foram geradas a partir de uma sessão de fotos, ou talvez haja algo interessante do escritório do seu cliente ou de sua própria mesa que valha a pena usar como elemento de design.
Preencher a lacuna
A ideia é tirar o visitante do navegador mentalmente e fazer com que ele comece a pensar na empresa ou produto por trás do site como uma entidade ou coisa real e viva. Isso pode ajudar a humanizar o que você está projetando e preencher essa lacuna entre as pessoas e o produto ou serviço rapidamente. Usar um elemento do mundo real como um ponto focal ou até mesmo como a direção visual subjacente em seu trabalho é uma ótima maneira de desenvolver isso e atingir algumas metas de branding sólidas em geral.
Usar a metáfora da área de trabalho não é novo, mas houve alguns lançamentos de sites de produtos importantes recentemente que contam com ela para ajudar a levar o cliente potencial à mentalidade de usar o produto. A área de trabalho é onde a maioria de nós se senta o dia todo e é algo com o qual podemos nos relacionar imediatamente. Ajudar os clientes a se imaginarem usando seu produto gera confiança e compreensão antes mesmo de eles saírem da página inicial.
Faça-os se relacionar
Uma boa maneira de fazer com que os clientes façam uma compra ou decidam contratar sua empresa é fazer com que eles se relacionem com você em um nível pessoal. Mostrar fotos de seu escritório ou das pessoas em sua empresa fazendo o trabalho para o qual eles o contratariam pode ajudar imediatamente.
Aqui estão cinco exemplos para verificar ...
01. MailChimp
O aplicativo de email marketing MailChimp usa elementos da área de trabalho para ajudar os clientes a se associarem ao aplicativo em um nível humano e se relacionarem com a marca.
02. Squarespace
A plataforma de blogging Squarespace usa visualmente a metáfora da área de trabalho para colocar o cliente em seu ambiente usando o aplicativo.
03. Eu atirei nele
A empresa de design I Shot Him () usa uma foto de seu logotipo em um porta-retratos como a imagem do herói principal, além de tecer imagens de sua equipe fazendo coisas em todo o site para ajudar a conectá-lo a eles pessoalmente.
04. House
O site de comércio eletrônico de moda House usa fotos de pessoas que parecem clientes-alvo usando os produtos para formar uma associação com os produtos. Isso não é novo, mas é um ótimo exemplo disso como um elemento principal de design na imagem do herói.
05. Playground
A empresa de design Playground usa literalmente uma imagem grande demais de seu escritório para que você possa vê-los trabalhando.
Palavras: Gene Crawford
Os projetos de Gene Crawford incluem www.unmatchedstyle.com e conferências como www.convergese.com. Este artigo apareceu originalmente na edição 246 da net magazine.