ESDM1 Mars - Prénom Sujet
M’inviter sur :
jean-francois.petroff@ecole-esdac.fr
Tendances web & graphisme
✦ À lire 🡦
L'esthétique du calme : vers la déconnexion visuelle
https://www.etapes.com/2025/10/16/lesthetique-du-calme-vers-la-deconnexion-visuelle/
✱ Micro-interactions, micro-navigation https://mikkisindhunata.com/
✱ Ecodesign & variantes
• Low design, contenus animés légers (SVG, Lottie voir lottiefiles.com) www.jhonboy.com / www.makingsoftware.com/ / www.stripe.dev /www.soma-art.org/
• Dark mode, couleurs alternatives | www.almarenafoundry.com / www.fontshare.com / www.3200kelvin.com/
• Minimalisme (voir www.klikkentheke.com) www.bergerfohr.com / www.willemardui.com/ www.newapology.com
✱ Hiérarchie exagérée / Typo XXL > Big typo + petits textes
www.item-amsterdam.nl / www.wrk-timepieces.com / www.traumclub.com / www.terms.world / www.soon.global / www.oke-art.space / www.oem.care / www.monolith.nyc / www.aaronpoeandco.com / www.ingmarcoenen.com
✱ Flous / glass morphisme | www.lore.world / www.nnerflow.es/
✱ Mix Blend | www.basementroma.org / www.yard.me / www.locomotive.ca / www.hyperionla.com
✱ Micrographics | www.h3lag.com / www.areyou.okok.services / www.instagram.com/petroff_studio/saved/micrographics/17886514224123324/
https://www.instagram.com/p/DON8nkjjBEp/?img_index=2
https://www.instagram.com/p/DMGAOCQRKoH/
https://www.instagram.com/p/DMGAOCQRKoH/
https://www.instagram.com/p/DOMT604jqQi/
https://www.instagram.com/p/DLNDg32sV_B/?img_index=1
Lire
www.linkedin.com/posts/zacharywinterton_design-trend-i-am-loving-micrographics-ugcPost-7303880199396302850-ZAPl?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAJKUOYB_xqSIPerQQtciAiHICgm1-sFJ48
✽ Motion print / web www.pariselectronicweek.com / www.diplomatie-studio.fr/fr
Autres tendances
✱ Brutalisme kitch
www.brutalistwebsites.com / www.villanoailles.com / www.saintgervais.ch/
✦ Cools composants
✽ Menus popups
www.wrk-timepieces.com / www.enter-support.de / futureneers.io
✽ Barre de nav + flou www. bakkenbaeck.com / www.hundredstudio.co.uk /
www.in-puls.com / www.urbanplay.com.au / www.mason-fifth.com / www.4artists.management/
✽ Boutons + flou www.sustainableentertainmentalliance.org
✽ Nav déroulante horizontale : www.remingtonmatters.com/
✽ Nav déroulante en hover www.stereolabs.com/en-fr / https://floorscape.au/
✽ Nav déroulante sous logo www.spatial-labs.com
✽ Accordéons www.currentflowwoodwork.com / www.garagemca.org/ www.ottomotors.com / www.stripe.dev / www.twofiftyk.com
✱ Onglets| actionreport22.armedangels.com / https://floorscape.au / https://ottomotors.com
✽ Carrousel www.hyperionla.com/ www.mason-fifth.com/our-buildings/primrose-hill/
✦ Composants classiques à connaitre
✱ Slides
Slide avec drag www.rn13bis.fr/actions/presences / www.janu.com/ / www.reseau-diagonal.com/#accueil-actus
Slide delai + drag + flèches + numéros | www.newcrits.studio
Bento slide | www.highalpha.com
Slide avec délai www.theatre-bastille.com
✱ Navigation sticky www.folkkombucha.dk / www.lezef.org
✱ Bandeau défilant www.autograph.works / www.heyday.ch/
✱ Popup header www.circula.com
✱ Today | www.lafriche.org
✱ Mini news www.alexhunting.studio
✱ Popup cookies www.novameat.com
✦ À voir aussi
✱ Prehome www.lafriche.org / www.lezef.org
✱ Grillles www.aaronpoeandco.com / www.mason-fifth.com/our-buildings/primrose-hill / www.skinn.agency
✱ Listes, index, tableaux www.ingmarcoenen.com/work/list / www.3200kelvin.com / www.queens-universe.com
✱ Transitions | www.mep-fr.org/
✱ Inclassable mais stylé
www.weavy.ai/ https://www.kultiveret.com/
✦ French touch
✱ Agences
www.murmure.me | darkmode, tableau, big logo
www.descheval.com | coolstuff
www.abprojets.studio | coolstuff
www.studioplastac.fr | coolstuff
✱ Agences web
www.krabb.fr | coolstuff
www.tristanbagot.com | coolstuff
✦ À éviter
Parallax scrolling |www.turn.io
Scroll infini non maîtrisé
Sites lents, pas responsives, lourds
Site HTML - Poids images non optimisées www.ndbrg.com/vs7.html