En mission pour aider les UX/UI designers à monter en compétences et les préparer afin qu'ils évoluent dans leur carrière et obtiennent le job de leur rêve💪
J'ai fait un audit UX du formulaire de log in d'Instagram
J'ai trouvé 11 erreurs évidentes niveau design🤯
Quelles sont-elles et comment je l'ai redesigné? 👇
Vous ne savez jamais comment structurer les différentes sections de votre landing page?
Elles se ressemblent toutes?
🔹image à gauche, texte à droite
🔹et ensuite texte à gauche, image à droite
Boring 😪
Voici 9 structures à utiliser pour varier le design de vos sections 👇
@SebastienNvzt
B by far to me
Better layout, better contrast, better legibility, less "noise", better visual
I thought it was an illustration of the solar system in version A 😅
Votre landing page ne retient pas l'attention de vos visiteurs
🔹Elle a un design banal
🔹Elle ressemble à toutes les autres
🔹Elle ne vous permet pas de vous démarquez
Voici 14 modèles différents de hero section pour rendre votre LP unique et attrayante (MEGA 🧵)
WIP - un petit projet qui payait pas de mine au début
Mais l'identité visuelle est kiffante, la cliente super sympa et ouverte aux suggestions
Au final, ça kiffe ici 🤌
Marre de relancer 20 fois tes clients pour avoir des recommandations ?
Voici la petite astuce que j’utilise pour soutirer un avis à chacun de mes clients en moins de 10 minutes (et avec le sourire) 👇
Les formulaires sont souvent la clé qui permet de transformer un visiteur de ton site en client
Aujourd'hui je te donne 4 conseils pour améliorer le design de tes formulaires et contribuer à l'augmentation de ton taux de conversion
Let's go 👇
Le Paris Framer Meetup, c'est fini
Une belle soirée durant laquelle on a pu observer le potentiel et les avantages de
@framer
à travers 3 points de vue :
- Celui du designer
- Celui du client final
- Celui de Framer
Au niveau organisation, tout s'est bien passé et c'était
Je viens de closer un prospect pour un beau petit projet à 12k
Design d'une appli web de mise en relation entre entreprises et freelances créatifs
Début du projet en mai
J'espère pouvoir faire du Build in public dessus, ce serait cool de partager ça avec vous 👌
En tant que product designer, on a toujours envie de créer des interfaces uniques avec des composants customs pour son Saas
Mais dans la vraie vie, y'a 2 contraintes majeures qui s'y opposent 👇
La plupart de mes clients sont obsédés par les indicateurs Lighthouse
Ils me font taffer des heures pour passer d'un score de 92 à 100
Voici 5 raisons pour lesquelles je pense que ça n'a pas de sens 👇
C'est l'été, l'activité est plus calme
Il est enfin temps de mettre à jour mon portfolio
J'en profite pour travailler sur une nouvelle DA
➡️je pars sur de l'ultraminimalisme et du monochrome ⚫⚪
Le design des tableaux de données est souvent un casse-tête
Pourtant, ils sont au cœur de la plupart des applications business
Voici 4 conseils essentiels qui rendront la lecture des données agréable et compréhensible aux utilisateurs de ton SaaS
Go 👇
C'est mercredi, c'est UI Tip! Edition
#15
Aujourd'hui un thème plutôt UX que UI mais qui fait toujours débat
Dans le cas où on a plusieurs boutons, dans quel ordre les afficher?
Mon avis 👇
Au début d'un projet, j'aime bien travailler sur un user journey map avant de me lancer dans le design
C'est ce que je suis en train de faire sur Henko AI
Comme d'habitude, je me rends compte que ça m'aide à identifier des problèmes auxquels j'avais pas pensé avant
Un p'tit 🧵
Il est temps de passer à la vitesse supérieure 🚀
Ça fait maintenant 6 mois qu'on a lancé Entre 2 Frames avec
@VirgilCaffier
Le Discord a atteint 215 membres, y'a un live par semaine et un vrai esprit de communauté est en train de se créer👍
Mais on veut aller plus loin 👇
Une personne de ma communauté m'a donné l'idée de faire des quiz UI
Je trouve ça sympa, alors je vais en proposer régulièrement pour entraîner "ton oeil de designer" 🧐
Dis-moi en commentaires les erreurs que tu vois dans ce design 👇
Merci
@Lucarne95
pour la suggestion 😉
En 2014, je cherchais mon 1er taff d'UX designer
Pour trouver, ça m'a pris :
- 2 ans
- des centaines de candidatures envoyées
- des dizaines d'entretiens passés
En étant mieux préparé, j'aurais pu trouver plus vite
Alors avec
@gabinaureche
, on développe HenkoAI 👇
"L'URSSAF c'est pas ta mère" -
@gabinaureche
, le 08/09/2023
J'avais jamais réalisé avant, mais il a raison 😁
Et c'est justement pour ça qu'on a lancé IndeWIZ 👉
Si t'es freelance, ce simulateur t'aidera à déterminer si changer le statut de ta
Quand j'ai eu l'idée d'Henko AI y'a 2 mois, j'ai cru que j'étais un génie💡
Une plateforme IA qui permet de simuler des entretiens d'embauche dans le monde de la tech
"Personne n'y a jamais pensé avant!" 😎
Spoiler alert : c'est complètement faux ❌
🧵
Depuis 5 ans, je participe en tant que recruteur à des dizaines d'entretiens pour des postes de designer
J'ai identifié quelle est, à mon sens, l'erreur n°1 de beaucoup de candidats
Dans ce thread, je te révèle quelle est cette erreur et t'explique comment y remédier 👇
Déjà mercredi???
Mais c'est l'heure de l'UI tip 10ème du nom alors!
Aujourd'hui on va voir comment jouer avec les lumières en dark mode pour donner du peps à tes compositions
On y va? C'est parti! 👇
UI Tip du mercredi, édition
#14
!
L'espacement interne (padding) d'un bouton est un paramètre important
Pas assez ou trop de padding donnera immédiatement un aspect peu esthétique à ton CTA
Alors comment choisir les valeurs de padding d'un bouton?
J'ai eu beaucoup de demandes sur comment construire des éléments basiques (champ, topbar, bouton, modal, etc.)
Le peuple demande, je délivre ➡️Je lance une série où je détaille les dimensions standards de composants web
Et pour commencer, voici l'anatomie d'un champ!
J'ai écrit mon 1er post sur X le 09/12/2022, il y a 1 an
Depuis, j'ai :
🔹Publié plus de 2200 posts
🔹Gagné 540 followers
🔹Généré 0€
C'est pas ouf comme stats, je suis d'accord
Pourtant, voici 5 raisons qui font que je considère cette 1ère année sur X comme hyper positive 👇
T'es réticent à payer 10€ par mois pour avoir accès à
#MidJourney
?
Je te comprends...
J'ai peut-être la solution pour toi!
@StabilityAI
vient de releaser
@deepfloydai
C'est gratuit, open source et capable de faire mieux que MidJourney sur certains points
J'ai testé pour toi
Premier meetup
@framer
organisé en France : ✅
L'occasion de rencontrer plein de nouvelles personnes intéressantes et de partager :
- des expériences🧪
- de la connaissance🧠
- et des bons moments 🥂
On refera ça d'ici quelques mois et on espère vous voir encore plus nombreux!
J'ai fait ma première fois.
La magie a opéré lors du tout premier meetup
@framer
que j'ai organisé avec
@pixseb_perfect
et
@florian_btc
.
On était quinze, tous là pour secouer le cocotier et questionner Framer.
L'atmosphère ? Électrique, directe.
Un vrai nid de
Il y a 2 semaines, j'ai décroché mon 1er projet client que je réaliserai sous Framer 🥳
Je compte documenter le plus possible mon avancement sur ce projet ici
J'ai toujours aimé le Build in public, c'est l'occasion parfaite!
Un peu plus de détails 👇
T'as entendu parler de la sortie de l'Apple Vision Pro la semaine dernière?
Toi aussi tu veux pouvoir designer des interfaces pour ce type de plateforme, et pour iOS en général?
Alors il y a une notion fondamentale à maîtriser : le point
C'est quoi le point? Je t'explique 👇
90% d'écoute, 10% de parole
C'est comme ça que je mène mes rendez-vous clients
Voici les 10 questions que je pose systématiquement à mes clients au démarrage d'un projet pour m'assurer de récolter toutes les informations nécessaires et mener à bien le design d'un site web 👇
EI, EIRL, SARL, EURL,SASU
T'es freelance et perdu entre tous ces statuts juridiques?😭
T'aimerais savoir lequel choisir?
Avec
@gabinaureche
, on te prépare une appli qui te permettra en 2 minutes de prendre la meilleure décision en fonction de ta situation et de tes objectifs
Je passe beaucoup de temps dans les simulateurs...
De l'URSSAF, entre autres.
Ils sont excellents mais complexes.
Et dur d'en tirer quelque chose sans les combiner.
Avec
@pixseb_perfect
on bosse sur un simulateur pour changer ça.
Il sera basé sur ces simulateurs :
La version mobile des landing pages est trop négligée
Pourtant, 60% du traffic global d'Internet vient des smartphones
Voici 8 modèles différents de hero section qui retiendront l'attention des gens visitant votre LP depuis leur téléphone 👇
Ton portfolio n'attire personne
🔹T'as passé des jours à travailler dessus
🔹T'as une DA hyper stylée
🔹T'as 5+ études de cas complètes
Et pourtant tu galères à décrocher des entretiens 👇
J'étais pas à l'aise avec le Build in Public quand j'ai commencé
C'est assez contre-intuitif de montrer du travail en cours et de s'exposer à de potentielles critiques
Mais plus ça va et plus j'y vois des avantages, surtout dans le cadre du développement d'Henko AI :
1⃣ Ca
J'ai commencé à travailler sur les wireframes des écrans de configuration d'un entretien pour Henko AI
La configuration se fera en 3 étapes :
1/ Uploader une annonce d'emploi
2/ Uploader un CV
3/ Vérifier les données
4/ Sauvegarder la configuration et/ou lancer l'entretien
Tu veux faire carrière dans le design web mais t'as aucun diplôme?
T'as peur que ce soit une barrière?
Stresse pas : en 10 piges, personne m'a jamais demandé mes diplômes🤷♂️
Bosse sur un portfolio de ouf et présente des projets qui déchirent, c'est avec ça que tu feras la diff
Designer, tu fais face à des tâches récurrentes qui te prennent du temps à chaque nouveau projet?
Moi aussi, mais j'ai trouvé des solutions
Dans ce thread je te présente 5 outils gratuits qui ont révolutionné ma manière de travailler et me font gagner un temps fou 🤯
Go 👇
C'est mercredi et c'est l'heure de l'UI Tip
#19
😎
Régulièrement je parle de l'importance de la profondeur pour donner de la vie à un design
Alors aujourd'hui, on va voir comment utiliser la profondeur pour améliorer une hero section
Go 👇
Technique 5️⃣
Ajoute un pattern subtil en fond
Technique à la mode que l'on voit un peu partout depuis quelques années, tu peux difficilement te tromper si tu l'utilises, le résultats est toujours bon 👍
Le branding est essentiel pour renforcer la confiance et augmenter la valeur perçue d'un produit
Alors j'ai fait appel à
@clea_cassutti
pour travailler sur celui de Henko AI
Petit thread pour vous en présenter l'identité visuelle et le cheminement derrière 👇
L'UI Tip
#18
Hier je cherchais un truc à manger sur Deliveroo
Jusque-là tu t'en fous, normal 🫡
C'est la 1ère fois que j'utilise leur site web... Je suis tombé sur la manière dont ils ont conçu leurs cartes produits eeeeet c'est pas ouf hein
Comment peut-on l'améliorer? 👇
J'ai enfin trouvé une direction qui plaît à ma cliente
Son seul brief c'était "un site moderne, sérieux mais pas trop et qui ne ressemble pas à celui de toutes les autres agences"
Des dizaines de styles et des milliers de rectangles plus tard, elle a enfin un coup de coeur 🥳
Toutes les semaines c'est pareil, le mercredi c'est UI Tip!
Dans cette édition 12, on va parler corner radius
Et plus précisément : comment faire correspondre le corner radius d'un élément qui est à l'intérieur d'un autre
C'est parti 👇
Rendez-nous les applications avec licence à vie🤬
Ces formules d'abonnement mensuelles pour tout et n'importe quoi n'ont aucun sens pour les utilisateurs
L'Adobe Creative Cloud c'est 67€/mois. Sur une carrière de 30 ans, ça revient à presque 25k€. Désolé mais ça les vaut pas
Canva est devenu un outil hyper complet et performant
Même pour les professionnels du design
Ça me fait ch*er de le dire, mais faut regarder la vérité en face
Et à 5€/mois en plus... J'ai (presque) pas honte de l'avouer, je suis à ça de prendre un abonnement 🫣
Mercredi, c'est le jour des enfants?
Et noooon, c'est le jour de l'UI tip! Aujourd'hui le
#11
Et on va voir comment réaliser l'effet "glassmorphism"
On y va pour ce ptit tuto👇
Y'a des gens ils t'envoient des dms, tu prends gentiment le temps de répondre et derrière ils te ghostent, même pas un merci rien du tout
C'est un délire
J'ai continué un peu sur les wireframes de Henko AI ce week-end
Pour afficher la liste des entretiens, vous préférez quoi?
Tapez 1️⃣ pour les cartes
Tapez 2️⃣ pour la liste
Voici les wireframes du jour sur Henko AI 🥳
On passe cette fois à la 2ème étape de la configuration d'un entretien : choisir un CV
L'utilisateur aura le choix entre :
- Choisir un CV existant dans sa bibliothèque de CVs
- ou uploader un nouveau CV
Pour que la configuration
La hiérarchie visuelle est le fondement d'un bon design
Elle permet de "trier" l'information par ordre d'importance en jouant sur plusieurs paramètres comme :
🔹La taille
🔹La couleur
🔹Le contraste
🔹L'espacement
🔹La capitalisation
Une bonne hiérarchie = un message plus clair
Hier soir avec
@VirgilCaffier
et
@florian_btc
on a organisé le premier meet-up sur Framer en France
Une bonne soirée, des belles rencontres, on en refera d'autres !
Merci à tous ceux qui sont venus hier soir au premier meetup Framer en France !
C'était incroyable !
On vous prépare de belles choses pour la communauté !
Soyez à l'écoute 💪🏻
Refonte de mon portfolio toujours en cours 🛠️
La landing page est quasi terminée✔️
Il me reste à travailler sur les études de cas ⏳
Et ensuite on passe tout ça sur Framer 💪
Je sors de ma zone de confort
Projet client en cours, dans un style visuel totalement différent de ce que j'ai l'habitude de faire
J'étais pas très à l'aise au début avec cette DA, mais la cliente a adoré
Je m'y suis mis à fond et j'explore de nouveaux horizons
Je kiffe 👍
Je continue ma série sur l'anatomie des éléments du web avec la navbar
Attention, la subtilité ici est que la largeur totale est dépendante de la largeur de l'écran MAIS il est important de définir une largeur maximum pour éviter de se retrouver avec des éléments trop éloignés
C'est mercredi et c'est l'heure de l'UI Tip
#20
🤘
Dans un design, il y a plusieurs façons de donner plus ou moins d'importance à un élément
Aujourd'hui, on va voir comment combiner les couleurs pour faire varier l'importance donnée
Go 👇
Et un projet prêt à être livré, un!
Je vais essayer d'en faire un case study dans les jours qui viennent, y'a des points intéressants à aborder sur ce projet
Apprenez à travailler bien avant d'essayer de travailler mieux
Je vois tellement de jeunes designers freelance qui maîtrisent pas les bases de leur métier mais passent des heures sur des dashboards et autres templates Notion pour être plus productifs
ça me rend fou
L'inspi du lundi, 4ème édition, c'est parti!
Aujourd'hui on va analyser le portfolio de
@romainp_design
Une identité visuelle bien marquée, des éléments d'animation très bien utilisés, un contenu bien ciblé et une exécution parfaite 💯
Un portfolio à prendre en exemple 👍
Ton site est long à charger et tu comprends pas pourquoi?
On est en 2023 et t'utilises encore des jpg, des png et des gifs pour les images de ton site?
Parlons de webp, le format d'image que tu DOIS utiliser
🧵
Les boutons sont sûrement les éléments les plus importants de toute interface web ou mobile
En tant qu'éléments interactifs qui doivent être visibles, clairs et accessibles, il est primordial des les structurer correctement
Voici un petit guide 👇
L'UI Tip du mercredi
#13
Tu sais pas comment choisir tes couleurs?
Tu te perds dans les outils de génération de palette?
Tu comprends rien à la théorie des couleurs?
Pas de panique, j'ai la solution pour toi : le système HSB
Oublie les codes hexadécimaux et le système RGB
L'UI tip du mercredi
#7
est là!
Aujourd'hui on se penche sur un paramètre souvent oublié et rarement compris, la line height ou interlignage!
Alors qu'est-ce que c'est et comment en choisir la valeur? 👇
Y'a aucune honte à travailler gratuitement quand vous débutez
Prenez 3 projets gratuitement et vous :
🔹Gagnerez en expérience
🔹Monterez en compétences
🔹Vous créerez un portfolio solide
Les 3 projets suivants, faites-les pour 100€ chacun
Répétez jusqu'à facturer 10K/projet
Vous comprenez rien à la typographie?
Vous savez pas quoi choisir parmi les milliers de polices disponibles et finissez toujours par utiliser Roboto ou Open Sans dans vos projets?
Alors ce thread va aller direct dans vos signets
Hop hop hop arrête tout ce que tu fais!
C'est l'heure de l'inspi du lundi, 10ème édition 🥳
Microsoft a sorti Loop la semaine dernière, et leur landing page est franchement intéressante!
On regarde ça tout de suite 👇
L'ambition de Henko AI : aider les candidats à se préparer pour leurs entretiens le plus efficacement possible
Un des plus gros challenges qu'on a avec
@gabinaureche
c'est de faire en sorte que l'IA se comporte comme le ferait un vrai recruteur
Pour ça, on a 4 pistes👇
Tu souhaites avoir un portfolio incroyable pour te démarquer?
T'es en train de le concevoir mais tu manques d'idées?
Détends-toi, j'ai la solution
Voici 5 sites d'inspiration pour t'aider à concevoir un portfolio à couper le souffle
Go 👇
L'inspi du lundi 23ème édition!
On se penche sur une petite pépite aujourd'hui, le site web de
@thecosmos
, une alternative à Pinterest
Leur landing page est incroyable, notamment 4 éléments qu'on va regarder en détails
Go 👇
Voilà pourquoi je passe jamais plus 15 minutes à faire des devis
Rappel à tous les freelances :
🔹Vous n'êtes pas payés à rédiger des devis
🔹Un devis n'est pas une spec. Listez et éventuellement décrivez les résultats/livrables mais pas comment vous allez les atteindre
🔹Un
@noh_tech
Sauf que je l'ai faite courte. Le gars savait /avant/ le devis écrit combien ça allait coûter. Ce qui m'énerve, c'est qu'oralement, le gars m'a dit que c'était bon, qu'il attendait un devis détaillé et qu'une fois le devis fait (6 heures de boulot), il pensait pouvoir négocier
J'ai tenté sur un vrai projet la trend Studio Ghibli dénichée par
@ioTanjiro
C'est marrant à faire et y'a moyen d'arriver à attirer l'oeil en appliquant le style à des domaines qui ont rien à voir ahah
Apres c'est chaud quand même d'assurer la lisibilité du texte😅
Twitter est un formidable générateur d'opportunités
Mais faut savoir aller les chercher
En avril dernier, j'ai rejoint le Discord Twitter UP de l'ami
@jeffwie_
Ca a sûrement été mon meilleur move depuis que j'ai commencé à être actif sur Twitter y'a bientôt 1 an
C'est sur ce
J'ai mis du temps
Puis je me suis bougé le c**
Et j'ai enfin obtenu la certification Framer Expert 🥳
C'est le bon moment d'augmenter mes tarifs je crois😎
Tu crois être trop vieux pour changer de carrière et devenir UX Designer?
Perso j'ai fait le grand saut à 31 ans
Après le boulot, j'étudiais et bossais sur des projets
2 ans plus tard, bim! Mon 1er job de designer
Aujourd'hui je suis freelance, vivant de ma passion
A ton tour?