Internet regorge de milliers de portfolios de design web, et parvenir à capter l’attention d’un employeur dans cette niche saturée peut être un défi de taille.
Pour se démarquer dans ce domaine concurrentiel, il est important d’avoir un portfolio qui en jette. Nous avons précédemment abordé l’importance des portfolios de développement web, et fourni un ensemble de conseils qui peuvent vous aider à créer un portfolio gagnant.
Aujourd’hui, nous mettons en avant ceux qui n’ont pas besoin d’aide pour créer des portfolios époustouflants. Dans cet article, vous trouverez 21 sites portfolios exceptionnels créés par des designers indépendants et des studios de création du monde entier — chacun présentant un attribut le rendant particulièrement spécial. Voyons pourquoi ils sont aussi inspirants.
Développez votre activité en tant que partenaire Shopify
Mettez votre activité en face de 800 000 marchands. Gagnez plus et créez votre meilleur travail en misant sur un partenariat gagnant. Inscrivez-vous gratuitement dès aujourd’hui.
Démarrer1. Robby Leonardi
Portfolio : rleonardi.com
Ce qui le rend spécial : Robby incorpore une expérience interactive dans son portfolio.
De quoi s’agit-il : si vous pensez que les portfolios ne servent qu’à énumérer des faits, ce portfolio pourrait vous surprendre. Robby a trouvé un moyen créatif d’afficher des informations plutôt sèches : il a présenté son site portfolio comme un jeu vidéo auquel le visiteur peut réellement jouer. Ce portfolio de design interactif incroyablement divertissant vous fera défiler les réalisations avec le sourire.
2. Yul Moreau
Portfolio : y78.fr
Ce qui le rend spécial : Yul crée une atmosphère vraiment unique sur son site.
De quoi s’agit-il : le site de Yul Moreau est un excellent exemple en matière d’utilisation de visuels qui stimulent l’engagement utilisateur. Il s’inspire des années 1980, et consacre en fait tout son portfolio à cette époque. Une mise en page unique avec des vidéos intégrées, des images, et des effets de défilement intelligent illustrent parfaitement son expérience et sa palette de compétences.
3. Daniel Spatzek
Portfolio : danielspatzek.com
Ce qui le rend spécial : Daniel démontre ses compétences en webdesign et en conception graphique.
De quoi s’agit-il : à la fois graphiste et designer web, Daniel démontre ses compétences avec brio dans son portfolio. En utilisant de nombreuses animations et astuces CSS, il donne vie à tous les composants de son portfolio pour créer une expérience très dynamique.
4. ToyFight
Portfolio : toyfight.co
Ce qui le rend spécial : ToyfFight se caractérise par une palette de couleurs vives qui captent immédiatement l’attention du visiteur.
De quoi s’agit-il : ce magnifique portfolio minimaliste et facile à consulter est un régal pour les yeux. La combinaison de design minimaliste et de couleurs vives crée une atmosphère de créativité, et encourage les visiteurs à passer plus de temps sur le site.
5. Studio Schurk
Portfolio : studioschurk.nl
Ce qui le rend spécial : Studio Schurk utilise les illustrations et l’humour pour engager les visiteurs.
De quoi s’agit-il : le duo spécialiste des animations de Studio Schurk montre son sens de l’humour à travers son site portfolio. En faisant défiler vers le bas, vous verrez des animations intéressantes et amusantes qui mettent en valeur le talent des créateurs.
6. Rezo Zero
Portfolio : rezo-zero.com
Ce qui le rend spécial : Rezo zero fournit des études de cas complètes pour divers projets.
De quoi s’agit-il : Rezo Zero est un studio de création spécialisé dans la stratégie de marque et la création digitale. Le portfolio ressemble à un magazine digital — il regorge de belles images et de polices de caractères judicieusement choisies. Mais ce qui le rend encore plus intéressant, ce sont les études de cas détaillées et soigneusement rédigées pour chaque projet.
7. Wokine
Portfolio : wokine.com
Ce qui le rend spécial : Wokine incorpore les dernières tendances en matière de design visuel.
De quoi s’agit-il : un écran divisé en deux — c’est l’une des nouvelles tendances en matière de design visuel. Wokine intègre de façon parfaite cette technique dans la conception de sa page d’accueil. Le portfolio lui-même est ultraminimaliste, et se caractérise par des zones très espacées et des palettes de couleurs simples. Cette mise en page crée une bonne hiérarchie visuelle et permet de saisir ce qui est important en un coup d’œil.
8. Legwork Studio
Portfolio : legworkstudio.com
Ce qui le rend spécial : les illustrations animées permettent à Legwork de se démarquer.
De quoi s’agit-il : Legwork est un studio indépendant spécialisé dans la création d’expériences interactives et animées. La plupart des nouveaux visiteurs sont impressionnés par l’animation originale de la page d’accueil qui sort presque de l’ordinaire.
9. Hannah Purmort
Portfolio : hannahpurmort.com
Ce qui le rend spécial : Hannah combine les images et les couleurs pour capter l’attention des visiteurs.
De quoi s’agit-il : Hannah Purmort est une designer web qui pense que le design doit rapprocher les gens. Son site est un exemple à suivre en matière d’utilisation d’images et de couleurs à des fins de communication — elle utilise la couleur rouge pour l’expérience de découverte et la navigation.
10. Werkstatt Wundersite
Portfolio : werkstatt.fr
Ce qui le rend spécial : Werkstatt Wundersite affiche un portfolio qui démontre un équilibre parfait entre fonctionnalité et esthétique.
De quoi s’agit-il : ce n’est pas parce qu’un site portfolio doit être bien conçu qu’il doit forcément être extravagant. En fait, de nombreux sites portfolios particulièrement efficaces se caractérisent par une conception minimaliste. Werkstatt Wundersite en est un excellent exemple. Le site est classiquement minimaliste, et se caractérise par beaucoup d’espace blanc et des caractères de grande taille. La grande attention au détail est ce qui distingue vraiment ce portfolio.
11. Tim Smith
Portfolio : mypoorbrain.com
Ce qui le rend spécial : Tim a créé une mise en page sous forme de cartes qui est très conviviale.
De quoi s’agit-il : le designer et artiste londonien Tim Smith présente son portfolio d’une façon simple, mais étonnante. La mise en page basée sur des cartes avec des effets d’animation subtiles engage immédiatement l’utilisateur. Tim utilise des effets animés intéressants, comme des titres découpés pour chaque réalisation, qui disparaissent lorsque l’utilisateur les survole.
12. Lounge Lizard
Portfolio : loungelizard.com
Ce qui le rend spécial : le portfolio de Lounge Lizard crée une atmosphère détendue.
De quoi s’agit-il : il est difficile de donner à un site un aspect à la fois professionnel et ludique sans qu’il paraisse banal. Lounge Lizard parvient facilement à gérer cet équilibre. Le portfolio regorge d’études de cas et d’informations détaillées qui sont présentées de façon conviviale.
Développez votre activité en tant que partenaire Shopify
Mettez votre activité en face de 600 000 marchands. Gagnez plus et créez votre meilleur travail en misant sur un partenariat gagnant. Inscrivez-vous gratuitement dès aujourd’hui.
Démarrer13. STRV
Portfolio : strv.com
Ce qui le rend spécial : STRV utilise des vidéos pour donner aux visiteurs un aperçu du fonctionnement de l’agence.
De quoi s’agit-il : STRV est une agence digitale spécialisée dans la création d’expériences mobiles. L’agence se présente avec des vidéos. Une vidéo d’arrière-plan présente la façon dont les membres de l’équipe travaillent. Une vidéo en plein écran s’affiche après le clic sur le bouton de lecture et décrit le processus en détail.
14. Femme Fatale
Portfolio : femmefatale.paris
Ce qui le rend spécial : ce site portfolio dégage une aura de luxe.
De quoi s’agit-il : Femme Fatale est un studio de création axé sur la conception d’œuvres d’art. L’équipe joue à la fois sur la sophistication et la simplicité, et son portfolio reflète parfaitement ce ton : un aspect sophistiqué est créé à travers des images percutantes, des palettes de couleurs qui tendent vers le noir, et des polices de caractères nettes.
15. Tobias Ahlin
Portfolio : tobiasahlin.com
Ce qui le rend spécial : Tobias laisse ses réalisations parler d'elles-mêmes.
De quoi s’agit-il : Tobias Ahlin va droit au but dans son portfolio : « Je conçois et développe des produits digitaux ». Pour présenter son travail, il utilise des animations et une mise en page minimaliste structurée avec des cartes. Chaque étude de cas renvoie directement vers la réalisation finale.
16. Stink Studio
Portfolio : stinkstudios.com
Ce qui le rend spécial : Stink Studio présente une large panoplie de projets.
De quoi s’agit-il : la mission de Stink Studio est d’aider les gens à réussir dans la culture digitale. Le studio met en avant ses projets dans une mise en page en briques. La liste des projets comprend des sites web, des campagnes promotionnelles, et même des expériences de réalité virtuelle et des vidéos en 360 degrés.
17. Bert
Portfolio : bert.house
Ce qui le rend spécial : Bert utilise une mise en page avant-gardiste.
De quoi s’agit-il : le studio de création Bert, basé aux Pays-Bas, présente ses réalisations dans les domaines du branding, du design et du développement de façon amusante et engageante. L’équipe utilise une page d’accueil avant-gardiste divisée en deux parties interactives, et présente ses réalisations dans une mise en page structurée sous forme de fiches.
18. Sean Halpin
Portfolio : seanhalpin.io
Ce qui le rend spécial : Sean injecte toute sa personnalité dans son portfolio.
De quoi s’agit-il : un portfolio est bien plus qu’une liste de projets. C’est un actif qui vous permet de mettre en avant vos compétences et votre personnalité en tant que personne créative. Le site portfolio de Sean Halpin accomplit parfaitement cela. Sean a créé non seulement un portfolio, mais également un petit monde vert dans lequel vous pouvez découvrir comment il peut vous aider à construire le site de vos rêves.
19. Patrick David
Portfolio : bepatrickdavid.com
Ce qui le rend spécial : Patrick réussit à intégrer tout son portfolio dans une seule page.
De quoi s’agit-il : le portfolio de Patrick est un excellent exemple de site web composé d’une seule page longue à défiler. Les visiteurs font défiler la page au-delà de la magnifique section d’accueil pour découvrir des exemples de projets sur lesquels Patrick a travaillé. La page débouche sur un lien de contact direct. Simple, mais efficace.
20. Stereo
Portfolio : stereocreative.com
Ce qui le rend spécial : Stereo se focalise sur la compréhension de la relation émotionnelle qui unit le consommateur avec la marque.
De quoi s’agit-il : l’agence londonienne Stereo Creative a créé un site portfolio minimaliste, mais impactant. Les projets de l’agence occupent une place centrale sur son portfolio. Plusieurs images en pleine largeur et riches en couleurs ainsi que des vidéos servent à montrer ce que l’équipe peut faire. Stereo vise à créer un lien émotionnel plus profond avec les visiteurs.
21. Steven Mengin
Portfolio : stevenmengin.com
Ce qui le rend spécial : Steven a su créer une introduction idéale pour son portfolio.
De quoi s’agit-il : Steven utilise des visuels puissants pour donner un aperçu immédiat de ses capacités. Lorsque les visiteurs accèdent au site web de Steven, la première chose qu’ils aperçoivent est un effet de paysage nuageux parfaitement animé. Un vrai plaisir pour les yeux.
Démontrez la substance de votre portfolio
La création d’un portfolio de design web est un projet qui demande beaucoup d’efforts (temps, apprentissage, itérations) — mais qui en vaut certainement la peine. Si vous réussissez le pari, votre portfolio démontrera l’étendue de vos capacités en tant que créatif professionnel, exposera votre processus de réflexion, et donnera aux employeurs ou aux clients potentiels un aperçu de ce que pourrait être la collaboration avec vous. Nous espérons que certains des exemples de portfolios partagés dans cet article vous encourageront à mettre à jour votre propre portfolio de design web.
Article publié par Aleks Ignjatovic
Aleks est la rédactrice en chef du blog de Shopify en français. Elle est responsable du marketing de contenu et de la localisation pour les marchés francophones chez Shopify.
Article original : Nick Babich
Traduction : Mehdi Chakir
Vous souhaitez contribuer au blog de Shopify en français ? Lisez nos conseils !
Vous avez des questions à propos de Shopify ?
Envoyez un e-mail à l’adresse suivante et notre équipe d’assistance technique vous répondra en français dès que possible :
assistance@shopify.com