Webinar une journee dans la peau d'un directeur artistique
1 j'aime123 vues
Le document présente une journée type d'un designer en agence, les méthodologies et bonnes pratiques pour garantir la qualité du design, ainsi que les outils incontournables utilisés. Il aborde également les sources d'inspiration et le processus créatif, avec des conseils sur la collaboration avec les développeurs et la documentation. Enfin, des liens supplémentaires et des ressources pour approfondir les connaissances sont fournis.
Webinar une journee dans la peau d'un directeur artistique
- 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 [email protected] / 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 !