estes sites WordPress surpreendentes mostram o melhor deste popular CMS. Quando foi lançado pela primeira vez em 2003, o WordPress foi considerado como uma ferramenta básica de blogagem para amadores. Muito rapidamente ele decolou, tornando-se um CMS de pleno direito que agora alimenta milhões de sites em todo o mundo. E os profissionais criativos têm vindo a empurrar os limites do CMS para criar complexos e belos sites WordPress desde então.
para lhe mostrar exatamente o que este incrível CMS pode fazer, escolhemos alguns dos melhores sites WordPress ao redor., Se este artigo inspira você a construir o seu próprio site WordPress, estes tutoriais WordPress irá ajudá-lo a começar, ou se você quiser construir um portfólio impressionante olhar, confira o nosso guia para os melhores temas de portfólio WordPress.
- Os melhores serviços de hospedagem web em 2019
Rafal Bojar
Designer Zhenya Rynzhuk used WordPress as a semi-headless CMS, with Vue.,js para o front-end, para criar este envolvente site de fotografia portfólio para Rafal Bojar. Ele apresenta uma homepage que exibe antevisões de histórias selecionadas, uma grade para mostrar todo o trabalho de Bojar, e uma página de “essência” explicando a filosofia e abordagem do fotógrafo.
“O objetivo era proporcionar aos visitantes a experiência única e mostrar as obras incríveis de Rafal”, diz Rynzhuk. O par discutiu algumas opções diferentes de infra-estrutura, mas decidiu sobre WordPress para que o site seria fácil de gerenciar e regularmente atualizar com novos projetos.
ao lado do WordPress e Vue.,js, the site uses an S3 bucket to store data, which is delivered through Cloudfront to ensure speedy loading times. Rynzhuk também fez uso de Bedrock e esqueleto Vue de Hendrik-Jan de Harder, bem como GSAP para as animações.,
Adel Vakula
Adel Vakula é uma modelo internacionalmente conhecida da Ucrânia, e este site promocional para que ela chega de compatriotas Yabloko idéias studio, que não apenas foi projetado e codificado, mas criou todos os trabalhos de ilustração. O resultado é um banquete visual muito distinto, abrangendo uma série de vinhetas pintadas com a nossa heroína glamorosa., a partir da cloudscape de algodão doce de abertura que literalmente bolhas com animações sutis, Vakula estrelas em retratos sonhadores projetados para demonstrar uma personalidade carismática. Ela tem uma visão fantasmagórica da noite parisiense sobre uma gárgula dobrando como um botão de Jogo do YouTube, depois de pegar um trem do metrô de Nova York de uma plataforma completa com gato de ônibus. As visitas a Veneza e Ibiza fornecem igualmente cenários excêntricos para Instagram e links de E-mail, onde até mesmo focas bebendo cocktails encorajam um acompanhamento., É língua na bochecha, mas feito com tal charme e técnica que você não pode deixar de se apaixonar. Até o cursor do Rato fica todo em forma de coração.
construído sobre o WordPress CMS, um elemento UI é uma seção divertida onde você pode arrastar e largar roupas em um Vakula virtual para ver focos de modelagem reais. À medida que os cartões de chamada para possíveis castings vão, este faz uma pose mais memorável do que a maioria.,
Autor: Marcos Billen
Filho do Meio
premiada, Filadélfia-com base sandwich shop Meio Criança precisava de um site que combinava com seu peculiar, despretensioso vibe., Full-service design and technology studio Self Aware subiu ao desafio, criando um site baseado em um tema WordPress completamente sob medida usando madeira e ACF – uma combinação que o parceiro de estúdio Mike Wagz chama de “uma mudança de jogo para sérios desenvolvedores de temas WordPress”.
Self Aware also made use of the latest web technologies in order to offer a optimal experience: the layout was created using CSS Grid, and a Service Worker caches static assets including CSS and JavaScript files in order to speed up initial load times.,
“A Criança Do Meio transborda atmosfera de cada canto e recanto”, acrescenta Wagz. “Ele acolhe calorosamente os clientes de todas as esferas da vida com a quantidade certa de diversão, kitsch, e quirk. Eu acho que este projeto é bem sucedido porque nós fomos capazes de capturar este espírito e traduzi-lo para a web.,”
Mar Colheita
Quando Canberra-base de frutos do mar do mercado de Mar Colheita precisava de uma nova identidade de marca e inteligente de presença digital para combinar, ele virou-se para a Austrália web e a agência de branding ED. O site WordPress Esportes um layout impressionante estilo de jornal com muitos toques peculiares para explorar.,
“Quando pensamos em frutos do mar, muitos de nós são levados de volta a uma memória de comer peixe e batatas fritas pela praia com amigos e família”, diz O designer Cam Tidy. “Muitas vezes essas juntas de takeaway embrulhavam sua comida em jornais, então parecia natural explorar isso como uma ideia visual.”
replicando um layout estático, impressão na web não era sem seus desafios, no entanto. A equipe usou a Flexbox CSS para reposicionar o conteúdo, mantendo espaçamento consistente, independentemente do tamanho da tela., Quase todas as medições são baseadas em uma escala responsiva usando unidades REM, tornando mais fácil manter o controle sobre o tipo e proporções de imagem como as escalas do navegador.
O recurso favorito do desenvolvedor Bryn Shanahan é o fato de que os usuários podem “desenhar” no site, incluindo através de uma pesquisa de palavras interativa. “Conseguimos isso cobrindo o site com um elemento de tela HTML5, que foi então usado para desenhar os desenhos do usuário”, explica.
ED usa o WordPress para muitos de seus projetos de site, encontrando-o fácil de usar e intuitivo para os clientes., “easy back end development, which allows more time to focus on front end to bring the design to life”, acrescenta o desenvolvedor Adam Forcucci. “A capacidade de fazê-lo sem cabeça, usando a API WP Rest, nos permite usar frameworks como Reat, que está se tornando o núcleo de nosso desenvolvimento futuro na plataforma.”
Maxim Shkret
a partir de são Petersburgo, na Rússia, Maxim Shkret é um freelance artista digital., Seu impressionante site WordPress casa com portfólio para o mercado de comércio eletrônico, lançando uma nova iniciativa de angariação de fundos.
o site abre em uma série de quatro modelos 3D, ou esculturas digitais que podem ser arrastadas e rodadas 360 graus. Porco, Raposa Do Deserto, Unicórnio de dupla natureza e Panda derretido pode ser girado para a esquerda e para a direita para alcançar um ângulo favorecido. Ao clicar no botão “Comprar esta imagem”, os visitantes podem comprar uma imagem digital em várias dimensões por vários preços., Os lucros serão reunidos de volta para transformar cada modelo digital em esculturas físicas reais usando um processo de usinagem CNC de cinco eixos de Impressão 3D. É uma boa ideia para convidar contribuidores e mostra como uma abordagem de crowdfunding pode ser anexada a uma experiência tipicamente passiva. os créditos de produção do local incluem o “Sochnik Design Studio” de Nova Iorque, mas os esforços do Slick UI nunca ofuscam o talento de Shkret. Isso inclui uma simples seção de Galeria de imagens ainda esculturais que ondulam através de um filtro aguado., É um efeito subtil, mas aumenta o sentido da textura que o Shkret pretende dar a cada peça.
KOBU
Carteira de sites, como seria de esperar, continuar a fornecer alguns dos web mais um terreno fértil para a expressão criativa e inspiração. Este cartão de visita online para a Agência Portuguesa KOBU segue que ethos com um site WordPress com bom gosto, contido que ainda bolhas com caráter., Apelidando-se de “laboratório de marcas” sem medo da experimentação, o trabalho técnico aqui demonstra imaginação sobre complexidade.
ao longo de uma série de elementos, nós temos um lembrete de como CSS e SVG podem ser combinados para o caráter frontend máximo. O posicionamento absoluto é usado para sobrepor os motivos charmosos do modelo de arames, separando as linhas entre blocos de cor de fundo negrito e unindo secções. A looped HTML5 video panel gets a unique wiggly edge using an SVG shape as a mask positioned above, before case study images have their border radius helped to go circular., O site faz uso limpo do liso.js carousel library to ‘trot’ the KOBU team, with office horse, through the middle of the main page.
o zênite, no entanto, é provavelmente o bit que vemos primeiro, abrindo em um cabeçalho tipo lâmpada de lava ondulada produzido pela manipulação de caminhos SVG. A utilizar o anime.js plugin, um motor de animação JavaScript polivalente, é um truque de captura de olhos para estabelecer paleta de cor, se nada mais.,
Autor: Marcos Billen
noformat
noformat é uma estratégica de um estúdio de design com sede em Nova York. A página inicial apresenta um desenho animado do globo ocular que segue o cursor do visitante em torno da tela, enquanto ciclos de texto sobrepostos através de todas as coisas que o noformat pode criar. Para criar o globo ocular, a equipe primeiro explorou o projeto em After Effects CC, antes de usar três.,js para construir uma versão interativa, explica Ian Brewer, fundador e diretor criativo da noformat.
“usámos shaders de vértices e fragmentos para optimizar a renderização da GPU e tornámo-la pulsar e exibir o logótipo do noformat no interior”, continua Brewer. “Nós então aplicamos efeitos pós-processamento para dar-lhe uma aparência mais orgânica e menos 3D, borrando as bordas e adicionando flor para os destaques.”
O resto do site vive até o impacto da primeira página, com transições deslizantes e efeitos de paralaxe sutis mostrando habilidades tecnológicas sem impactar usabilidade.,
“escolhemos o WordPress para o nosso site para a 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.”
Femme and Fierce
Dutch experience design studio Wonderland has delivered ecommerce with sass for Femme and Fierce. O esquema de cores clash-tastic do site WordPress em sua face entrega a mensagem de marca do varejista de moda on-line a partir do off., Os ‘autocolantes’ animados-chupa-chupas girando, espetando flechas, lambendo lábios-criam uma sensação atrevida e devem ressoar com a geração Snapchat/Instagram para a qual esta gama é dirigida.
Purê Maison
Purê Maison é um criativo e estratégico de estúdio com sede em Paris. Seu site WordPress se destaca principalmente graças aos rabiscos animados sunny yellow que aparecem em hover, injetar personalidade em declarações de marca chato e animar as transições., Eles também ajudam o visitante a encontrar o seu caminho ao redor, e incentivá-los a explorar e interagir com o site.
Nós Praticamente São
Quando o seu negócio é tudo sobre apaixonante pessoas usando realidade virtual para contar histórias emotivas, você precisa de um site que atrai as pessoas para o seu trabalho. E o boutique VR studio, que virtualmente somos, conseguiu isso e mais alguma coisa., Seu site, construído pela Herdl no WordPress, usa muitas técnicas de ponta, incluindo WebGL e vídeo de 360 graus para lhe dar um gosto irresistível de seus serviços imersivos. Confira seus drives de teste de RV para Audi, completo com convidados de celebridades inesperadas.
Asaro
Asaro é um provedor de aventura única experiências e divertido viagens para superyacht hóspedes de todo o mundo., Como parte de uma reformulação corporativa mais ampla, este site foi projetado e desenvolvido pela Agência Green Chameleon, Com sede em Bristol.
construído sobre um framework WordPress personalizado para manter a edição de conteúdo em curso fácil para o cliente, os visitantes são levados em uma viagem de descoberta embalado com charme. Os efeitos subtis do pergaminho estão intimamente ligados a uma linha pontilhada interactiva, traçando o progresso navegacional da forma como um capitão de iate pode marcar cartas., Renders CGI personalizados têm sido utilizados como um dispositivo gráfico para representar as ofertas de serviços exclusivos de Asaro, à luz da escassez de ativos fotográficos devido à natureza privada dos eventos. “The art direction was inspired by a mixture of water drop photography and theatrical poster design,” explains creative director Tom Anderson. “Nós amamos a estética do estilo fotográfico e sentimos que ele se relacionou muito bem com o tema náutico subjacente do projeto.,”
Responsive enough to not only look lindamente consistente on smaller screens, access speed was also a motivation for streamlining performance. Com os habitantes de barcos à mercê da conectividade da marine web, os tempos de carga são mais chipper do que choppy através de desktop, tablet e móvel.,
Autor: Marca Billen
Design Museu da Dinamarca
Construído por Copenhaga, baseado no design e agência de branding Estúpido Estúdios, o site para a Dinamarca Museu de Design não só mostra arquivos do museu, coleções e pesquisa, mas também apresenta em um estrondo até a data de estilo., A partir de sua animação SVG de abertura do logotipo do museu, até a olho-Catch-Catch parallax scrolling e alterações de humor paleta trocas como você percorre o conteúdo, é a presença on-line perfeita para um destino de design essencial.
Katy Perry
princesa do Pop Katy Perry usa nenhum outro do que o WordPress para hospedar seu site oficial., Focando-compreensivelmente-em pistas visuais e de mídias sociais, o site utiliza fotos de portfólio de alta especificação do artista para fazer uma declaração ousada. Desloque para baixo para ver as datas da turnê, mercadoria e mais, ou use os ícones para descobrir mais.
é um site limpo e ainda ousado que consegue misturar a imagem distintiva do artista bubblegum pop com uma funcionalidade de estilo elegante e amigável. Longe estão os dias de movimentados sites da banda cheios de muita animação e música que você não pode parar., O site da Perry prova que você pode embalar com muita personalidade usando apenas um fundo branco simples e links facilmente navegáveis, dando aos fãs a opção de ouvir, assistir e aprender facilmente e à sua conveniência.
O Tanque de Tinta
Começando em 1989, como Collins Jato de tinta, um homem operação de fornecimento de tinta para Kodak contínua impressora jato de tinta, hoje Kao Collins é um dos principais fornecedores mundiais., E se você nunca realmente pensou em tinta (além de praguejar quando sua impressora acaba), o site de Kao Collins, O tanque de tinta, está prestes a mudar isso.
construído pela DBS Interactive, o tanque de tinta é um site WordPress atraente que puxa todas as paradas para lhe trazer notícias de ponta da indústria de tintas e mostrar algumas das formas criativas que empresas e artistas estão atualmente usando tinta., O destaque, no que nos diz respeito, é a sua história de Impressão seção: um maravilhoso paralaxe single-pager embalado com animação e efeitos, levando-o todo o caminho de tablets de argila para a impressão de alta velocidade de hoje único passe, e olhando para a frente em algumas das possibilidades futuras de impressão.,
- 14 maneiras fáceis para fazer o seu website mais acessível
- Deslumbrante parallax scrolling sites para explorar
- Os melhores páginas 404