Chaque mois, nous récapitulons les conceptions de sites Web les plus récentes publiées sur le Web au cours des quatre semaines précédentes. Ce mois-ci est un peu différent: pour décembre, nous rassemblons les 50 meilleurs designs de 2019.

De la concurrence très rude, ce sont les 50 sites que nous avons le plus aimés cette année. Chacun a été choisi soit parce qu'il a adopté une approche unique, soit parce qu'il était au cœur d'une tendance de design qui a connu un grand succès en 2019. Il y a beaucoup de vidéos en plein écran, beaucoup d'illustrations et l'émergence d'un post-brutaliste tendance au maximalisme qui devrait se poursuivre jusqu'en 2020 et au-delà. Votre favori est-il inclus dans la liste?

Tribu nomade

L'illustration a été l'une des plus grandes tendances de 2019, et elle est utilisée avec grand effet dans Nomadic Tribe, une courte histoire interactive et animée, créée pour célébrer la fin de 2018 et le début de 2019. Très peu de choses l'ont dépassé toute l'année.

tribu "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/tribe.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/12 / tribe-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/tribe-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/12/tribe-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Travelshift

Il n'est jamais facile de réinventer la navigation tout en conservant une grande convivialité. Travelshift fait un travail exceptionnel en combinant une interaction de navigation simple, avec de belles transitions animées, pour créer l'un des sites de l'année.

travelshift "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/travelshift.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/12 / travelshift-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/travelshift-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/12/travelshift-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Devialet

Le son sur le Web est l'une des technologies les moins appréciées, la plupart des gens naviguant sans leur son, et ceux qui le permettent à l'aide de minuscules haut-parleurs pour ordinateurs portables. Les concepteurs du site Devialet ont donc dû présenter la profondeur, la portée et la puissance de manière visuelle.

014-devialet "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/014-devialet.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/014-devialet-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/014-devialet-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/014-devialet-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Studio Brave

Plus de vidéo plein écran, cette fois du Studio Brave qui nous a épaté en 2019 avec des visuels exceptionnels pour nous vendre sur leur portfolio. Nous aimons même le curseur personnalisé, qui est normalement un énorme non-non.

studio_brave "width =" 1856 "height =" 1017 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/studio_brave.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/05 / studio_brave-300x164.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/05/studio_brave-768x421.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/05/studio_brave-1024x561.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Il était une fois à Hollywood

L'un des plus grands films de l'année est conçu pour revenir à la culture de 50 ans plus tôt, et son site promotionnel impressionnant vous transporte à l'époque de Woodstock et du débarquement sur la lune.

02-hollywood "width =" 1856 "height =" 1280 "srcset =" https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/02/02-hollywood.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/02-hollywood-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/02-hollywood-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/02-hollywood-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Hachem

2019 est l'année où nous avons abandonné le gris minimaliste et adopté des couleurs vives et riches. La tendance est d'autant plus évidente lorsqu'elle est combinée avec le mode sombre. L'un des meilleurs exemples cette année a été le magasin de fournitures d'art Hackem.

hachem "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/hachem.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/03 / hachem-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/hachem-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/hachem-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Près de Miss Memorials

Tous les sites n'ont pas abandonné le minimalisme en 2019. Near Miss Memorials est un site de campagne de sécurité publique néo-zélandais qui adopte une humeur suffisamment sombre.

08-nearmisses "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/08-nearmisses.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/09/08-nearmisses-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/08-nearmisses-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/08-nearmisses-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Flatiron Collective

En plus de tonnes de vidéos, nous avons également vu beaucoup d'animation vectorielle en 2019. Un bon exemple est le site du Flatiron Collective qui utilise des illustrations animées pour proposer des services aux entreprises.

09-flatiron "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/09-flatiron.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/09-flatiron-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/09-flatiron-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/09-flatiron-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

La face

La bible de style des années 80 The Face est revenue de la publication de l'oubli en 2019, avec un blog en ligne et des plans pour un magazine imprimé. Son approche innovante pour remplir la page d'images répétées (non évolutives) est inspirée.

03-the-face "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/03-the-face.jpg 1856w, https: //www.webdesignerdepot.com/cdn-origin/uploads/2019/04/03-the-face-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/03 -the-face-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/03-the-face-1024x706.jpg 1024w "tailles =" (largeur max: 1856px ) 100vw, 1856px "/></div>
<p class=

Takahisa Mitsumori

Le musicien japonais basé à Berlin Takahisa Mitsumori a publié un site en 2019 qui ne suit absolument aucune tendance et présente un ensemble de visualisations très minimaliste, presque Saville-esque de son travail.

takahisa "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/takahisa.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/03 / takahisa-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/takahisa-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/takahisa-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Universal Sans

Les polices variables étaient une grande nouvelle en 2019 et le site génial pour Universal Sans vous permet d'utiliser la technologie pour adapter la police à vos propres besoins.

004-universal "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/004-universal.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/004-universal-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/004-universal-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/004-universal-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Côte ouest de la Tasmanie

Nous avons adoré ce site exceptionnel pour le tourisme en Tasmanie occidentale. Les couleurs et les illustrations sont superbes, et la photographie est si inspirante qu'elle me donne envie de réserver un voyage dès maintenant.

westcoast "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/westcoast.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/06 / westcoast-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/06/westcoast-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/06/westcoast-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

40075

2019 a été une année d'influences musicales diverses. 40075 est une expérience interactive conçue pour vous aider à découvrir de nouvelles musiques passionnantes d'artistes de Songhoy Blues à Gily Yalo.

40075 "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/40075.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/05 / 40075-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/05/40075-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/05/40075-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Cher Ami

L'un des sites les plus dynamiques de 2019 est Cher Ami. Emballé avec de petits détails qui le distinguent, comme l'angle du menu volant et des transitions spectaculaires.

06-cherami "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/06-cherami.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/06-cherami-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/06-cherami-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/06-cherami-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Kalfire W53 / 50R

Nous avons adoré la vidéo en plein écran en 2019, et le site Kalfire W53 / 50R l'a en tête. Cliquez sur la page de conception pour plus de vidéo. Des valeurs de production haut de gamme comme celles-ci sont essentielles lors de la vente de produits de luxe.

04_kalfire "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/04_kalfire.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/01 / 04_kalfire-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/01/04_kalfire-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/01/04_kalfire-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Hazelbrook Legal

Comme pour prouver que la tendance vidéo plein écran ne se limite pas aux marques de mode et aux sites de voyage, Hazelbrook Legal utilise une vidéo d'une boule de marbre naviguant dans un labyrinthe de style Escher; une métaphore du rôle du cabinet d'avocats.

05-hazelbrook "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/05-hazelbrook.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/09/05-hazelbrook-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/05-hazelbrook-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/05-hazelbrook-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Sauver les baleines

On ne peut plus ignorer la détérioration du monde naturel. Alors que nous entrons dans une nouvelle décennie, attendez-vous à voir des sites plus inspirants comme Save Whales, faisant campagne pour protéger les écosystèmes.

10 baleines "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/10-whales.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/10-whales-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/10-whales-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/10-whales-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

The Nue Co.

Avec autant de couleurs sur le Web cette année, c'est surprenant lorsque vous rencontrez une approche en noir et blanc à contraste élevé. La Nue Co. utilise un peu de couleur subtile dans ses images de produits, mais l'ensemble du site est principalement en noir et blanc, et d'autant plus impactant pour lui.

nue "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/nue.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/03 / nue-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/nue-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/nue-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

1017 Gin

Le site du 1017 Gin est un mélange haut de gamme de mise en page de magazine brillant et de livre de table basse. Le one-pager est discret, avec juste un clin d'œil aux tendances avec des images sous-dimensionnées. La façon dont la page se divise lorsque vous cliquez sur "Acheter" est charmante, car elle est inattendue.

010-1017 "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/010-1017.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/010-1017-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/010-1017-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/010-1017-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Stonewall Forever

2019 a marqué 50 ans de fierté. Stonewall Forever se décrit comme un monument vivant du mouvement. L'arc-en-ciel généré présente des histoires des premiers jours du mouvement des droits LGBTQ.

stonewallforever "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/stonewallforever.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/06 / stonewallforever-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/06/stonewallforever-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/06/stonewallforever-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Production de Zhee-Shee

Plus d'illustration à partir de 2019, cette fois de Zhee-Shee Production. De nombreux illustrateurs ont suivi un style similaire, dérivé des tendances de 2018, mais ces illustrations pleines d'esprit se forgent leur propre chemin.

zhee-shee "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/zhee-shee.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/zhee-shee-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/zhee-shee-768x417.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/zhee-shee-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

En dessous de

Au début de 2019, nous avons vu ce site pour l'incroyable restaurant Under en Norvège. Nous aimons l'esthétique scandinave, prouvant que la simplicité peut vendre le luxe, et le logotype est inspiré.

sous "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/under.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/05 / under-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/05/under-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/05/under-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Morenita

Alors que l'hémisphère Nord tremble vers la fin de 2019, ce site de location de bateaux dans les Baléares est une perspective séduisante pour l'été 2020.

04-morenita "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/04-morenita.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/04-morenita-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/04-morenita-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/04-morenita-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Architectes de pièces

À mi-chemin de 2019, une nouvelle tendance a commencé à s'imposer; Brutalisme. C’est une approche fonctionnelle, monotone et dure qui est souvent délibérément moche. Part Architects l'utilise pleinement.

12_part "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/12_part.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/01 / 12_part-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/01/12_part-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/01/12_part-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Trux Studio

Plus de vidéo en plein écran, cette fois-ci pour expliquer les activités innovantes du Trux Studio au Danemark. Bien sûr, cela ne fait pas de mal lorsque vous filmez dans un si beau paysage.

014-trux "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/014-trux.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/10/014-trux-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/014-trux-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/014-trux-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Bloc Genesis

2019 a vu un large éventail de sites interentreprises adopter une approche davantage axée sur la conception de leur marketing. L'un de ces sites est Genesis Block, un site fintech qui utilise les dessins au trait, le mode sombre et les dégradés.

006-genesisblock "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/006-genesisblock.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/10/006-genesisblock-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/006-genesisblock-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/006-genesisblock-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

La frontière intérieure

Les meilleurs sites Web ne sont pas seulement bien conçus, ils mélangent les informations avec l'expérience pour informer et inspirer. The Frontier Within est un de ces sites qui illustre le système respiratoire, circulatoire et nerveux pour créer un portrait du corps humain.

thorne "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/thorne.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/12 / thorne-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/thorne-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/12/thorne-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Chevalvert

De la tendance brutaliste de 2019 est apparue une nouvelle tendance, avec plus de jambes. Le maximalisme nous a poussés à partir de juillet et semble continuer jusqu'en 2020. Le site de Chevalvert en est un parfait exemple.

001-chevalvert "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/001-chevalvert.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/10/001-chevalvert-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/001-chevalvert-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/001-chevalvert-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Gyro

Une autre grande tendance en 2019 était la typographie surdimensionnée. L'un des meilleurs exemples est Gyro, avec un logo surdimensionné qui explose et tourne lorsque vous le survolez.

003-gyro "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/003-gyro.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/003-gyro-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/003-gyro-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/003-gyro-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Marbre

Le marbre s'attaque aux problèmes des enfants du monde entier. Son site ravissant présente un texte surdimensionné semblable à un labyrinthe.

008-marbre "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/008-marble.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/008-marble-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/008-marble-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/008-marble-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Oban Whisky

Un autre site vidéo en plein écran, cette fois pour Oban Whisky, une distillerie de l'ouest de l'Écosse. Le site combine une belle vidéo avec une typographie moderne pour se concentrer sur le patrimoine et les valeurs de la marque.

obanwhisky "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/obanwhisky.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/06 / obanwhisky-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/06/obanwhisky-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/06/obanwhisky-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Bruegel: une fois dans sa vie

L'animation était populaire en 2019, mais ce site va un peu plus loin. C’est le lieu d’une exposition d’œuvres du maître flamand Pieter Bruegel l’Ancien, dans laquelle ses peintures sont animées.

bruegel "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/bruegel.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/03 / bruegel-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/bruegel-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/bruegel-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Bruno Simon

Bruno Simon est l’un des sites de portfolio les plus populaires de l’année. Il présente un camion miniature RC que vous conduisez à travers un paysage 3D pour explorer son portefeuille.

006-bruno "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/006-bruno.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/006-bruno-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/006-bruno-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/006-bruno-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Daly

Daly est une agence de relations publiques très prospère qui a lancé un site audacieux et coloré en 2019. La période en surbrillance dans le logotype est loin d'être originale, mais j'aime la façon dont elle suit la fenêtre lorsque vous faites défiler.

16-daly "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/16-daly.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/04/16-daly-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/16-daly-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/16-daly-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Gucci Marmont

La 3D a figuré dans de nombreux sites tout au long de 2019, et l'un des exemples les plus intéressants est le site de la collection Marmont de Gucci, qui imite l'art du XVIIe siècle sous forme d'exposition.

12-gucci "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/12-gucci.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/08/12-gucci-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/12-gucci-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/12-gucci-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Bon Iver Visualizer

Les visualisations de données sont de plus en plus sophistiquées à mesure que les ordinateurs deviennent de plus en plus puissants. Ce site, construit avec des données Spotify, montre toutes les personnes qui diffusent actuellement la musique de Bon Iver.

01-boniver "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/01-boniver.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/09/01-boniver-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/01-boniver-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/01-boniver-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Monastère

Au fur et à mesure que les concepteurs de sites Web s’attaquent à des problèmes généraux, ils sont libres de se concentrer sur les petits détails, comme le flou subtil ajouté aux fondus de transition de Monestery, créant une expérience de marque de luxe.

04-monastère "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/04-monastery.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/09/04-monastery-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/04-monastery-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/04-monastery-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Planches de surf en amande

Le look rétro est toujours là, en 2019. Il sera toujours avec nous jusque dans les années 2020. Les gens aiment la nostalgie, semble-t-il, et Almond Surfboards fait un excellent travail pour ajouter de la crédibilité à l'ancienne à ses planches de haute technologie.

18-almondsurfboards "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/18-almondsurfboards.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/09/18-almondsurfboards-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/18-almondsurfboards-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/18-almondsurfboards-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Tapez par

Type By est une nouvelle fonderie de types, lancée en 2019, donc comme vous vous en doutez, son site est uniquement en texte. Nous n'en avons pas vu assez en 2019, mais une fois bien fait, c'est très convaincant.

type_by "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/type_by.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/05 / type_by-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/05/type_by-768x417.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/05/type_by-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Wolff Olins

Wolff Olins est une agence de renommée mondiale dont le site simple et engageant nous a charmés cette année. L'approche post-brutaliste adoptée par une grande agence suggère que c'est une tendance à la persévérance.

001-wolffolins "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/001-wolffolins.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/11/001-wolffolins-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/001-wolffolins-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/11/001-wolffolins-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

La Maison de Santé Pantinoise

La conception de sites Web en 2019 n'était pas uniquement une question de tendances. Le design, c'est créer quelque chose de approprié, et ce site pour un bureau parisien MD est apaisant et rassurant. L'animation de bloc illustre avec sensibilité les conditions couvertes.

003-lamaisondesantepantinoise "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/003-lamaisondesantepantinoise.png 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/10/003-lamaisondesantepantinoise-300x207.png 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/003-lamaisondesantepantinoise-768x530.png 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/003-lamaisondesantepantinoise-1024x706.png 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

MA True Cannabis

Le cannabis est de plus en plus acceptable dans de nombreux pays et sa commercialisation devient de plus en plus sophistiquée. MA True Cannabis utilise quatre «mondes» pour mettre en évidence certains des avantages de cette herbe naturelle et populaire.

cannabis "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/cannabis.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/12 / cannabis-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/cannabis-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/12/cannabis-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Goûter

To Taste était l'un de nos sites de recettes préférés cette année. Il est très facile à parcourir, et la photographie alléchante est un guide clair pour ce que votre concoction devait se passer.

02 au goût "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/02-to-taste.jpg 1856w, https: //www.webdesignerdepot.com/cdn-origin/uploads/2019/04/02-to-taste-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/02 -to-tast-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/02-to-taste-1024x706.jpg 1024w "tailles =" (largeur max: 1856px ) 100vw, 1856px "/></div>
<p class=

Déplacé Maison

La direction artistique de Déplacé Maison évoque des romans graphiques. C'est une esthétique originale qui est renforcée par une typographie de style lettrage, pour un look complètement sur mesure.

012-deplacemaison "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/012-deplacemaison.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/10/012-deplacemaison-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/012-deplacemaison-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/10/012-deplacemaison-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Hinderer & Wolff

Cette année, des dizaines de sites élégants et sophistiqués ont été publiés pour les marques de vins. Un de nos préférés est Hinderer & Wolff, car c'est une joie à explorer.

hinderer-wolff "width =" 1856 "height =" 1007 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/hinderer-wolff.jpg 1856w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/03/hinderer-wolff-300x163.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/hinderer-wolff-768x417.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/03/hinderer-wolff-1024x556.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Course de précision

En dehors de la conception Web, l'une des grandes tendances de la technologie pour 2019 était la connectivité, l'exercice en salle. Precision Run est l'un des meilleurs packs, et son site est convenablement à haute énergie.

precisionrun "width =" 1856 "height =" 1280 "srcset =" http://www.guidsite.com/wp-content/uploads/2020/01/precisionrun.jpg 1856w, https://www.webdesignerdepot.com/ cdn-origin / uploads / 2019/06 / precisionrun-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/06/precisionrun-768x530.jpg 768w, https: // www. webdesignerdepot.com/cdn-origin/uploads/2019/06/precisionrun-1024x706.jpg 1024w "tailles =" (largeur max: 1856px) 100vw, 1856px "/></div>
<p class=

Cheval sans tête

Avec des dizaines de façons de parcourir un portefeuille, il est formidable de voir que les agences trouvent toujours de nouvelles façons passionnantes de présenter leur travail. Headless Horse’s approach is effective because their client list is so familiar.

03-headlesshorse" width="1856" height="1280" srcset="http://www.guidsite.com/wp-content/uploads/2020/01/03-headlesshorse.jpg 1856w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/03-headlesshorse-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/03-headlesshorse-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/09/03-headlesshorse-1024x706.jpg 1024w" sizes="(max-width: 1856px) 100vw, 1856px"/></div>
<p class=

Editorial New

There’s been an increasing tendency among type designers to release entire websites to promote a single typeface. Joining this trend is Editorial New, a body text-appropriate typeface with a site that’s a joy to scroll through.

editorial_new" width="1856" height="1280" srcset="http://www.guidsite.com/wp-content/uploads/2020/01/editorial_new.jpg 1856w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/editorial_new-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/editorial_new-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/12/editorial_new-1024x706.jpg 1024w" sizes="(max-width: 1856px) 100vw, 1856px"/></div>
<p class=

Neutral Works

One of the biggest design trends among developers in 2019 was liquid-style transitions. One of the best examples is Japan-based Neutral Works’ portfolio.

20-neutralworks" width="1856" height="1280" srcset="http://www.guidsite.com/wp-content/uploads/2020/01/20-neutralworks.jpg 1856w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/20-neutralworks-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/20-neutralworks-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/08/20-neutralworks-1024x706.jpg 1024w" sizes="(max-width: 1856px) 100vw, 1856px"/></div>
<p class=

Pacto Navio

This beautifully art directed site is for Pacto Navio, a Cuban rum distilled near Havana. The brand illustrations give it a distinctly Caribbean flavor, and sell the brand perfectly.

17-pacto-navio" width="1856" height="1280" srcset="http://www.guidsite.com/wp-content/uploads/2020/01/17-pacto-navio.jpg 1856w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/17-pacto-navio-300x207.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/17-pacto-navio-768x530.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2019/04/17-pacto-navio-1024x706.jpg 1024w" sizes="(max-width: 1856px) 100vw, 1856px"/></div>
</p></div>
																	</div>
														</div>
														<div class=

Taux: