Salut à tous !

Pour élargir mon couteau suisse et essayer d'autres choses que Webflow, je suis en train de réaliser mon second projet sur Framer : mon portfolio.

Voici la page du chantier : https://nschcreation-beta.framer.website (site terminé et publié)

Le lien : https://nschcreation.io

Mon Porfolio actuel a été codé à la main en langage front (HTML / CSS / JS) mais c'est une galère à entretenir, Pour chaque ajout de contenu, je perds un temps fou. Le seul avantage c'est qu'il est hébergé gratuitement chez Alwaysdata.

Mais je me suis dis : pourquoi ne pas investir davantage pour avoir un portfolio bien plus représentatif de mes compétence ?

Du coup je m'essaye à Framer qui est un outil vraiment impressionnant. Probablement l'un des rares concurrents sérieux de Webflow. Son interface rappelle beaucoup celle de Figma et il est encore plus "simple" à prendre en main que Webflow. Enfin… simple en apparence.

En théorie, l’interface de Framer est plus accessible, mais ça peut justement pousser certains à faire un peu n’importe quoi. Créer un site reste quelque chose de structuré, avec des règles à respecter, surtout si on veut éviter de flinguer son SEO !

Pour apprendre, j’ai acheté un template assez complexe, que j’ai analysé de fond en comble pour comprendre la structure. Ça m’a bien aidé à mieux saisir comment Framer fonctionne. Rassurez-vous mon portfolio actuel n’est pas un bête template modifié.

D'ailleurs, point sympa : Framer gère automatiquement le mode nuit. Si vous activez le mode sombre sur votre appareil, mon portfolio switchera automatiquement. Je sais pas si Webflow le fait aussi.

DISCLAIMER : Framer n’est pas donné niveau tarif, donc pour l’instant je bosse en mode gratuit. Cela limite mon site à une seule page pour le moment. J’ajouterai une page complète "Mes Créations" dès que je passe à la version payante. (ainsi qu'une partie blog)

Vous aimez ?

Ah et en bonus je me suis offert un nouveau logo, même si c'est pas ultra utile en tant que freelance, votre meilleur branding reste votre tronche

J'avais fais mon ancien logo en 10 minutes.

C'est très cool, une manière de voir ton travail plus en détail en appuyant sur les images serait quelque chose d'intéressant à ajouter. Personnellement, je mets seulement des liens externes qui pointent vers mon vrai portfolio hébergé sur Behance, la plateforme est bien conçue pour ça.
Tu as envisagé d'ajouter un peu plus de social proof par la suite, j'imagine ?

C'est ce que j'explique dans mon message (le DISCLAIMER)

Pour l'instant la formule gratuite ne me permet que de faire une seule page

Et en vrai rediriger vers Behance, pourquoi pas... mais j'ai l'impression la meta de Behance fait qu'il faut soigner et travailler à fond ses supports de présentation, y passer des heures, et je suis pas motivé pour ça.

C’est pour ça que je préfère l'idée de créer une page dédiée sur mon site où je peux tout publier directement, sans prise de tête.

Pour le social proof j'y réfléchit, j'ai pas envie de surcharger ma page principale mais ça peut avoir son petit effet. T'as déjà demandé des témoignages à tes clients ? Ils réagissent comment en général ?

Pour moi, les preuves sociales sont très importantes. Elles te permettent de donner confiance aux prospects et de prouver aussi que les projets que tu montres ne sont pas des projets fictifs.

Ils réagissent bien, même une DA d'une grosse boite qui était surchargée de taf était contente de m'en rédiger un.
Perso je passe par des plateformes comme Linkedin afin que les prospects puissent vérifier l'authenticité des avis.

Merci pour ton post c'est intéressant, mais du coup quels sont les avantages / inconvénients pour toi entre webflow et framer ?

Alors j'aurai du mal à résumer l'expérience en de simples avantages / inconvénients ; mais en gros c'est deux approches différentes.

D'un coté Webflow, t'as cette expérience basée sur un glisser-déposer assez intuitif. Plus facile à prendre en main, mais ce n'est pas parce qu'il est simple que t'es limité : tu peux aller aussi loin que Framer dans la personnalisation, les animations etc. même si je trouve ça un poil plus fastidieux. Par contre c'est l'outil qui a le plus fait ses preuves sur le long terme.

De l'autre côté, Framer ressemble beaucoup à Figma en termes d'interface et d'usage. Alors c'est piège car au premier abord tu pourrais penser que c'est plus simple, surtout si tu es familier avec Figma, mais en réalité c’est un poil plus technique sur les trucs de base. Par contre je trouve que Framer prend clairement l’avantage quand il s’agit d’interactivité, d’animations + son système de component à la Figma.

Si tu veux un cadre plus structuré, Webflow sera surement plus adapté, mais pour moi j'ai L'IMPRESSION de préférer Framer, ça correspond mieux à mon workflow... Framer est encore jeune et à mon avis ça va énormément évoluer dans les prochaines années.

Intéressant, mais oui ça va surement prendre de l'ampleur car déjà aux states on en parle bc