SlideShare une entreprise Scribd logo
1  sur  52
Télécharger pour lire hors ligne
Les vraies tendances
webdesign pour 2021 et
les années suivantes
©2020
Hissez Haut vos projets digitaux
SOM-MER
1. Qui est Jérôme ?
2. L’historique des tendances webdesign et les tendances 2021
3. Les risques de suivre les tendances
4. Les bonnes pratiques incontournables (toujours bonnes depuis l’invention de
Paint) à maîtriser en webdesign, quelle que soit la tendance
5. Les outils à maîtriser en 2021
6. Sketch VS XD VS Figma
7. Le reblochon
8. Pour aller plus loin
Qui est Jérôme ?
Hissez-haut vos projets digitaux !
Jérôme Dupraz
● Directeur Artistique chez Pilot’in depuis 2017
● A remporté la compétition nationale de l’Adobe Creative Jam fin 2019
● A mis en place l’architecture technique du design system sur le Pilo’Press et la refonte des outils en interne
● Son gâteau préféré est la tarte au myrtilles, comme quoi, l’homme aime la couleur jusqu’au bout (même si c’est
pas très tendance 👴🏻)
● Originaire du Grand Bornand (Ne pas lui parler de la Clusaz ou de l'origine du Reblochon svp)
TOP 30 FRANCE de 2015 à 2020
des agences digitales
Hissez-haut vos projets digitaux !
L’historique de 2017 à 2022
POURQUOI FAIRE ?
Hissez-haut vos projets digitaux !
2017
Flat Design Grosses typographies
Skeuomorphisme
Hissez-haut vos projets digitaux !
2018
Material design Grosses typographies/ Broken Grid
Vintage
Hissez-haut vos projets digitaux !
2019
Material design et illustrations
Typographie XXL et couleurs saturées
Neumorphism
Hissez-haut vos projets digitaux !
2020
Illustrations animées Grosses typographies
Glassmorphism
Hissez-haut vos projets digitaux !
2021
Illustrations
3D micro-interactions
Typographies XXL Minimalisme
Hissez-haut vos projets digitaux !
2021 : celles qui vont faire pshiiit ?
Le retour des années 90
La discordance Les couleurs expérimentales
Hissez-haut vos projets digitaux !
Les risques de suivre les
tendances
POURQUOI FAIRE ?
Hissez-haut vos projets digitaux !
Faire plaisir à son égo
VS
Faire plaisir à son utilisateur
Hissez-haut vos projets digitaux !
��
Hissez-haut vos projets digitaux !
��
Hissez-haut vos projets digitaux !
⚠
Hissez-haut vos projets digitaux !
��
Hissez-haut vos projets digitaux !
��
Hissez-haut vos projets digitaux !
Les bonnes pratiques
incontournables (toujours bonnes
depuis l’invention de Paint)
POURQUOI FAIRE ?
Hissez-haut vos projets digitaux !
Quelques règles pour un webdesign réussi
1. Connaître son audience
2. Établir un menu de navigation simple et intuitif
3. Avoir une identité visuelle cohérente
4. Aérer/ espacer votre contenu
5. Savoir être créatif sans bousculer les standards
6. Pensez au responsive design
7. Bonus: La checklist design
Hissez-haut vos projets digitaux !
01. Connaître ses utilisateurs
Hissez-haut vos projets digitaux !
02. Proposer une navigation simple et
intuitive
Hissez-haut vos projets digitaux !
02. Proposer une navigation simple et
intuitive
Hissez-haut vos projets digitaux !
02. Proposer une navigation simple et
intuitive
Hissez-haut vos projets digitaux !
02. Proposer une navigation simple et
intuitive
Hissez-haut vos projets digitaux !
03. Avoir une identité visuelle cohérente
Hissez-haut vos projets digitaux !
Hissez-haut vos projets digitaux !
04. Aérez votre contenu
Hissez-haut vos projets digitaux !
05. Composer avec les standards
Hissez-haut vos projets digitaux !
06. Pensez à votre design responsive
Hissez-haut vos projets digitaux !
Hissez-haut vos projets digitaux !
Les outils à maîtriser en
2021
Hissez-haut vos projets digitaux !
Hissez-haut vos projets digitaux !
Hissez-haut vos projets digitaux !
Le reblochon
Pour aller plus loin
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 ?
Tous nos outils magiques & astuces
🧙🏻‍♂
https://www.pilot-in.com/nos-outils-magiques/
Retrouvez tous les liens avec les versions gratuites et offres négociées
🎥
Tous nos prochains webinars : https://app.livestorm.co/pilot-in
Toutes nos vidéos en ligne : https://bit.ly/youtube-pilotin
📩
Soyez au courant de tous nos prochains contenus premiums gratuits :
https://www.pilot-in.com/nos-webinars/ (remplir le formulaire)
Agence de prospection digitale
Experte WordPress
Croissance continue
13 ans d’histoire
2008
Julien Dereumaux lance
son activité webmarketing
#optimiste
2013
Lancement de la
SAS Pilot’in
#pilotine
2017
Rachat de Lyon
Entreprises
#cargo
2021
21 personnes
dans l’équipage
#vedette
21 marins spécialistes !
Actuellement en plein coeur de Lyon (Place des Terreaux)
👉🏻 Nos prochains locaux : 370m2 + terrasses et BBQ à 5 min de Bellecour & 100m de la piscine du rhône 🏊
Associés Pilotes de clientèle Stratégie digitale
Webdesign Développement WordPress
Consulter les CVs des matelots
Création de contenu vidéo et SEO Conseil avant-vente
Nos labels de qualité et récompenses
Certifié agence Partner Certifié fournisseur solutions Partenaire France
Certifié Facebook Ads Certifié Google Ads
Récompense webdesign
TOP 30 FRANCE de 2015 à 2020
des agences digitales
Ces organismes soutiennent Pilot’in au quotidien, au niveau de la RSE, de l’amélioration
continue, du recrutement et de sa R&D.
Nos partenaires & engagements
Innovation
6 ans de R&D sur WordPress
Et de nombreux projets en cours et en prévision
WordPress Pro Pilo’board Pilo’Press
Contributeur actif WordPress
Nos équipes contribuent à l’amélioration continue de WordPress. Nous
publions en Open Source différents plugins et participons aux
meetups et grands événements
Chiffres clés
Plus de 250 clients heureux !
Notre offre
Création et refonte de
sites
WordPress &
WooCommerce
Maintenance de sites et
TMA
Accompagnement
stratégie digitale et
prospection digitale
Création de contenu
Articles
Communiqués de presse
Etudes de cas
Interviews vidéo
Formations
en
Entreprise
Ecole
Test utilisateur
UX
Webinar les vraies tendances webdesign pour 2021 et les annees suivantes

Contenu connexe

Tendances

Social selling - Presentation réseau entreprendre 9-11-2018
Social selling - Presentation réseau entreprendre 9-11-2018Social selling - Presentation réseau entreprendre 9-11-2018
Social selling - Presentation réseau entreprendre 9-11-2018Julien Dereumaux
 
La longueur et structure parfaite d une page pour la placer 1ere position seo
La longueur et structure parfaite d une page pour la placer 1ere position  seoLa longueur et structure parfaite d une page pour la placer 1ere position  seo
La longueur et structure parfaite d une page pour la placer 1ere position seoJulien Dereumaux
 
Bonnes pratiques emailing en 2020
Bonnes pratiques emailing en 2020Bonnes pratiques emailing en 2020
Bonnes pratiques emailing en 2020Julien Dereumaux
 
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...Julien Dereumaux
 
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Julien Dereumaux
 
La stratégie digitale pour les métiers du conseil - petit dej Pilot'in
La stratégie digitale pour les métiers du conseil -  petit dej Pilot'inLa stratégie digitale pour les métiers du conseil -  petit dej Pilot'in
La stratégie digitale pour les métiers du conseil - petit dej Pilot'inJulien Dereumaux
 
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...Julien Dereumaux
 
Construire le cahier des charges de son site web
Construire le cahier des charges de son site webConstruire le cahier des charges de son site web
Construire le cahier des charges de son site webJulien Dereumaux
 
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilité
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilitéLes bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilité
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilitéJulien Dereumaux
 
Tendances SEO 2021 : Slides et Replay du webinar BIG SEO
Tendances SEO 2021 : Slides et Replay du webinar BIG SEOTendances SEO 2021 : Slides et Replay du webinar BIG SEO
Tendances SEO 2021 : Slides et Replay du webinar BIG SEOOlivier Andrieu
 
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un champion
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un championTout donner sur linkedIn ! 1h de formation top chrono pour devenir un champion
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un championJulien Dereumaux
 
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020SEO CAMP
 
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...Dan Bernier
 
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...Automatiser sa prospection commerciale via le digital pour être prêt dès la r...
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...Julien Dereumaux
 
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik Bobet
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik BobetSEOCampus 2018 | Workflow Optimal conception site Web par Frédérik Bobet
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik BobetTrikaya Communication
 
30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsableJulien Dereumaux
 
De l'audit à la mise en place des préconisations, pourquoi ça coince ? - Dan...
De l'audit à la mise en place des  préconisations, pourquoi ça coince ? - Dan...De l'audit à la mise en place des  préconisations, pourquoi ça coince ? - Dan...
De l'audit à la mise en place des préconisations, pourquoi ça coince ? - Dan...SEO CAMP
 
Masterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Masterclass SEO sur le SXO avec Dan Bernier et Morgane SurlenetMasterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Masterclass SEO sur le SXO avec Dan Bernier et Morgane SurlenetDan Bernier
 
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...SEO CAMP
 

Tendances (20)

Social selling - Presentation réseau entreprendre 9-11-2018
Social selling - Presentation réseau entreprendre 9-11-2018Social selling - Presentation réseau entreprendre 9-11-2018
Social selling - Presentation réseau entreprendre 9-11-2018
 
La longueur et structure parfaite d une page pour la placer 1ere position seo
La longueur et structure parfaite d une page pour la placer 1ere position  seoLa longueur et structure parfaite d une page pour la placer 1ere position  seo
La longueur et structure parfaite d une page pour la placer 1ere position seo
 
Bonnes pratiques emailing en 2020
Bonnes pratiques emailing en 2020Bonnes pratiques emailing en 2020
Bonnes pratiques emailing en 2020
 
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...
Active Campaign, Rebump et ProspectIn au service de votre prospection commerc...
 
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
Formation - découvrir Activecampaign - l'outil de marketing automation de Pil...
 
La stratégie digitale pour les métiers du conseil - petit dej Pilot'in
La stratégie digitale pour les métiers du conseil -  petit dej Pilot'inLa stratégie digitale pour les métiers du conseil -  petit dej Pilot'in
La stratégie digitale pour les métiers du conseil - petit dej Pilot'in
 
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...
Mettre en place une bonne strategie d entreprise pour reussir sa strategie di...
 
Construire le cahier des charges de son site web
Construire le cahier des charges de son site webConstruire le cahier des charges de son site web
Construire le cahier des charges de son site web
 
Digimood x seocamp - VEM6 Saint-raphael 2015
Digimood x seocamp - VEM6 Saint-raphael 2015Digimood x seocamp - VEM6 Saint-raphael 2015
Digimood x seocamp - VEM6 Saint-raphael 2015
 
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilité
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilitéLes bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilité
Les bonnes pratiques LinkedIn pour prospecter et s'assurer une bonne visibilité
 
Tendances SEO 2021 : Slides et Replay du webinar BIG SEO
Tendances SEO 2021 : Slides et Replay du webinar BIG SEOTendances SEO 2021 : Slides et Replay du webinar BIG SEO
Tendances SEO 2021 : Slides et Replay du webinar BIG SEO
 
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un champion
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un championTout donner sur linkedIn ! 1h de formation top chrono pour devenir un champion
Tout donner sur linkedIn ! 1h de formation top chrono pour devenir un champion
 
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020
Seo, branding et ecologie numerique - Alexandre Marotel - SEO Camp'us Paris 2020
 
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
SEO Camp Day Lorraine 2022 par Dan Bernier sur une étude de cas d’une campagn...
 
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...Automatiser sa prospection commerciale via le digital pour être prêt dès la r...
Automatiser sa prospection commerciale via le digital pour être prêt dès la r...
 
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik Bobet
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik BobetSEOCampus 2018 | Workflow Optimal conception site Web par Frédérik Bobet
SEOCampus 2018 | Workflow Optimal conception site Web par Frédérik Bobet
 
30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable
 
De l'audit à la mise en place des préconisations, pourquoi ça coince ? - Dan...
De l'audit à la mise en place des  préconisations, pourquoi ça coince ? - Dan...De l'audit à la mise en place des  préconisations, pourquoi ça coince ? - Dan...
De l'audit à la mise en place des préconisations, pourquoi ça coince ? - Dan...
 
Masterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Masterclass SEO sur le SXO avec Dan Bernier et Morgane SurlenetMasterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
Masterclass SEO sur le SXO avec Dan Bernier et Morgane Surlenet
 
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...
Claire ciccone - Savoir bien utiliser Google My Business pour maximiser sa vi...
 

Similaire à Webinar les vraies tendances webdesign pour 2021 et les annees suivantes

Webinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdfWebinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdfJulien Dereumaux
 
Presentation société developpement web/mobile smart touch 2014
Presentation société developpement web/mobile smart touch 2014Presentation société developpement web/mobile smart touch 2014
Presentation société developpement web/mobile smart touch 2014Missaoui Hamdi
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistiqueJulien Dereumaux
 
SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)Sebastien Rolando
 
Seo camp'us 2018 - Tips pour améliorer et suivre vos temps de chargement pou...
Seo camp'us 2018  - Tips pour améliorer et suivre vos temps de chargement pou...Seo camp'us 2018  - Tips pour améliorer et suivre vos temps de chargement pou...
Seo camp'us 2018 - Tips pour améliorer et suivre vos temps de chargement pou...Peak Ace
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
 
La stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'inLa stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'inJulien Dereumaux
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Nicolas Malo
 
BtoB : Digital for Business
BtoB : Digital for BusinessBtoB : Digital for Business
BtoB : Digital for BusinessSolange Derrey
 
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...Julien Dereumaux
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebINOCHI
 
Garder le contact grace aux outils digitaux - Webinar CCI 27/03
Garder le contact grace aux outils digitaux - Webinar CCI 27/03Garder le contact grace aux outils digitaux - Webinar CCI 27/03
Garder le contact grace aux outils digitaux - Webinar CCI 27/03Julien Dereumaux
 
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL
 
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...Flupa
 
Star d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreStar d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreUX Republic Bordeaux
 
Des services sur-mesure !
Des services sur-mesure !Des services sur-mesure !
Des services sur-mesure !Cécile Eynard
 

Similaire à Webinar les vraies tendances webdesign pour 2021 et les annees suivantes (20)

Webinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdfWebinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdf
 
Presentation société developpement web/mobile smart touch 2014
Presentation société developpement web/mobile smart touch 2014Presentation société developpement web/mobile smart touch 2014
Presentation société developpement web/mobile smart touch 2014
 
Webinar une journee dans la peau d'un directeur artistique
Webinar   une journee dans la peau d'un directeur artistiqueWebinar   une journee dans la peau d'un directeur artistique
Webinar une journee dans la peau d'un directeur artistique
 
SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)SMART COOKIE DEV. / CDI (Marseille)
SMART COOKIE DEV. / CDI (Marseille)
 
Présentation de Nididé
Présentation de NididéPrésentation de Nididé
Présentation de Nididé
 
Seo camp'us 2018 - Tips pour améliorer et suivre vos temps de chargement pou...
Seo camp'us 2018  - Tips pour améliorer et suivre vos temps de chargement pou...Seo camp'us 2018  - Tips pour améliorer et suivre vos temps de chargement pou...
Seo camp'us 2018 - Tips pour améliorer et suivre vos temps de chargement pou...
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
La stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'inLa stack et tous les outils utilisés dans une agence web - Pilot'in
La stack et tous les outils utilisés dans une agence web - Pilot'in
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009
 
Fiche de poste_front
Fiche de poste_frontFiche de poste_front
Fiche de poste_front
 
BtoB : Digital for Business
BtoB : Digital for BusinessBtoB : Digital for Business
BtoB : Digital for Business
 
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur Web
 
Garder le contact grace aux outils digitaux - Webinar CCI 27/03
Garder le contact grace aux outils digitaux - Webinar CCI 27/03Garder le contact grace aux outils digitaux - Webinar CCI 27/03
Garder le contact grace aux outils digitaux - Webinar CCI 27/03
 
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
Adobe Education Leadership Forum in Paris, 19 June 2015 #AdobeEDU2015
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
 
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...
Flupa UX - Days 2017 : "Idéation et créativité en mode design sprint" par S.D...
 
Star d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreStar d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libre
 
Des services sur-mesure !
Des services sur-mesure !Des services sur-mesure !
Des services sur-mesure !
 
Meet up rives créatives 1 6 juillet 2017 - présentation entreprises
Meet up rives créatives 1   6 juillet 2017 - présentation entreprisesMeet up rives créatives 1   6 juillet 2017 - présentation entreprises
Meet up rives créatives 1 6 juillet 2017 - présentation entreprises
 

Plus de Julien Dereumaux

10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdfJulien Dereumaux
 
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdfWebinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdfJulien Dereumaux
 
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdfLes 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdfJulien Dereumaux
 
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdfCréer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdfJulien Dereumaux
 
Votre stratégie réseaux sociaux pour 2024.pdf
 Votre stratégie réseaux sociaux pour 2024.pdf Votre stratégie réseaux sociaux pour 2024.pdf
Votre stratégie réseaux sociaux pour 2024.pdfJulien Dereumaux
 
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀Julien Dereumaux
 
Communication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdfCommunication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdfJulien Dereumaux
 
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdfWebinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdfJulien Dereumaux
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfJulien Dereumaux
 
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...Julien Dereumaux
 
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdfWebinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdfJulien Dereumaux
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfJulien Dereumaux
 
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
Webinar -  7 scénarios de marketing automation incontournables 💣🧲Webinar -  7 scénarios de marketing automation incontournables 💣🧲
Webinar - 7 scénarios de marketing automation incontournables 💣🧲Julien Dereumaux
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedInJulien Dereumaux
 
Webinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdfWebinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdfJulien Dereumaux
 
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdfWebinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdfJulien Dereumaux
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inJulien Dereumaux
 
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru Tasci
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru TasciWebinar Stratégie SEO 2023 avec Paul Grillet et Sukru Tasci
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru TasciJulien Dereumaux
 
Webinar - Maintenance d'un site WordPress en agence.pdf
Webinar - Maintenance d'un site WordPress en agence.pdfWebinar - Maintenance d'un site WordPress en agence.pdf
Webinar - Maintenance d'un site WordPress en agence.pdfJulien Dereumaux
 
Les Stratégies Gagnantes Réseaux Sociaux pour 2023 - Webinar JumpStart -
Les Stratégies Gagnantes Réseaux Sociaux  pour 2023 - Webinar JumpStart - Les Stratégies Gagnantes Réseaux Sociaux  pour 2023 - Webinar JumpStart -
Les Stratégies Gagnantes Réseaux Sociaux pour 2023 - Webinar JumpStart - Julien Dereumaux
 

Plus de Julien Dereumaux (20)

10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
 
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdfWebinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
 
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdfLes 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
 
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdfCréer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
 
Votre stratégie réseaux sociaux pour 2024.pdf
 Votre stratégie réseaux sociaux pour 2024.pdf Votre stratégie réseaux sociaux pour 2024.pdf
Votre stratégie réseaux sociaux pour 2024.pdf
 
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
 
Communication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdfCommunication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdf
 
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdfWebinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
 
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdfWebinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
 
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
Webinar -  7 scénarios de marketing automation incontournables 💣🧲Webinar -  7 scénarios de marketing automation incontournables 💣🧲
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedIn
 
Webinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdfWebinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdf
 
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdfWebinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
 
La méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'inLa méthodologie de design thinking de Pilot'in
La méthodologie de design thinking de Pilot'in
 
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru Tasci
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru TasciWebinar Stratégie SEO 2023 avec Paul Grillet et Sukru Tasci
Webinar Stratégie SEO 2023 avec Paul Grillet et Sukru Tasci
 
Webinar - Maintenance d'un site WordPress en agence.pdf
Webinar - Maintenance d'un site WordPress en agence.pdfWebinar - Maintenance d'un site WordPress en agence.pdf
Webinar - Maintenance d'un site WordPress en agence.pdf
 
Les Stratégies Gagnantes Réseaux Sociaux pour 2023 - Webinar JumpStart -
Les Stratégies Gagnantes Réseaux Sociaux  pour 2023 - Webinar JumpStart - Les Stratégies Gagnantes Réseaux Sociaux  pour 2023 - Webinar JumpStart -
Les Stratégies Gagnantes Réseaux Sociaux pour 2023 - Webinar JumpStart -
 

Webinar les vraies tendances webdesign pour 2021 et les annees suivantes

  • 1. Les vraies tendances webdesign pour 2021 et les années suivantes
  • 2. ©2020 Hissez Haut vos projets digitaux SOM-MER 1. Qui est Jérôme ? 2. L’historique des tendances webdesign et les tendances 2021 3. Les risques de suivre les tendances 4. Les bonnes pratiques incontournables (toujours bonnes depuis l’invention de Paint) à maîtriser en webdesign, quelle que soit la tendance 5. Les outils à maîtriser en 2021 6. Sketch VS XD VS Figma 7. Le reblochon 8. Pour aller plus loin
  • 3.
  • 5. Hissez-haut vos projets digitaux ! Jérôme Dupraz ● Directeur Artistique chez Pilot’in depuis 2017 ● A remporté la compétition nationale de l’Adobe Creative Jam fin 2019 ● A mis en place l’architecture technique du design system sur le Pilo’Press et la refonte des outils en interne ● Son gâteau préféré est la tarte au myrtilles, comme quoi, l’homme aime la couleur jusqu’au bout (même si c’est pas très tendance 👴🏻) ● Originaire du Grand Bornand (Ne pas lui parler de la Clusaz ou de l'origine du Reblochon svp) TOP 30 FRANCE de 2015 à 2020 des agences digitales
  • 6. Hissez-haut vos projets digitaux ! L’historique de 2017 à 2022 POURQUOI FAIRE ?
  • 7. Hissez-haut vos projets digitaux ! 2017 Flat Design Grosses typographies Skeuomorphisme
  • 8. Hissez-haut vos projets digitaux ! 2018 Material design Grosses typographies/ Broken Grid Vintage
  • 9. Hissez-haut vos projets digitaux ! 2019 Material design et illustrations Typographie XXL et couleurs saturées Neumorphism
  • 10. Hissez-haut vos projets digitaux ! 2020 Illustrations animées Grosses typographies Glassmorphism
  • 11. Hissez-haut vos projets digitaux ! 2021 Illustrations 3D micro-interactions Typographies XXL Minimalisme
  • 12. Hissez-haut vos projets digitaux ! 2021 : celles qui vont faire pshiiit ? Le retour des années 90 La discordance Les couleurs expérimentales
  • 13. Hissez-haut vos projets digitaux ! Les risques de suivre les tendances POURQUOI FAIRE ?
  • 14. Hissez-haut vos projets digitaux ! Faire plaisir à son égo VS Faire plaisir à son utilisateur
  • 15. Hissez-haut vos projets digitaux ! ��
  • 16. Hissez-haut vos projets digitaux ! ��
  • 17. Hissez-haut vos projets digitaux ! ⚠
  • 18. Hissez-haut vos projets digitaux ! ��
  • 19. Hissez-haut vos projets digitaux ! ��
  • 20. Hissez-haut vos projets digitaux ! Les bonnes pratiques incontournables (toujours bonnes depuis l’invention de Paint) POURQUOI FAIRE ?
  • 21. Hissez-haut vos projets digitaux ! Quelques règles pour un webdesign réussi 1. Connaître son audience 2. Établir un menu de navigation simple et intuitif 3. Avoir une identité visuelle cohérente 4. Aérer/ espacer votre contenu 5. Savoir être créatif sans bousculer les standards 6. Pensez au responsive design 7. Bonus: La checklist design
  • 22. Hissez-haut vos projets digitaux ! 01. Connaître ses utilisateurs
  • 23. Hissez-haut vos projets digitaux ! 02. Proposer une navigation simple et intuitive
  • 24. Hissez-haut vos projets digitaux ! 02. Proposer une navigation simple et intuitive
  • 25. Hissez-haut vos projets digitaux ! 02. Proposer une navigation simple et intuitive
  • 26. Hissez-haut vos projets digitaux ! 02. Proposer une navigation simple et intuitive
  • 27. Hissez-haut vos projets digitaux ! 03. Avoir une identité visuelle cohérente
  • 29. Hissez-haut vos projets digitaux ! 04. Aérez votre contenu
  • 30. Hissez-haut vos projets digitaux ! 05. Composer avec les standards
  • 31. Hissez-haut vos projets digitaux ! 06. Pensez à votre design responsive
  • 33. Hissez-haut vos projets digitaux ! Les outils à maîtriser en 2021
  • 38.
  • 40. 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 ?
  • 41. Tous nos outils magiques & astuces 🧙🏻‍♂ https://www.pilot-in.com/nos-outils-magiques/ Retrouvez tous les liens avec les versions gratuites et offres négociées 🎥 Tous nos prochains webinars : https://app.livestorm.co/pilot-in Toutes nos vidéos en ligne : https://bit.ly/youtube-pilotin 📩 Soyez au courant de tous nos prochains contenus premiums gratuits : https://www.pilot-in.com/nos-webinars/ (remplir le formulaire)
  • 42. Agence de prospection digitale Experte WordPress
  • 43. Croissance continue 13 ans d’histoire 2008 Julien Dereumaux lance son activité webmarketing #optimiste 2013 Lancement de la SAS Pilot’in #pilotine 2017 Rachat de Lyon Entreprises #cargo 2021 21 personnes dans l’équipage #vedette
  • 44. 21 marins spécialistes ! Actuellement en plein coeur de Lyon (Place des Terreaux) 👉🏻 Nos prochains locaux : 370m2 + terrasses et BBQ à 5 min de Bellecour & 100m de la piscine du rhône 🏊 Associés Pilotes de clientèle Stratégie digitale Webdesign Développement WordPress Consulter les CVs des matelots Création de contenu vidéo et SEO Conseil avant-vente
  • 45.
  • 46. Nos labels de qualité et récompenses Certifié agence Partner Certifié fournisseur solutions Partenaire France Certifié Facebook Ads Certifié Google Ads Récompense webdesign TOP 30 FRANCE de 2015 à 2020 des agences digitales
  • 47. Ces organismes soutiennent Pilot’in au quotidien, au niveau de la RSE, de l’amélioration continue, du recrutement et de sa R&D. Nos partenaires & engagements
  • 48. Innovation 6 ans de R&D sur WordPress Et de nombreux projets en cours et en prévision WordPress Pro Pilo’board Pilo’Press Contributeur actif WordPress Nos équipes contribuent à l’amélioration continue de WordPress. Nous publions en Open Source différents plugins et participons aux meetups et grands événements
  • 49. Chiffres clés Plus de 250 clients heureux !
  • 51. Création et refonte de sites WordPress & WooCommerce Maintenance de sites et TMA Accompagnement stratégie digitale et prospection digitale Création de contenu Articles Communiqués de presse Etudes de cas Interviews vidéo Formations en Entreprise Ecole Test utilisateur UX