Blog
08/05/2019

Melhores designs web de maio de 2019

Já chegou a nova edição mensal dos Melhores Designs Web do mês… de maio! Neste artigo, vamos analisar o panorama atual do design web e da programação. Não percas.

Está na hora de fazer uma pausa e deixar-te inspirar pela nossa seleção hipnotizante dos melhores designs web de maio de 2019.

Inspiração: melhores designs web de maio de 2019

 

Craftedbygc

A agência de marketing Green Chameleon surpreendeu-nos com um site criado para manter viva a chama do design web e do seu estúdio enquanto desenvolvem o website completo.

À partida, pareceu-nos uma abordagem muito interessante — a ideia do “entretanto” está muito bem conseguida e, pessoalmente, acho que é uma excelente solução, pouco habitual.

O que mais se destaca neste design é o uso de tipografias de grande impacto, dignas de campanhas publicitárias. As imagens dos projetos surgem a cores sobre fundo preto, uma escolha elegante.

No geral, o design é minimalista, com um toque de diário visual que se agradece: pouco texto, letras grandes e mensagens diretas.

Em termos de desenvolvimento, não há muito a acrescentar — não parece ter sido particularmente complexo, mas está tudo executado com o rigor esperado. As transições e os efeitos hover são suaves e conferem ao site uma dinâmica equilibrada.

A navegação assenta num scroll vertical, mais do que suficiente para um site deste género.

Basta recostares-te na cadeira do estúdio e, em poucos minutos e com um simples deslizar de dedo, ficas a conhecer o portefólio da Green Chameleon — uma aposta ganha.

mejores disenos web_green chamaleon

mejores disenos web_green chamaleon 01


 

Visita o site em:

www.craftedbygc.com

Getz

Este site é o projeto pessoal do fotógrafo de retrato e videógrafo Mario Dragicevic.

O design assume o formato de portefólio, pensado para mostrar o talento fotográfico de Mario Dragicevic. E a verdade é que merece estar na lista dos melhores de maio, pois traz uma lufada de inovação ao universo dos portefólios online.

Destaca-se o uso ousado de uma paleta cromática pouco convencional — cores saturadas, tons pastel, preto, verde… tudo com um subtil filtro à la Instagram e mensagens grandes e claras.

As transições estão muito bem implementadas, com uma fluidez notável e sem quebras de carregamento — tudo flui naturalmente.

A navegação entre projetos é bastante original, com um scroll vertical que nos move lateralmente e um clique de carregamento inspirado no universo gamer para aceder aos detalhes de cada projeto.

O detalhe de cada projeto mantém-se minimalista e pessoal, apresentando as imagens em diferentes posições e formatos, como se estivessem prontas a ser publicadas numa revista.

mejores disenos web_Mario Dragicevic 02 mejores disenos web_Mario Dragicevic 01

 

Visita o site em:

www.mariodragicevic.com

Dennis Berti

Na mesma linha do exemplo anterior, surge nesta seleção de maio esta pequena pérola do design web.

Um site criado para mostrar o trabalho fotográfico de Dennis Berti, alguém com uma abordagem muito pessoal — e quis que o seu site refletisse exatamente isso.

A principal característica deste design é a grande tendência de 2019: o uso de tipografias de grande dimensão, em estilo de manchete, para destacar o conteúdo.

O primeiro ponto forte é precisamente a escolha e o uso das tipografias — uma sans-serif simples, robusta e eficaz, que transmite a mensagem de imediato.

Além disso, o design mantém-se discreto e minimalista, sublinhando a importância do trabalho fotográfico — e consegue-o na perfeição.

A navegação por secções talvez seja o ponto menos forte do site, já que obriga o utilizador a percorrer os diferentes grupos de trabalho. No entanto, percebe-se que foi uma opção do autor para separar e organizar os projetos.

mejores disenos web_dennis berti 03 mejores disenos web_dennis berti 03 mejores disenos web_dennis berti 01

 

Visita o site em:

www.dennisberti.com

Burnish Creative

A equipa de pós-produção de vídeo da Burnish Creative apresenta-nos o seu novo site — um projeto, como seria de esperar, muito visual e refrescante.

O destaque vai para o menu “hambúrguer”, que só aparece ao clicar, focando a experiência inicial do utilizador nos grandes projetos realizados pela equipa.

É mais um exemplo de um portefólio online que, apesar de cumprir o objetivo clássico, tem identidade própria e oferece uma perspetiva diferente sobre o trabalho do estúdio.

mejores disenos web_Burnish Creative 04 Melhores designs web de maio de 2019 - 1

Melhores designs web de maio de 2019 - 2

 

Visita o site em:

www.burnishcreative.com

DEMO – Design in Motion Festival

Este é o meu favorito — e não é de admirar, já que o site de um festival de design em movimento não podia, de forma alguma, ter um design convencional.

E foi exatamente isso que conseguiram: um design dinâmico, fresco, apelativo e tecnológico.

Tudo isto é reforçado por uma utilização massiva de tipografia e texto, movimentos e transições impressionantes que, ainda assim, não cansam nem sobrecarregam o utilizador.

Mas sejamos sinceros: se não fores fã de animações, talvez este não seja o projeto ideal para ti. Fica ao teu critério.

mejores disenos web_design in motion 02 mejores disenos web_design in motion 01

 

Visita o site em:

www.demofestival.com

BAM – Photographers & Directors

Parece que este mês foi dedicado a fotógrafos e diretores criativos, mas é apenas uma feliz coincidência.

O projeto Bam é um portefólio para os fotógrafos publicitários Ben & Martin — daí o nome BAM.

Com um visual muito pessoal, minimalista e poético, navegamos pelo site e percorremos todo o seu trabalho.

As imagens impactantes são as verdadeiras protagonistas deste site, que cumpre todos os requisitos para destacar o talento destes dois criativos visuais.

Uma menção especial para o menu — fica a dica.

mejores disenos web_Ben and Martin 02 mejores disenos web_Ben and Martin 01

 

Visita o site em:

www.benandmartin.com

Takahisa Mitsumori

Por fim, terminamos esta viagem pelos melhores designs web de maio com o projeto dedicado a Mergrim, um artista visual sediado em Berlim, com um nome digno de samurai de filme de Akira Kurosawa.

O objetivo do site é mostrar o trabalho de Takahisa Mitsumori como produtor audiovisual, recorrendo a um design básico que nos remete para os primórdios da computação.

O visual é minimalista e praticamente não há imagens ao longo de toda a página — em contrapartida, o destaque vai para o áudio.

Apresentado como um portefólio sonoro, surpreende pela ousadia do autor em mostrar apenas a essência do trabalho de Takahisa.

Uma escolha arrojada, que revela confiança e recusa em seguir as convenções visuais atuais.

mejores disenos web_Takahisa Mitsumori mergrim 02 mejores disenos web_Takahisa Mitsumori mergrim 01

 

Visita o site em:

www.mergrim.net

Conclusão

Apresentámos aqueles que, na nossa opinião, são os melhores designs web do mês. Mais uma vez, confirma-se a nossa previsão sobre as tendências em web design e design gráfico: layouts ao estilo app, grandes tipografias que dominam o ecrã e assumem um papel central na mensagem, não só visualmente mas também como elementos próprios. Usabilidade e experiência ao serviço da tecnologia, com resultados visualmente apelativos e dinâmicos.

A maioria das referências são sites onde qualquer utilizador percebe rapidamente onde está e o que lhe é oferecido — excelente!

Voltamos a encontrar-nos daqui a cerca de 30 dias.

 

Gostou?
Inscreva-se
Artigos relacionados
vamos começar a trabalhar
no teu projeto?

Analisamos a tua situação atual e definimos o próximo passo.

Entre em contato agora
Nosso site usa cookies para coletar informações sobre seu dispositivo e sua atividade de navegação. Utilizamos esses dados para melhorar o site, garantir a segurança e entregar conteúdo personalizado. Você pode gerenciar suas preferências de cookies clicando aqui.
Aceitar cookies Configurar Rejeitar cookies
Informações básicas sobre cookies
Este site utiliza cookies e/ou tecnologias similares que armazenam e recuperam informações durante sua navegação. Em geral, estas tecnologias podem ter finalidades muito diversas, como, por exemplo, reconhecê-lo como utilizador, obter informações sobre os seus hábitos de navegação ou personalizar a forma como os conteúdos são apresentados. Nossos usos específicos dessas tecnologias estão descritos abaixo. Por defeito, todos os cookies estão desativados, exceto os técnicos, que são necessários para o funcionamento do site. Se desejar mais informações ou exercer os seus direitos de proteção de dados, pode consultar o nosso Política de cookies".
Aceitar cookiesConfigurar
Cookies técnicos necessários Sempre ativo
Os cookies técnicos são estritamente necessários para o funcionamento do nosso site e para a sua navegação. Estes tipos de cookies são aqueles que, por exemplo, nos permitem identificá-lo, dar-lhe acesso a determinadas partes restritas da página se necessário, ou lembrar diferentes opções ou serviços já selecionados por você, como suas preferências de privacidade. Portanto, eles estão ativados por padrão e sua autorização não é necessária. Ao configurar o seu navegador poderá bloquear ou alertar sobre a presença deste tipo de cookies, embora esse bloqueio afete o correto funcionamento das diferentes funcionalidades do nosso site.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Confirmar preferências
Contate-nos
Forma

Conte-nos
seu projeto

Indique o contexto geral da sua organização e o escopo planejado do projeto.
A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Title
Popupcontent
Análise da sua situação digital

Analisaremos sua situação digital atual. Entraremos em contato para entender o seu contexto e avaliar conjuntamente quais áreas analisar, e posteriormente prepararemos uma auditoria com os principais pontos e recomendações.

A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.
Aceptar
Análisis de visibilidad en agentes de IA

Analizaremos cómo aparece tu marca en ChatGPT y otros agentes de IA, frente a qué competidores y en qué consultas. Nos pondremos en contacto contigo para entender el contexto y definir las oportunidades prioritarias.

A Code Barcelona, ​​​​como responsável pelo tratamento dos seus dados, procederá ao seu tratamento para responder à consulta e/ou solicitação que nos faça através deste formulário de contacto. Poderá exercer os seus direitos de acesso, retificação, eliminação, bem como outros direitos, consultando a informação detalhada adicional sobre Proteção de Dados no nosso política de Privacidade.