Contente
- 01. Rafal Bojar
- 02. Adel Vakula
- 03. Criança do Meio
- 04. Sea Harvest
- 08. Femme e Fierce
- 09. Purê Maison
- 10. Nós praticamente somos
- 13. Katy Perry
- 14. O tanque de tinta
Esses incríveis sites WordPress mostram o melhor desse CMS popular. Quando foi lançado em 2003, o WordPress era considerado uma ferramenta básica de blog para amadores. Rapidamente ele decolou, tornando-se um CMS completo que agora alimenta milhões de sites em todo o mundo.E os profissionais criativos têm expandido os limites do CMS para criar sites WordPress complexos e bonitos desde então.
Para mostrar exatamente o que este incrível CMS pode fazer, nós escolhemos alguns dos melhores sites WordPress disponíveis. Se este artigo o inspira a construir seu próprio site WordPress, esses tutoriais Wordpress irão ajudá-lo a começar, ou se você quiser construir um portfólio de aparência incrível, confira nosso guia para os melhores temas de portfólio WordPress.
- Os melhores serviços de hospedagem na web em 2019
01. Rafal Bojar
O designer Zhenya Rynzhuk usou o WordPress como um CMS semi- headless, com Vue.js para o front-end, para criar este site de portfólio de fotografia envolvente para Rafal Bojar. Ele apresenta uma página inicial que exibe visualizações de histórias selecionadas, uma grade inteligente para mostrar todo o trabalho de Bojar e uma página da "essência" que explica a filosofia e abordagem do fotógrafo.
"O objetivo era proporcionar aos visitantes uma experiência única e mostrar os trabalhos incríveis de Rafal", diz Rynzhuk. A dupla discutiu algumas opções de back-end diferentes, mas decidiu pelo WordPress para que o site fosse fácil de gerenciar e regularmente atualizado com novos projetos.
Juntamente com o WordPress e o Vue.js, o site usa um balde S3 para armazenar dados, que são entregues por meio do Cloudfront para garantir tempos de carregamento rápidos. Rynzhuk também fez uso do esqueleto Vue de Bedrock e Hendrik-Jan de Harder, bem como GSAP para as animações.
02. Adel Vakula
Adel Vakula é uma modelo ucraniana internacionalmente famosa, e este site promocional para ela chega do estúdio de ideias de seus conterrâneos Yabloko, que não só o projetou e codificou, mas também criou todo o trabalho de ilustração. O resultado é um banquete visual maravilhosamente distinto, abrangendo uma série de vinhetas pictóricas com nossa heroína glamorosa.
Desde a abertura da paisagem de nuvens de algodão doce que literalmente borbulha com animações sutis, Vakula estrela em retratos oníricos projetados para demonstrar uma personalidade carismática. Ela caprichosamente observa a noite parisiense em cima de uma gárgula que funciona como um botão de reprodução do YouTube, depois de pegar um trem do metrô de Nova York em uma plataforma completa com um gato cantando. Visitas a Veneza e Ibiza fornecem cenários igualmente excêntricos para Instagram e links de e-mail, onde até selos bebendo coquetéis incentivam uma sequência. É um material irônico, mas feito com tanto charme e técnica que você não pode deixar de se apaixonar. Até o ponteiro do mouse muda em forma de coração.
Construído no WordPress CMS, um elemento de interface do usuário de destaque é uma seção divertida onde você pode arrastar e soltar roupas em um Vakula virtual para visualizar instantâneos de modelagem real. Como cartões de visita para possíveis castings, este tem uma pose mais memorável do que a maioria.
Autor: Mark Billen
03. Criança do Meio
A lanchonete premiada Middle Child, sediada na Filadélfia, precisava de um site que combinasse com sua vibração peculiar e despretensiosa. O estúdio de design e tecnologia de serviço completo Self Aware aceitou o desafio, criando um site baseado em um tema WordPress totalmente personalizado usando Timber e ACF - uma combinação que o parceiro do estúdio Mike Wagz chama de "uma virada de jogo para desenvolvedores de temas WordPress sérios".
O Self Aware também fez uso das mais recentes tecnologias da web para oferecer uma experiência ideal: o layout foi criado usando CSS Grid e um Service Worker armazena em cache ativos estáticos, incluindo arquivos CSS e JavaScript, a fim de acelerar o tempo de carregamento inicial.
"A Criança do Meio exala atmosfera de todos os cantos", acrescenta Wagz. "Ele recebe calorosamente os clientes de todas as esferas da vida, com a quantidade certa de diversão, kitsch e peculiaridades. Acho que este design foi bem-sucedido porque fomos capazes de capturar esse espírito e traduzi-lo para a web."
Para encontrar a ferramenta perfeita, confira esses principais construtores de sites. Além disso, veja abaixo os melhores preços.
04. Sea Harvest
noformat é um estúdio de design estratégico com sede em Nova York. A página inicial apresenta um design de globo ocular animado que segue o cursor do visitante pela tela, enquanto o texto sobreposto percorre todas as coisas que o noformat pode criar. Para criar o globo ocular, a equipe explorou primeiro o design no After Effects CC, antes de usar o three.js para construir uma versão interativa, explica Ian Brewer, fundador e diretor criativo da noformat.
"Usamos sombreadores de vértice e fragmento para otimizar a renderização da GPU e o fizemos pulsar e piscar o logotipo do noformat dentro", continua Brewer. "Em seguida, aplicamos efeitos de pós-processamento para dar uma aparência mais orgânica e menos 3D, desfocando as bordas e adicionando brilho aos realces."
O resto do site faz jus ao impacto daquela primeira página, com transições inteligentes na rolagem e efeitos de paralaxe sutis mostrando habilidades tecnológicas sem afetar a usabilidade.
"Escolhemos o WordPress para nosso site pela velocidade de lançamento e flexibilidade", explica Brewer. "Ao longo dos anos, construímos nossas próprias bibliotecas e sistemas de edição baseados em módulos que nos permitem criar ou editar um site mais rápido do que qualquer outra solução CMS."
08. Femme e Fierce
O estúdio de design com experiência holandesa Wonderland entregou comércio eletrônico com atrevimento para a Femme and Fierce. O esquema de cores claro e chocante do site WordPress entrega a mensagem da marca do varejista de moda online desde o início. Os 'adesivos' animados - pirulitos girando, flechas espetadas, lambendo os lábios - criam uma sensação atrevida e devem ressoar com a geração Snapchat / Instagram para a qual esta linha se destina.
09. Purê Maison
Purée Maison é um estúdio criativo e estratégico com sede em Paris. Seu site WordPress se destaca principalmente graças aos rabiscos animados amarelos ensolarados que aparecem ao pairar, injetam personalidade em declarações de marca enfadonhas e animam as transições. Eles também ajudam o visitante a se orientar e o encorajam a explorar e interagir com o site.
10. Nós praticamente somos
Construído pela agência de design e branding Stupid Studios, com sede em Copenhague, o site do Museu do Design da Dinamarca não apenas mostra os arquivos, coleções e pesquisas do museu, mas também os apresenta em um estilo extremamente atualizado. Desde a animação SVG de abertura do logotipo do museu, até a atraente rolagem paralaxe e trocas de paletas que aumentam o clima conforme você rola pelo conteúdo, é a presença online perfeita para um destino de design essencial.
13. Katy Perry
A princesa pop Katy Perry usa nada menos que o WordPress para hospedar seu site oficial. Focando - compreensivelmente - em visuais e dicas de mídia social, o site utiliza fotos de portfólio de alta especificação do artista para fazer uma declaração ousada. Role para baixo para ver as datas da turnê, mercadorias e muito mais, ou use os ícones para descobrir mais.
É um site limpo, mas ousado, que consegue combinar a imagem pessoal do pop chiclete distintiva do artista com uma funcionalidade de estilo de revista brilhante e amigável. Já se foram os dias de sites de bandas ocupados, cheios de animação e música que você não consegue parar. O site de Perry prova que você pode embalar com muita personalidade usando apenas um fundo branco simples e links de fácil navegação, dando aos fãs a opção de ouvir, assistir e aprender com facilidade e conveniência.
14. O tanque de tinta
