Découvrez le témoignage de Loïck, directeur artistique digital chez Pilot'in. Nous parlerons dans ce webinar des meilleures tendances design pour 2022 et aussi des meilleures et pires expériences d'un webdesigner en agence ! Au som-mer : 1) La journée type d’un designer en agence 2) Quel process et méthodologie utiliser pour garantir la qualité de son design 3) Les bonnes pratiques pour designer un site 4) Les sources d'inspiration 5) Les outils incontournables Soyez prêt, ça va décoiffer ! Vous savez ce qu'il vous reste à faire, participez en live pour profiter de toutes les meilleures pratiques ! En plus c'est gratuit ! :-) Bonus : les inscrits auront accès au replay et à la présentation qui sera envoyée directement par e-mail.

1. Une journée dans la peau
d’un designer
WEBINAR

2. Le som-mer
Plan du webinar
1. Introduction
2. La journée type d’un designer
3. Quel process et méthodologie utiliser pour
garantir la qualité de son design
4. Les bonnes pratiques pour designer un site
5. Les sources d'inspiration
6. Les outils incontournables

3. Qui est Loïck ?
Introduction

4. Loïck Legallais
Directeur artistique chez Pilot’in
Âge : 24 ans
Gâteau préféré : Moelleux au chocolat
loick@pilot-in.com / Profil LinkedIn
Directeur artistique

5. Partie 1
La journée type d’un designer en
agence

6. 1
Etape 1
Regarder ses mails afin de voir si on a des
retours clients, des réunions qui se sont
glissées dans la journée etc…
Lire ses mails

7. 2
Etape 2
Veille rapide sur différentes plateformes
afin de voir les nouveautés en termes de
design, de code etc…
Veille rapide
3
Etape 3
En fonction de mon planning et de mes
tâches, je commence à travailler sur mes
différents projets.
Début de mes tâches

8. 4
Etape 4
En fin de journée je renseigne mon
temps dans Monday pour que les
chefs de projets puissent voir où nous
en sommes dans le projet.
Logger mon temps

9. Partie 2
Quel process et méthodologie
utiliser pour garantir la qualité de
son design

10. Les étapes clés
Définir le cadre du projet
avec le client
Sensibiliser le client (aspects
design etc…)
Connaître les utilisateurs
Connaître les objectifs
clients
Créer une arborescence
cohérente
Récolter des feedbacks
d’autres designers

11. Partie 3
Les bonnes pratiques pour designer
un site

12. Avoir le contenu
du client
Les bonnes pratiques
Charte graphique et contenus textuels
sont nécessaires pour permettre au
designer de travailler correctement

13. Identifier les
concurrents
Les bonnes pratiques
Prendre en compte les bonnes et les
mauvaises pratiques permet de faire des
feedbacks au client des leviers utilisés par
la concurrence.

14. Trouver de
l’inspiration
Les bonnes pratiques
Trouver de l’inspiration sous toutes ces
formes permet d’avoir une idée globale
des tendances du web.

15. Créer des
wireframes
Les bonnes pratiques
Les wireframes haute fidélité permettent
au client de mieux se projeter sur la place
que son contenu va prendre. De plus le
prototypage rend l’immersion plus
importante.

16. Travailler en concordance
avec le dev et le chef de
projet*
Les bonnes pratiques
Pour créer des sections techniquement possible et qui
respecte les délais, il est important de travailler avec le dev.
Une fois validé avec le dev, il faut en parler au client pour
éviter un sentiment de déception ou de surprise de la part
du client
*Important de créer des liens avec eux auparavant en les humiliant à répétition sur
Mario Kart.

17. Proposer deux pistes
créatives distinctes
Les bonnes pratiques
Partir sur deux pistes différentes permet de faire
émerger des idées et des concepts au client. En
sortant de sa zone de confort, on permet une
meilleure approche design au client.

18. Partie 4
Les sources d’inspiration

19. Ces inspirations sont pour la plupart utilisées
pour nourrir son oeil. On peut ainsi compter
des sites comme :
- Dribbble
- Behance
- Pinterest
Inspirations “situationnelles”
Inspirations “fictives”
Ces inspirations sont plus ancrées dans le
monde réel et sont des projets concret mis
en place. On peut citer :
- Awwwards
- CSSDA
- Navigation à travers le web
2 types de sources d’inspirations

20. Partie 5
Nos outils incontournables

21. Figma et notre
design system
Outils Design
Que ce soit les wireframes, les maquettes
ou le prototypage, on passe la plupart de
notre temps sur Figma.
Notre design system nous permet de
gagner du temps pour des section simples
tout en nous permettant d’être créatif.
Certains plugins sont aussi très utiles pour
nous permettre de gagner en temps de
production

22. L’ensemble de la
suite Adobe
Outils Design
Nous allons utiliser différents logiciels de
la suite adobe pour répondre à nos
besoins.
Personnellement les deux logiciels que
j’utilise le plus c’est After effects pour
créer des animations avancé sur des
sections et Illustrator pour toute la partie
iconographie, logo, illustrations.

23. Notion
Outils Documentation
Lorsque nos sections sont créées et placées dans
notre sandbox, notre rôle en tant que designer va
être de documenter au mieux la section afin de
faciliter le développement et de spécifier le
comportement de cette dernière.

24. Raindrop
Outils de veille
Lors de notre veille, nous faisons en sorte de
classer avec des #hashtags les éléments qui nous
ont plus et de les mettres dans des grandes
familles de sites (finance, architecture…)

25. Bibliographie

26. Bibliographie

27. Pour aller plus loin

28. Le lien vers notre librairie sur figma
Téléchargez dès maintenant notre librairie figma.
👉 Télécharger maintenant

29. Rejoignez-nous sur notre chaîne YouTube !
Combien coûte un site web ? Comment prospecter sur LinkedIn ? Quels sont les meilleurs outils pour votre stratégie digitale ?
Sur notre chaîne YouTube on vous répond à tout, en toute transparence
👉 Rejoindre notre chaîne

30. Vous pouvez ajouter le capitaine aussi, il partage plein
d’astuces et bonnes pratiques 👉 Julien Dereumaux
Pour des potentielles offres d’emploi et des actus
pensez bien à suivre Pilot’in sur LinkedIn et Instagram
!
👉 LinkedIn
👉 Instagram

31. Liens complémentaires
󰗔 Dropcontact : https://bit.ly/dropcontact-data
󰗔 Prospectin : https://bit.ly/prospectin-auto
󰗔 Woodpecker : https://bit.ly/outil-woodpecker
󰗔 SEM Rush : https://bit.ly/semrush-mot-clef
󰗔 Hunter : https://bit.ly/e-mail-hunter
󰗔 Kaspr : https://bit.ly/outil-kaspr
󰗔 UXpressia : https://uxpressia.com
󰗔 Squadata : https://www.squadata.net
󰗔 Emailist Verify : https://bit.ly/emaillistverify
󰗔 Find Mass Leads : https://findmassleads.com/fr
󰗔 Active Campaign : https://bit.ly/outil-activecampaign
󰗔 Phantombuster : https://phantombuster.com
󰗔 Mail tester : www.mail-tester.com

32. Bonus Test et audit
Vieux loup de mer ?
Marin Geek ?
Hipster
Chaud lapin ?
Ferez-vous mieux que la moyenne des
entreprises françaises ?
Challengez votre
maturité digitale !
Passer le test
Test réalisé avec Typeform

33. Bonus Webinar
Toutes les astuces nécessaire pour
transformer votre compte LinkedIn en
véritable outil de prospection.
La stratégie de
prospection LinkedIn
automatisée
Voir le webinar

34. Annexe Présentation
Tout, tout, tout, vous saurez tout sur
Pilot’in :-)
La présentation
globale de l’agence
Voir la présentation complète

35. Annexe
Livre blanc
Le site, LinkedIn, Google Ads, SEO,
Facebook, Twitter, Youtube, Webinars et
vidéos, E-mailing, Sortlist, Proposr, Les
pages jaunes, Marketing Automation,
Google My Business, Suivi de la
performance...
Notre stratégie de
prospection digitale,
en toute
transparence
Voir tous les retours
d’expériences

36. Nos meilleurs webinars
Voir le replay Voir le replay Voir le replay
Prospection e-mail Prospection LinkedIn Réaliser son CDC
Voir le replay
Voir la présentation Voir la présentation
Outils :
Prospectin
Kapsr
Lempod
Outils :
Prospectin
Dropcontact
Woodpecker
Hunter
Kapsr
Emaillistverify
ActiveCampaign
Voir la présentation
Outils :
Mindmeister
o2switch
Monday
Cahier des charges
prêt à l’emploi
Voir la présentation
Outils :
o2switch
Monday
Cahier des charges
prêt à l’emploi
Combien coûte un site ?

37. Tous nos outils magiques & astuces
󰨹
Retrouvez tous les liens avec les versions gratuites et offres négociées
www.pilot-in.com/nos-outils-magiques
🎥
Tous nos prochains webinars : app.livestorm.co/pilot-in
Toutes nos vidéos en ligne : bit.ly/youtube-pilotin
📩
Soyez au courant de tous nos prochains contenus premiums gratuits : www.pilot-in.com/nos-webinars (remplir le
formulaire)
󰠁
Notre plateforme e-learning en accès illimité
la-capitainerie.academy

38. A l’abordage !