O que é preciso para criar um ótimo site de design gráfico

Como designer gráfico, espera-se que você tenha um ótimo website, o que é um pouco ruim se você é mais artisticamente do que tecnicamente inclinado, e você não tem o tipo de dinheiro necessário para contratar um desenvolvedor web realmente bom ajudar você.

Não importa o quão inepto você se sinta quando se trata de codificar uma página da Web, a única coisa que você absolutamente não deve fazer é usar um modelo de site genérico para mostrar suas habilidades de design gráfico. O que um modelo literalmente grita ao seu público é uma série de adjetivos pouco elogiosos como:

  • Preguiçoso!
  • Inimaginável!
  • Não-criativo!
  • Unoriginal!

Não são palavras que qualquer designer gráfico deva querer se associar. Então, faça o que fizer, nunca tenha um site que pareça muito semelhante ao de qualquer outra pessoa e, especialmente, não use modelos comumente disponíveis, ou mesmo um layout semelhante, porque há uma boa chance de que as pessoas os tenham visto antes e Isso fará a diferença em quantos clientes você recebe em seu site.

Você deveria ter um site? Sim, de fato você deveria. Um website pode fazer com que você nunca espere um trabalho e ajuda quando você está divulgando para alguém porque pode encaminhá-lo para seu site. Além disso, se você não encaminhá-los para o seu site, eles se perguntarão por que não, porque todos os outros designers com quem conversaram tinham um site.

Neste artigo, veremos algumas das coisas que você pode fazer para garantir que seu website se destaque do restante. E não se preocupe se você não for "bom com os computadores", porque explicarei como fazer qualquer coisa realmente complicada da maneira mais simples possível.

1. Certifique-se de que seu design é relevante de alguma forma para quem você é e o que você é

Isso vai ser verdade se você é um operador solitário ou um membro de uma equipe de profissionais que trabalham juntos como um estúdio. Seu site tem que ser sobre você e sua identidade ou imagem, e tem que ser criado para o seu público. A razão para a ênfase nessas palavras em particular é que as pessoas muitas vezes esquecem o que o site deve ser e quem ele quer ser. O "para e sobre" é uma parte muito importante da decisão de design, talvez até a parte mais importante.

Aqui está um exemplo de um site que acerta:

Então, por que essa é a abordagem correta? Bom, para começar, ele me diz quem ele é (Rodrigo Breckenfeld), o que ele faz (design gráfico e desenvolvimento de front end), e por que eu deveria estar interessado nele (ele desenvolve visuais simples e comunicativos + interfaces de usuários amigáveis) e outras coisas).

Sabemos que ele é brasileiro, então podemos ignorar o erro gramatical acidental. Ele não disse que ele era um escritor, ele disse que ele era um designer. O importante é que ele me conta mais do que preciso saber, e ele me diz isso visualmente, mas não sem palavras.

Eu não posso enfatizar o quão importante isso é. Nunca faça um site baseado inteiramente em imagens (pelo menos não se você está fazendo isso por si mesmo, ou se você pretende que ele faça parte do seu portfólio). Projetistas preguiçosos e aéreos estão empurrando sites baseados em carrosséis para fabricantes de descrições corporativas que não conhecem nada melhor, mas você, como designer de verdade, deveria conhecer melhor.

Aqui está um exemplo de um site que faz exatamente o oposto do que estou aconselhando:

Por que eu acredito que esta é a abordagem errada? Porque não sei dizer quem são, o que fazem ou porque eu deveria estar interessado neles. Para obter a primeira pista, preciso olhar a parte inferior da página, sempre o pior lugar para colocar qualquer coisa que precise ser notada. Imediatamente me é dada uma impressão errada sobre esta empresa. Sim, eles são criativos e um pouco diferentes, mas estão tornando as coisas difíceis para mim, fazendo com que eu tenha que olhar em torno do design para encontrar informações.

Seu design também está ocupado. Muitas imagens fazem com que a mente trabalhe mais, e esse é especialmente o caso quando todas as imagens não estão relacionadas umas com as outras de maneira óbvia. As pessoas simplesmente gostam de coisas para se conectar, e quando não se sentem desconfortáveis ​​e chocantes. Quando algo que olhamos faz sentido, nos deixa mais confortáveis.

O problema principal é que não há palavras em que as palavras sejam necessárias. Isso significa que o site não tem nenhuma mensagem e nada realmente me prende, a menos que eu já saiba quem eles são, ou eu acho uma das imagens tão absolutamente cativante que eu só tenho que descobrir mais sobre isso. E é uma pena, porque as fotos são realmente excelentes. ELI são claramente ótimos no que fazem (melhorando digitalmente fotos). Mas, na minha opinião, isso precisa ser comunicado de forma mais eficaz do que simplesmente mostrando os resultados de seu trabalho.

Finalmente, vamos dar uma olhada em um site que caiu em algum lugar no meio:

Quando você entra neste site pela primeira vez, você é confrontado com a imagem um pouco inquietante desse cara olhando silenciosamente para você e, em seguida, muito lentamente, piscando. Isso é realmente muito bom porque muitas pessoas ficarão curiosas sobre o que está acontecendo e vão querer descobrir mais. Embora não saibamos nada sobre Michael nesse momento além do que ele parece, tudo bem. Você pode suspender a regra do "resumo" se tiver um gancho forte, e esse site o faz.

Rolando um pouco a página, podemos ver que ele está segurando uma mensagem para nós:

Ótimo. Agora sabemos quem ele é, o que ele faz e por que devemos nos interessar por ele. Mas aqui o que podemos ver é a importância de não apenas usar palavras, mas usar as palavras certas da maneira correta.

Eu certamente consideraria a contratação de Michael como desenvolvedor, mas a única falha em sua mensagem é que não é uma comunicação muito eficaz. Isso me diz as coisas erradas de maneira errada, sem realmente me inspirar a descobrir mais.

Desculpe, Mike. É um ótimo site, eu realmente adoro a ideia criativa por trás dele, mas teria ajudado a ter a ajuda de um escritor profissional ou especialista em comunicação para ajudar a atingir a nota certa daqui para frente. Não tome isso do jeito errado. Esse cara balança, ele é incrível ... só talvez não necessariamente como escritor. Verdade seja dita, escrever sobre você é uma das tarefas mais difíceis de resolver, e é por isso que às vezes é melhor entregar o trabalho para outra pessoa.

Caso em questão: não é uma má idéia mencionar qual escola você estudou, mas a Universidade Simon Fraser não é tão conhecida que você pode abreviá-la para “SFU”, exceto quando estiver conversando com outras pessoas que foram para lá.

2. Destaque-se pelos motivos certos

Seu design precisa ser diferente e único o suficiente para prender o meu interesse, mas não deve ser tão estranho que eu queira agarrar minhas retinas só para tirar a imagem da minha cabeça o mais rápido possível.

O site que você apresenta faz parte da identidade da sua marca, seja como empresa ou como indivíduo, portanto, você quer ter certeza de que a história que está contando seja boa. Quando isso é feito bem, o site desperta curiosidade sem criar confusão. Você precisa equilibrar "único", então ele deixa um pouco "louco".

Aqui está um exemplo de um cara que parece entender:

Agora, o site de Ed é um pouco old-school, mas tudo bem, porque Ed parece ser um pouco old-school, e não há nada de errado com isso quando se encaixa. Idealmente, seria melhor que a página se esticasse um pouco mais para aproveitar melhor o espaço disponível na tela, e não parece ser um design responsivo. Isso apenas o beneficiaria, não tira nada de sua mensagem porque ele não está dizendo ser um web designer. Na verdade, ele deixa bem claro que não é um, porque esse menu escrito à mão no topo tem links para muitos tipos diferentes de trabalho de design, mas não para web design.

O que também levanta outro ponto, que é que o uso de todas aquelas coisas escritas à mão e desenhadas à mão, o estilo de scrapbook em papel antigo, é na verdade uma maneira realmente inteligente de mostrar visualmente que ele está no estilo old-school de design. Ele vai criar uma fonte para você. Ele vai criar um pôster para você. Ele pode até mesmo ser capaz de fazer alguns cartões de Natal realmente legais, cara. Mas ele não é sobre tentar impressioná-lo com essas coisas sofisticadas de alta tecnologia. Não quer dizer que ele não poderia fazer isso, só que ele não precisa.

Aqui está outro site que eu realmente gostei, pois é um salto corajoso para longe do mundano:

Infelizmente, eles decidiram por algum motivo atualizar todo o design do site, quando eu acho que o design antigo era muito bom e uma excelente abordagem para um casal que está trabalhando junto em um negócio. É certo que eles podem ter sido um pouco auto-depreciativos em suas descrições de si mesmos, mas esse é o jeito australiano. Para eles, em seu país, é uma abordagem que provavelmente funcionará.

A interface do site é muito simples. Ao chegar pela primeira vez na página, você recebe uma réplica de um cartão de visita:

Isso funciona porque satisfaz o 2 fora do 3 "em um piscar de olhos" critreria (quem são e o que fazem). É bastante óbvio que precisaremos rolar a página para descobrir a terceira coisa, e é por isso que devemos nos importar. Como eu disse antes, você pode relaxar um pouco as regras se tiver um bom gancho.

Rolando para baixo, você vê a seção Mr & Mrs, que nos dá suas fotos, seus papéis individuais no negócio, e uma breve sinopse sobre cada um deles, que é apenas bastante verbosa sem ser chata, e eu gosto disso é narrado no primeira pessoa. Uma coisa tão rara nos dias de hoje, quando todo mundo está sendo dito para não fazer isso (o que é conselho estúpido, a propósito). Em ambos os lados da página, há setas indicando onde você pode encontrar mais informações, e isso foi um bom toque também, porque reforça a mensagem de que há duas metades separadas para o todo.

Começando com o lado dela, somos levados para uma bela página limpa com um estilo visual agradável e uma tipografia atraente:

De lá, você tem acesso a seu portfólio, informações autobiográficas mais detalhadas, seu blog, um guia de seus serviços e informações sobre como contatá-la. Cada uma dessas páginas é um tratamento visual, como você provavelmente esperaria.

A página sobre o Sr. Mealing, é claro, deve contrastar, então o esquema de cores é invertido do seu lado. Vamos dar uma olhada em como a página de Samuel se parece:

Pessoalmente, eu estava um pouco menos satisfeito com este porque ele tinha um modelo mais genérico, mas ainda é muito bem apresentado e as cores são eficazes. Não é totalmente intuitivo que o usuário passe o mouse sobre os emblemas para revelar que eles representam HTML, CSS e JavaScript. Talvez eu tenha uma mente desviante, mas acho que o JavaScript não é óbvio, e na verdade parece algum tipo de orifício. A página faz um bom trabalho de colocar muita informação complicada em um pequeno espaço, e é uma peça de comunicação eficaz. Talvez dizer que você é "muito bom" não é forte o suficiente quando você está tentando convencer alguém a fazer um show.

Agora que abordamos isso, é hora de abordar o fato de que você também pode se destacar pelos motivos errados. Você pode cortar as coisas um pouco perto demais da linha maluca. Aqui está um exemplo do que parece quando você pode empurrar as coisas um pouco longe demais:

Com certeza, algumas pessoas provavelmente vão gostar disso, mas acho que é muito diferente. Aqui, a única maneira de saber quem eles são é ver o selo na parte inferior da página, e quanto ao que eles fazem ou por que você deve contratá-los, há apenas uma impressão de que eles gostam de rabiscar coisas.

Caso não seja óbvio (e não é!), Você deve clicar no ponto vermelho. Em seguida, ele aumenta o zoom e reproduz uma animação para você, fornecendo mais pontos para clicar. Cada vez que você clica em um ponto e assiste à animação curta resultante, um link fica disponível ao lado do selo da marca, que permite inspecionar o perfil do Facebook de um de seus colaboradores.

De alguma forma, porém, como você pode ver, o site ganhou um prêmio. É evidente que os juízes não levam em conta a utilidade real da informação e se seria ou não altamente eficaz atrair clientes como parte de seus critérios de avaliação.

3. Mantenha suas mensagens simples

Simples, a comunicação é o que funciona melhor. Faça bom uso do espaço visual e comunique-se bem visualmente. Você também deve usar as palavras de forma eficaz, para dizer às pessoas o que elas precisam saber da maneira mais apropriada. Você não precisa necessariamente ser breve, e às vezes é contraproducente ser breve. Mas você precisa ser claro.

Acima de tudo, impressionar as pessoas porque você é impressionante, não porque está tentando impressionar. O que deve acontecer é que o espectador esteja sentado no computador e sinta o queixo caído de espanto ao olhar para a tela e proferir a linha imortal: “Uau, isso é realmente impressionante! Cadê meu telefone? Eu tenho que contratar essa pessoa!

Se você errar, eles dirão: “Ha! Olhe para esse idiota, tentando me impressionar com toda essa tolice de alta tecnologia!

E se você errar de verdade, eles dirão: “Arrrgh! Este site maluco, com todos os gráficos estúpidos, JavaScript desnecessário, e animações em Flash horríveis, sobrecarregou minha CPU. Agora vou ter que reiniciar!

Não seja esse cara. Evite também usar o jargão, a menos que seja algo com o qual você espere que o público esteja familiarizado. Por exemplo, é perfeitamente correto usar a abreviação “PHP” e seria realmente estranho se você soletrasse as palavras individuais que ele representa. Por outro lado, se você usar a abreviação do termo como “CTR” e “KPI”, não se surpreenda se perder metade do seu público.

Muitos sites, especialmente aqueles em web design e SEO, tentam usar o jargão de negócios de alto nível que está apenas enganando os donos de pequenos negócios e eles vão desligar. Ou quando eles não se desligam, eles vão ser aquele cliente chato que realmente sabe do que você está falando, mesmo que você não tenha escrito essa porcaria. Então não faça isso também, porque nada de bom vem disso.

Sempre respeite seu público e trate-o como você gostaria de ser tratado. Não fale com eles, mas evite ser confuso. E se você puder, tente alcançá-los em um nível emocional ou estimular seu intelecto, sem que eles pensem que você é um tolo. Comunicar, afinal, é tanto uma arte quanto uma ciência.

Bogdan Rancea

Bogdan é um membro fundador da Inspired Mag, acumulando quase 6 anos de experiência neste período. Em seu tempo livre, ele gosta de estudar música clássica e explorar artes visuais. Ele é muito obcecado com fixies também. Ele é dono do 5 já.