On n'apprend pas toujours très bien comment avoir un portfolio en béton armé, et puis c'est une discipline qui évolue très vite. Du coup, vous aurez ici des tips de qualité pour mettre en forme votre travail.

Site Builder

• Il existe beaucoup d'outils pour construire un site sans coder. Voici une sélection de ceux que je trouve les plus complets et clairs :
• Relate est un outil à l'interface très similaire à Figma ou Sketch. Il est fait pour les designers qui codent ou les développeurs qui designent, car il mélange interface de design et éditeur de code avec brio.
Avantages
Code modifiable en live, outil capable de tout ce que fait HTML/CSS/JS
Pas cher (15$/mois) avec un Free Plan suffisant pour un portfolio
Une roadmap publique claire qui avance vite
Inconvénients
Demande une connaissance du HTML/CSS/JS pour révéler son potentiel
Encore beaucoup de features en "Coming soon"
Pas de gestion e-commerce ou CMS
 
• ReadyMag est un outil russe 🇷🇺 (c'est assez rare pour être souligné) très simple et très intuitif, où on ne s'embarrasse pas de la complexité du code. C'est un outil de design très adapté pour les créatifs, pensé comme un outil de création.
Avantages
Très simple à utiliser, très intuitif
Offre des possibilités créatives uniques grâce à l'animation
Pas cher (16$/mois) avec un Free Plan suffisant pour un portfolio
Inconvénients
Pas adapté à l'e-commerce malgré un module Ecwid/Stripe
Peut comporter des bugs mineurs / être parfois lent
Le support est lent et la communauté n'est pas très active
Faible gestion du responsive (il faut le faire à la main)
 
• Studio est un outil japonais 🇯🇵 (c'est aussi rare que l'outil russe) à l'interface épurée et très facile à prendre en main.
Avantages
Très simple à utiliser, l'interface va a l'essentiel et supprime la complexité du code
Gestion CMS de blogging
Offre des possibilités créatives uniques grâce à l'animation
Une série de tutoriels Youtube très complète
Le moins cher : Free Plan permissif et Basic Plan à 9$/mois
Inconvénients
Seulement disponible sur Google Chrome
Pas adapté au e-commerce
 
• Webflow est le leader actuel des site builders car c'est le plus complet des outils.
Avantages
L'outil le plus complet, on peut tout faire avec : sites, e-commerce, CMS...
La communauté est très active, les tutoriels sont nombreux.
Inconvénients
Trop cher. 35$/mois pour des projets illimités + 29$/mois pour de l'e-commerce
Demande une connaissance du HTML/CSS/JS pour révéler son potentiel
Interface très compliquée à prendre en main, nécessite une longue learning curve
 

• Taken.to vous permet de construire une page ultra simple de type Linktree (pour Instagram par exemple)

Questions pour une Design Critique

• What is the user journey to get here ? Answer : Context, user, use, why

• What do we want users to feel and achieve here ? Answer : Emotions, Successful outcomes

• How important is the page / experience ? Answer : Prioritized solutions

• What is our scope / timeline / team ? Answer : Best compromise to seek

• For every design change, am I confident it is better than what currently exists ? Answer : Comparing after and before regarding needs & wills

• What can we remove from this experience and have it works just as well ? Answer : Synthesis & optimize

• If we could throw out constraints away, would we still design it like this ? Answer : Idealize

Inspirations

• Collection de portfolios inspirants : OGimages.gallery, Bestfolios

• Des portfolios stylés et bien construits : Robin Noguier, Thomas Gauthier, Hiroo Aoyama, Kyle Decker, Jen Lu, Vladimir Gruev, Nick Jones

• ColorQuote est un mélange entre un color picker et un font pairing que j'aime beaucoup pour trouver rapidement des ambiances

• Des exemples de case study complets : Buying a metro ticket in Paris,

• An effective product design portfolio

• Design Better Portfolios