34 des meilleures conceptions de sites Web pour vous inspirer en 2022
Publié: 2022-02-22Votre voyage d'inspiration de site Web commence ici.
Décider de créer une présence sur le Web est une décision importante, mais les meilleurs sites Web sont l'aboutissement de nombreuses petites décisions. Mais une décision majeure qui prend du temps, de la diligence et beaucoup d'inspiration est la conception de votre site Web.
Dans cet article, nous partageons quelques dizaines des meilleures conceptions de sites Web que nous avons vues. Cliquez sur les liens ci-dessous pour explorer les conceptions de sites Web qui l'ont écrasé au cours des dernières années. Nous avons également inclus une section bonus de designs tout simplement cool - alors jetez-y un coup d'œil aussi !
Où trouver votre inspiration de conception
Si vous voulez une inspiration de conception, la bonne nouvelle est que vous pouvez la trouver à peu près partout.
L'un des meilleurs moyens de trouver l'inspiration pour le design est de voyager. Lorsque vous visitez de nouveaux endroits, vous êtes obligé de sortir de votre zone de confort et de vivre quelque chose d'étranger.
Ce qui rend le design si intéressant, c'est que tout le monde le voit différemment et donc, il y a toujours plus à découvrir.
Une autre façon d'obtenir l'inspiration du design IRL est à travers les médias. Chaque jour, nous sommes inondés de contenu visuel. Nous prenons des décisions sur ce que nous aimons, ce que nous n'aimons pas, et continuons notre journée.
Mais que se passerait-il si vous étiez plus intentionnel sur la façon dont vous percevez ces interactions ? Vous pourriez en sortir avec des informations précieuses.
Vous ne pouvez pas non plus oublier de tirer parti des communautés de conception. Des conférences de conception aux forums Reddit, il existe des centaines de groupes qui peuvent offrir de l'inspiration ainsi que des conseils.
Maintenant que nous avons couvert certaines sources d'inspiration de conception IRL, couvrons les sources numériques.
Sources d'inspiration pour la conception de sites Web
1. La place de marché d'actifs de HubSpot
La place de marché d'actifs de HubSpot contient des centaines de modèles de sites Web que vous pouvez parcourir pour vous inspirer pour votre propre site Web.
La meilleure partie du marché est que vous pouvez affiner votre recherche par secteur et par fonctionnalité, ce qui vous permet de voir les modèles les plus pertinents.
Une fois que vous avez trouvé un modèle que vous aimez, vous pouvez afficher un aperçu en direct du site pour obtenir une expérience complète, puis le télécharger si vous décidez de l'utiliser.
2. Dribbler
Dribble est l'endroit où les designers se rendent pour s'inspirer et partager leur travail. Le site Web a tout, de l'animation et de l'image de marque à l'illustration et au mobile.
Source des images
Une fois que vous accédez à l'onglet "Conception Web" sur la page d'accueil, vous pouvez filtrer les résultats par jeu de couleurs, logiciel d'édition, période et balises.
De plus, si vous trouvez un designer dont le travail vous plaît, vous pouvez enregistrer le design pour référence future et suivre son travail pour voir d'autres designs sur son profil.
Il s'agit d'une ressource incroyable à utiliser, que vous partiez de zéro ou que vous ayez déjà un plan solide en tête.
3. Behance
Il s'agit d'une autre plate-forme numérique pleine d'inspiration créative à exploiter avant votre projet de conception de site Web.
Source des images
L'une des meilleures fonctionnalités de ce site est la possibilité de filtrer par emplacement. Cela vous permet de voir comment les designers de différentes régions diffèrent en termes de technique et de style.
Cela peut être particulièrement utile si vous concevez un site Web pour un marché étranger et inconnu. Vous pouvez obtenir des informations intéressantes en évaluant les décisions prises par les concepteurs de Behance.
4. Pttrns
Vous voulez vous concentrer sur la conception de sites Web mobiles ? Pttrns est l'endroit où aller.
Cette plate-forme par abonnement vous permet d'accéder à des milliers de modèles de conception mobiles et d'obtenir des conseils des meilleurs designers du monde entier.
Source des images
Les fonctionnalités supplémentaires de cette plate-forme incluent :
- Un dossier de favoris et de collections pour stocker vos créations préférées.
- Un studio pour échanger avec d'autres créateurs et obtenir des conseils.
- Un guide de conception pour comprendre la stratégie derrière les conceptions.
Meilleures conceptions de sites Web pour vous inspirer en 2022
- IBM
- Superliste
- Hyer
- Tamponnez le monde
- Nouveaux Américains
- Conception Spotify
- Andy Warhol
- Entreprise d'interaction humaine
- Soins de la peau Garoa
- 1917 : Dans les tranchées
- La pieuvre
- Tribu nomade
- Diana Danieli
- Travailleurs du bois de George Nakashima
- crypton.trading
- Sud-ouest : cœur du voyage
- Débordement
- Musée Frans Hals
- Chocolat tout simplement
- MAINTENANCE
- Gardiens de la forêt tropicale
- Vêtements de sport de protestation
- La guilde des professeurs
- Vierge Amérique
- Alimentation
- ETQ
- Mikiya Kobayashi
- Magazine tissé
- Le haricot de JOHO
- Monde de SUISSE
- Guillaume Tomassi
- Le quartier
- Tej Chauhan
- Amanda MartocchioArchitecture
Des sociétés familières aux petites entreprises, en passant par les organisations internationales, les sites suivants poussent le statu quo sur le Web. Qu'il s'agisse de l'esthétique du design, de la convivialité, de l'interactivité, de la conception sonore ou de la valeur que le site offre, chacun est un chef-d'œuvre dans son secteur respectif et quelque chose auquel aspirer.
Sans surprise, de nombreuses organisations existent pour mettre en valeur ces sites et les contributions qu'ils apportent au web. Pour aider à faire ressortir certaines des conceptions les plus inspirantes, j'ai rassemblé plusieurs lauréats qui ont fait leur chemin à travers plusieurs organisations de récompenses clés - y compris Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery et FWA.
En parcourant la liste, sachez que chaque site excelle à sa manière et cherche à servir un objectif unique. Alors qu'un site peut être un excellent exemple de conception visuelle, un autre peut être un excellent exemple d'interactivité.
Cela signifie que tous ces sites ne sont peut-être pas des « machines de conversion » ou des idées de plans que vous pouvez facilement copier sur votre site. Ce sont plutôt d'excellents moyens de s'inspirer de la conception de sites Web et de voir le marketing de pointe qui se produit dans les différents coins du Web.
Gardez à l'esprit que les conceptions Web sont fluides et changent souvent. Certains des modèles de cette liste ont changé depuis qu'ils ont été récompensés, mais nous faisons de notre mieux pour les tenir à jour. Nous sommes convaincus que vous trouverez ici un design qui stimulera votre créativité.
Lire la suite : 77 exemples de conception de sites Web incroyables
Téléchargez ce guide gratuit pour voir encore plus d'exemples de conceptions de blogs, de pages d'accueil et de pages de destination.
De beaux sites Web primés
Meilleures conceptions de sites Web de 2021
L'état harmonique d'IBM
Récompense : Site du mois (juillet 2021), Awwwards
Lorsque vous arrivez sur cette page Web IBM, il est clair de voir pourquoi la conception a remporté un prix.
Source des images
La meilleure façon de décrire le site Web est comme une expérience immersive. En fait, IBM utilise à la fois des éléments visuels et auditifs pour attirer le visiteur et le maintenir engagé.
Lorsque vous accédez pour la première fois à la page Web, vous êtes invité à mettre des écouteurs pour profiter pleinement de l'expérience. Même si vous sautez cette étape, vous êtes attiré par l'arrière-plan interactif qui réagit lorsque votre souris navigue sur la page.
De plus, la page est bien équilibrée avec un gros titre qui attire votre attention face à une petite description avec un CTA bleu audacieux.
Avec un sujet aussi complexe que l'IA, IBM utilise alors la narration visuelle pour expliquer comment son outil Watson fonctionne dans le monde réel. Les visiteurs peuvent explorer trois histoires à travers des fonctions de type jeu vidéo et en savoir plus sur l'outil.
C'est un moyen amusant et efficace d'impliquer les utilisateurs dans un sujet qui peut être compliqué et sec.
Superliste
Récompense : Site du mois (avril 2021), Awwwards
Superlist est une application de productivité qui aide les équipes et les individus à changer leur façon de travailler.
Trop souvent, vous arrivez sur un site Web et devez comprendre en quoi consiste la marque. Avec Superlist, vous savez exactement à quoi vous attendre dès que vous arrivez sur la page d'accueil.
Source des images
La page d'accueil interactive affiche les accessoires de travail courants, comme les écouteurs et le clavier avec une copie claire et précise.
Superlist utilise efficacement l'espace blanc pour garder le focus sur sa copie. Cependant, pour faciliter la navigation, ils incluent un petit bouton avec une icône de flèche pour indiquer qu'il y a plus à voir sur la page une fois que vous faites défiler.
À partir de là, les visuels amusants continuent - vous gardant engagé pendant que vous en apprenez plus sur la marque.
Hyer
Récompense : Site Web du mois (2022), CSS Design Awards
Vous voulez faire forte impression sur les visiteurs de votre site Web ? Prenez une page du livre de Hyer.
Source des images
Cette illustration frappante de l'avion, alors qu'il se déplace lentement sur l'écran, ne manquera pas d'attirer l'attention des visiteurs du site Web.
Cette page contient tout ce dont vous avez besoin pour une page d'accueil efficace : une image qui raconte une histoire mais qui n'est pas trop distrayante, l'utilisation d'espaces blancs, une barre de navigation facile, un slogan ou un slogan et un CTA clair.
C'est un design épuré qui est exempt de toute distraction et invite les visiteurs à en savoir plus sur la marque.
Meilleures conceptions de sites Web de 2020
Tamponnez le monde
Prix : Site du jour (2020), Awwwards
La parallaxe, les couleurs vives et l'espace négatif façonnent la conception et l'expérience du site Web de Swab the World. L'organisation sensibilise aux dons de cellules souches. Leur mission est de «s'assurer que chaque patient trouve son partenaire. Période." Les photos de couples montrant amour et émotions apportent un élément humain à un processus historiquement complexe et scientifique.
D'un point de vue technique, la conception rend naturel le déplacement vers le bas de la page, garantissant que les lecteurs atteignent chaque point de copie et chaque CTA sur la page d'accueil.
Source des images
Nouveaux Américains
Prix : Mention honorable (2020), Awwwards
Une organisation ayant une responsabilité aussi importante que le respect des identités migrantes passées, présentes et futures a besoin d'un site Web beau et fonctionnel pour aider à faire passer le message. Les nouveaux Américains défendent les expériences des immigrants dans les villes de l'État du New Jersey. Le site Web utilise de belles images de personnes, de lieux et d'objets qui représentent cette expérience d'une manière cohérente sur la page d'accueil, racontant l'histoire de ce groupe de nouveaux citoyens américains.
Le site Web est à la fois visuellement attrayant et fonctionnel avec un menu de navigation simple, des histoires organisées par photos et une page de presse propre qui met les articles les plus récents au premier plan.
Source des images
Conception Spotify
Prix : Mention honorable (2020), Awwwards
Spotify est connu pour accomplir sa juste part d'exploits incroyables, et sa dernière itération de Spotify.Design n'est pas différente. Servant de plaque tournante pour tout ce qui est visuel et créatif pour Spotify, le géant de la musique et des podcasts donne aux auditeurs un aperçu de qui, quoi, pourquoi et comment de ce qui rend l'application si sensationnelle.
Des couleurs vives, des ombres portées et des animations fluides donnent du caractère et de la profondeur à ce site Web. Les motifs géométriques plats aux accents abstraits font pratiquement sauter les albums et les artistes hors de l'écran.
Source des images
Andy Warhol
Prix : Mention honorable (2020), Awwwards
La vie de l'artiste, réalisateur et producteur Andy Warhol sera à jamais résumée dans un site Web magnifiquement conçu qui capture son style artistique dans un format numérique. Au fur et à mesure que vous parcourez la page, votre curseur devient un projecteur qui convertit chaque image sur laquelle vous survolez en une image négative ou inverse les couleurs du texte que vous lisez.
Le gros texte en gras fait une déclaration et souligne à quel point la copie est importante pour la conception de sites Web. Des animations subtiles aident à rythmer le site et à donner le ton à chaque section lorsque vous parcourez la page d'accueil.
Source des images
Entreprise d'interaction humaine
Récompense : Site Web d'entreprise (2020), Red Dot
Pour voir une vidéo réalisée directement sur un site Web, ne cherchez pas plus loin que la Human Interaction Company. A partir du moment où vous cliquez sur le site, l'expérience est ultra rapide. Vous êtes plongé directement dans l'action - le pourquoi, le quoi et le comment de l'interaction humaine et ce que fait exactement l'équipe.
Ce lauréat du Red Dot Design Award vise à apporter l'étude de l'interaction humaine au plus grand nombre et, ce faisant, à nous montrer à quel point il peut être intéressant d'en apprendre davantage. Ne vous laissez pas décourager par leur statut de récompense – aucune des photos sur ce site n'est photoshoppée, c'est donc un exemple pratique de la qualité de construction avec les ressources dont vous disposez.
Source des images
Soins de la peau Garoa
Prix : Site du jour (2020), Awwwards
Comment transformer le sentiment de luxe et de praticité en un site Web ? Garoa Skincare fournit un plan. Que votre produit coûte la moitié du prix de votre concurrent le plus proche ou le double du prix, votre site peut apporter un sentiment d'extravagance à presque tous les produits que vous vendez.
Des visuels de haute qualité, des polices de caractères qui se complètent et un équilibre entre l'espace négatif et une copie utile peuvent apporter une élégance simpliste à votre site Web.
Source des images
Meilleures conceptions de sites Web de 2019
1917 : Dans les tranchées
Prix : Meilleur site Web du jour d'Awwwards (2019)
Ce site Web, créé pour promouvoir le film 1917, vous permet de vous promener dans les tranchées et d'accomplir la même mission que les personnages du film. Vous pouvez également voir leurs cartes ou accéder à d'autres outils.
Il s'agit d'un excellent exemple de site qui est allé au-delà de l'interactivité ainsi que d'un site qui tire parti de son contenu et de son scénario pré-écrit pour commercialiser son film. Ce site Web a remporté le prix du site du jour par Awwwards, ce qui permet aux concepteurs de voter et de nommer de superbes sites Web qu'ils consultent quotidiennement.
Source des images
The Octopus : un blog de design par IDEO
Récompense : Blog d'entreprise/Site Web 2019 Prix Webby
IDEO, une entreprise de design mondiale, a remporté le prix Business Blog/Website 2019 Webby pour son blog Octopus, et pour cause. Le blog présente un dessin Octopus élégant en noir et blanc comme conception de page d'accueil et utilise du jaune, du noir et du blanc pour créer un thème cohérent lorsque vous faites défiler.
Si vous survolez un article de blog, le titre est surligné en jaune. Si vous survolez une image, l'image est attirée vers vous - deux petites fonctionnalités qui font une grande différence en termes de création d'une expérience utilisateur unique et attrayante.
Source des images
Tribu nomade
Récompense : Nomination du site de l'année aux Awwwards (2019)
Ce site, qui a été nominé pour le site de l'année des Awwards, est l'un des sites les plus attrayants que j'ai vus.
La page d'accueil commence immédiatement à diffuser une vidéo époustouflante mettant en scène un homme marchant dans un désert, suivie de magnifiques scènes de paysage et de textes tels que "Avez-vous la chance de vous appeler un aventurier ?"
Le texte sur tout le site Web est ludique, avec des roses, des oranges et des jaunes colorés, et la page d'accueil est conçue de manière logique, avec des CTA placés dans cette gamme au niveau de l'engagement, de "Lire la suite" à "Regarder maintenant" et, enfin, "Télécharger le appli ».
En fin de compte, le site Web est magnifiquement conçu avec une grande attention aux détails et raconte une histoire fascinante tout au long.
Source des images
Diana Danieli
Récompense : Webby 2019
Ce site Webby primé en 2019 présente des images d'art et d'architecture avec un contraste élevé ou une forte exposition. En tant que visiteur du site Web, vous pouvez cliquer et faire glisser votre souris pour modifier les photos et les variations. Chaque image montre une œuvre qui met en valeur l'artiste propriétaire du site Web.
Un avantage intéressant de ce site Web est son incorporation d'audio et de musique. Cliquer sur certains boutons du scénario fait jouer une note de piano et vous plonge véritablement dans l'expérience Diana Danieli.
Source des images
Travailleurs du bois de George Nakashima
Récompense : Webby 2019
Ce site Web sur le travail du bois met l'accent sur la nature et le soin pour le métier du travail du bois. Il s'agit essentiellement d'un diaporama de belles images forestières et agricoles. Lorsqu'une nouvelle image apparaît à l'écran, une nouvelle citation liée au bois ou aux arbres apparaît également.
C'est incroyablement relaxant pour le visiteur et montre que les menuisiers reconnaissent la beauté des arbres et de l'environnement. Ce site Web a également remporté un Webbie en 2019.
Source des images
Meilleures conceptions de sites Web de 2018
crypton.trading
Récompense : Site du jour (03/04/2018), Awwwards
Rencontrez crypton.trading, votre robot comptable.
Crypton.trading est une plateforme commerciale pour les crypto-monnaies telles que Bitcoin, utilisant l'intelligence artificielle pour prédire les changements de valeur d'une devise et identifier les principales opportunités d'achat et de vente. Le site Web a reçu une note élevée pour son développement et sa conception, car il explique progressivement davantage les méthodes du développeur au fur et à mesure que les visiteurs descendent.
Ce site Web primé permet aux visiteurs férus de technologie de se sentir comme chez eux dès que la salutation de Crypton apparaît sur la page d'accueil, une lettre à la fois.
Source des images
Sud-ouest : cœur du voyage
Prix : Meilleur design visuel – Esthétique, Webby Awards 2018
Lorsque Southwest Airlines a voulu prouver que ses clients étaient "plus qu'un simple signe dollar", la société a créé un site Web où le design a été assemblé en utilisant les formes des trajectoires de vol de leurs clients.
Le site Web, appelé Heart of Travel, permet même aux visiteurs de créer leurs propres œuvres d'art à partir d'un voyage qu'ils pourraient envisager de faire. De cette façon, le site Web de Southwest est un produit de ses passagers les plus fidèles.
Source des images
Débordement
Prix : Site du jour (20/03/2018), meilleure galerie de sites Web
Overflow est un outil de conception qui permet aux particuliers et aux entreprises de créer des diagrammes de flux ressemblant à des histoires de leurs idées afin qu'elles soient plus faciles à comprendre pour les autres. En plus de n'être qu'un bon service, le site Web Overflow pratique ce qu'il prêche : avec des boutons d'appel à l'action rouges vibrants pour télécharger l'outil, ce site Web fait la promotion de son produit de la meilleure façon qu'il sait - en utilisant un diagramme de flux.
Le site Web fournit ce diagramme de flux sous la forme d'une vidéo. Alors que les vidéos intégrées peuvent sembler plutôt maladroites au milieu des autres éléments de conception d'un site Web, Overflow est parfaitement placé et exactement ce que vous voudriez voir lorsque vous atterrissez sur le site pour la première fois.
Source des images
Musée Frans Hals
Récompense : Site de l'année (2018), Awwwards
Il peut être difficile pour un musée de présenter toutes ses œuvres d'art sur un site Web cohérent. C'est ce qui rend le site Internet du musée Frans Hals si impressionnant.
Situé aux Pays-Bas, ce musée a créé un site Web qui utilise une combinaison d'éléments de conception numérique et ses propres expositions. Ce mélange aide les visiteurs à comprendre ce qu'ils verront, quand ils pourront le voir et où ils pourront avoir un avant-goût de ce que ce musée a à offrir.
Source des images
Meilleures conceptions de sites Web de 2017
Chocolat tout simplement
Récompense : Site de l'année (2017), Awwwards
Vous aurez envie de chocolat rien qu'en regardant ce site Web - et d'une certaine manière, c'est le site Web de Simply Chocolate qui fonctionne comme prévu.
Ce site appétissant est celui d'un chocolatier danois Simply Chocolate. Son site Web utilise une variété de couleurs (et de noms de produits créatifs) pour promouvoir chaque barre de chocolat. Et lorsque vous faites défiler d'un produit à l'autre, ils semblent tous rester cohérents dans la marque.
L'apparence tridimensionnelle de chaque barre de chocolat vous donne l'impression de pouvoir la saisir sur l'écran de votre ordinateur, tandis que le CTA "Ajouter à la boîte" en haut à gauche est idéalement placé pour que les utilisateurs puissent sélectionner les produits qu'ils souhaitent tout en naviguant.
Source des images
MAINTENANCE
Prix : Meilleur blog/site Web culturel, Webby Awards 2017
NOWNESS est peut-être le blog vidéo crowdsourcé le plus cool sur Internet. C'était une bouchée… qu'est-ce que tout cela signifie?
Le crowdsourcing de NOWNESS fait partie de ce qui en fait un lauréat. Cela signifie que la plupart de son contenu provient de créateurs indépendants - un moyen de plus en plus populaire pour les entreprises de publier du contenu.
NOWNESS est également une chaîne vidéo, ce qui signifie que tout le contenu de son blog est au format vidéo. Ensemble, ces qualités contribuent à faire de Nowness une plaque tournante captivante pour les histoires que les marques du monde entier s'efforcent de raconter.
Source des images
Meilleures conceptions de sites Web de 2016
Gardiens de la forêt tropicale
Prix : Meilleur site Web d'activisme, Webby Awards 2016
Rainforest Guardians est devenu l'un des sites Web à but non lucratif les plus immersifs de 2016. Cherchant à sensibiliser le public à la déforestation, le site permet aux utilisateurs de "visiter" les différents villages, indigènes et cours d'eau qui composent la forêt amazonienne.
Le site place l'interactivité au centre de son expérience utilisateur - un choix judicieux si votre objectif est d'amener les gens à se connecter à votre cause et à se convertir en bénévoles.
Source des images
Vêtements de sport de protestation
Récompense : Site de l'année (2016), Awwwards
Les Awwwards appellent Protest Sportswear un "lookbook achetable", et c'est exactement ce qu'est ce site. En tant que fournisseur de vêtements, cette entreprise a réinventé la façon dont elle commercialise son produit : plutôt que de promouvoir des vêtements, Protest Sportswear promeut le "look".
Cela fait du produit de l'entreprise la partie la plus attrayante du site Web lui-même, en utilisant un collage de styles pour concevoir une page d'accueil qui change aussi souvent que les styles de ses clients.
Source des images
La guilde des professeurs
Prix : Meilleur site Web d'association, Webby Awards 2016
La Guilde des enseignants est une communauté professionnelle d'éducateurs qui aborde certains des défis les plus critiques de l'éducation. Ce qui rend ce site Web primé, c'est la façon dont il équilibre divers types de contenu - programmes, solutions, approches et collaborations - sans submerger les visiteurs.
Non seulement les visuels d'arrière-plan sont placés bien en évidence, mais ils utilisent également un espace blanc pour souligner les appels à l'action écrits au centre, comme le montre la capture d'écran ci-dessous.
Source des images
Meilleures conceptions de sites Web de 2015 à 2014
Vierge Amérique
Prix : Évolution la plus significative de l'industrie, 2014 UX Awards
Dans un monde où les sites Web des compagnies aériennes sont connus pour être criblés de problèmes d'utilisation majeurs, Virgin America possède l'un des meilleurs sites Web qui fait avancer la convivialité, l'accessibilité et la conception réactive.
Source des images
Alimentation
Récompense : Site du jour (6/6/2015), Awwwards
Non seulement Feed est un concept intéressant, mais il a également une exécution étonnante qui remet en question notre compréhension de ce qui est possible sur le Web. Grâce à un mélange créatif d'animation et de vidéo, le site plonge l'utilisateur dans une expérience engageante.
En tant que site atypique, il contient plusieurs éléments de convivialité uniques, y compris la navigation qui se double d'une barre de progression de défilement.
Source des images
ETQ
Récompense : Site du jour (19/05/2015), Awwwards
ETQ adopte une approche minimaliste du commerce électronique avec un site épuré. De grands visuels convaincants de leur produit reposent sur des arrière-plans simples et plats accompagnés d'une typographie forte qui met l'accent sur exactement ce que l'utilisateur est venu voir : des chaussures.
Source des images
Mikiya Kobayashi
Récompense : Site du jour (04/07/2015), Awwwards
Mikiya est un concepteur de produits avec un portefeuille minimaliste qui présente son travail à travers des photographies fortes et des animations subtiles. Son site complet a été créé à l'origine en japonais, puis traduit en anglais, ce qui a permis de démontrer l'évolutivité internationale de sa conception.
Source des images
Magazine tissé
Récompense : Site du jour (4/4/2015), Meilleure galerie de sites Web
Woven est une publication en ligne qui célèbre les artistes, les artisans et les créateurs. Ils confirment que les publications peuvent (et doivent) avoir de beaux sites attrayants avec un contenu facile à lire. Sans distractions comme les pop-ups et les publicités intrusives, ce site est entièrement consacré à l'expérience du contenu lui-même.
Source des images
Le haricot de JOHO
Récompense : FWA du jour (07/08/2015), Prix du site Web préféré
Le site Web de JOHO's Bean propose des images, une interactivité, une narration, une conception visuelle et, surtout, une ingénierie sonore incroyables. Tous ces éléments sont réunis pour créer un site captivant, émotionnel et engageant qui raconte l'histoire du voyage d'un grain de café.
Source des images
Monde de SUISSE
Récompense : Meilleure interface utilisateur, Webby Awards 2015
Une autre compagnie aérienne ? Ouais. Les compagnies aériennes SWISS ont construit un site incroyablement immersif qui raconte l'histoire de ce que c'est que de voler avec elles - et elles ont fait un travail trop important pour être ignorées. Des visuels et des animations forts présentent à l'utilisateur différentes sections du site qui regorgent d'informations au-delà de l'argumentaire de vente et de marketing habituel.
Source des images
Autres conceptions de sites Web sympas
Guillaume Tomassi
En tant que photographe à Montréal, Guillaume Tomasi a construit un portefeuille qui est vraiment adapté pour abriter sa photographie unique et impressionnante. Son style photo surréaliste est juxtaposé à sa conception de portefeuille simple, plate, vide et minimaliste qui met l'accent sur le travail lui-même.
Sa navigation unique dans les séries couplée à des introductions d'œuvres inspirées des galeries d'art et à des interactions de défilement parfaites donne une expérience qui rappelle celle d'une vraie galerie.
Source des images
Le quartier
Cette agence de branding prend son imagerie au sérieux, et elle le devrait - elle gère tous les canaux de médias pour ses clients. Le site Web du district est à lui seul un voyage à travers certaines des plus belles œuvres d'art et photographies que vous ayez jamais vues.
Ces tuiles provocantes changent rapidement au fur et à mesure que vous explorez le site Web, et plus elles semblent farfelues, plus vous vous intéressez à en savoir plus sur leur travail passé.
Source des images
Tej Chauhan
Tej Chauhan a transformé l'œuvre d'art impressionniste en un modèle commercial avec ce site Web intrigant. Chaque image sur la page d'accueil de ce développeur de produit glisse pour couvrir l'image précédente, offrant peu de contexte autour de l'objet que vous voyez maintenant devant vous. Mais c'est ce manque de contexte qui donne envie d'en savoir plus.
De plus, le slogan, "Souvenirs du futur proche", suggère que ces objets font partie de leur gamme de produits - et une opportunité pour vous d'apporter ces objets innovants dans votre vie.
Source des images
Vous voulez un look similaire pour votre site Web? Découvrez la nouvelle collection de thèmes CMS Hub sur le marché Envato.
Amanda MartocchioArchitecture
Un cabinet d'architecture n'est peut-être pas spécialisé dans le développement Web, mais son site Web doit tout de même démontrer son engagement envers une conception visuellement agréable. Amanda Martocchio a pris cela à cœur avec ce magnifique site Web.
Ce n'est un secret pour personne qu'Amanda Martocchio Architecture aime son travail - chaque image sur la page d'accueil de son site Web est une photo enchanteresse des maisons conçues par l'entreprise. Le site Web étiquette chaque maison que vous parcourez avec le type de conception qui était prévu, ainsi que de nombreux angles pour chaque bâtiment.
Source des images
Idées de conception de site Web
Maintenant que vous avez vu un certain nombre de plates-formes magnifiquement conçues et primées, gardez ces idées potentielles à l'esprit lorsque vous créez la vôtre.
- Envisagez des moyens de rendre votre site Web interactif, comme dans l'exemple de 1917.
- Créez un site Web qui met l'accent sur l'expérience mobile, même s'il a toujours un bon UX sur les ordinateurs de bureau.
- Créez un site Web qui raconte une histoire sur votre marque avec des photos, du texte ou une vidéo.
- Si vous ne pouvez pas créer un site fortement interactif, envisagez de dessiner dans les yeux avec un site qui présente un diaporama de vos photos.
- Assurez-vous que vos appels à l'action sont faciles à voir et encouragez les visiteurs à continuer à explorer votre site
- Gardez la navigation propre. Assurez-vous que vos visiteurs savent toujours comment revenir à la page d'accueil.
- Intégrez vos sites de médias sociaux via des boutons d'intégration sociale, afin que les visiteurs du site puissent facilement vous suivre sur vos différents canaux sociaux.
- Gardez chacune de vos pages Web cohérente dans la conception, y compris la police, les couleurs, les images et les messages.
- Testez la convivialité de votre site Web avec une carte thermique, qui vous montrera sur quelles pages Web vos visiteurs sont les plus susceptibles de rebondir.
- Incluez un chat en direct ou un chatbot pour donner aux visiteurs la possibilité de dialoguer directement avec vous sur votre site Web s'ils préfèrent le chat en direct aux appels téléphoniques. Le chat en direct peut automatiser des fonctions pour vos commerciaux et vos commerciaux et créer une meilleure expérience de communication pour le client.
- Obtenez un certificat SSL pour vous assurer que votre site Web est sécurisé. SSL fait partie de l'algorithme de classement de recherche de Google, donc un certificat SSL peut vous aider à vous classer plus haut dans la recherche.
Créez un beau site Web pour votre entreprise
La conception d'un site Web peut être simple une fois que vous avez un look and feel à l'esprit. Utilisez ces exemples comme tremplin pour développer la mise en page, la palette de couleurs, les images et les animations de votre site Web.
Une fois que vous êtes prêt à commencer à coder ou à glisser-déposer, vous aurez un beau site Web que vos visiteurs apprécieront.
Note de l'éditeur : cet article a été initialement publié en janvier 2021 et a été mis à jour pour être complet.