Cours Web design • M2 ESDAC Marseille
Fichier test variables
Renommez votre fichier :
M2Mars Prénom
Si pas déjà fait partagez-le avec
jean-francois.petroff@ecole-esdac.fr
✱ Sujet 1 - Création d'un site boutique
Le zoning en PDF
Inventez le nom et choisissez le type de produits : technologie, sacs..
Suivez le zoning fourni mais vous pouvez le contourner en particulier la navigation
Créez une charte graphique simple, comprenant types de textes, boutons, encarts textes...
• Style : minimal, design modern
• Photos : libres de droit
• Navigation : déroulantes, cachées, micro interactions.
• Typos : Adobe Font / Google Font
• Logo : tendance typo
À créer :
- page d'accueil
- page produit
- popups : recherche / panier / whishlist / ...
Inspiration boutiques :
https://korudesign.it/ | logo XXL typo + hiérarchie exagérée / flou
https://item-amsterdam.nl/ | logo XXL typo + hiérarchie exagérée
https://www.wrk-timepieces.com/ | logo XXL typo + hiérarchie exagérée / micro interractions
https://remingtonmatters.com/ | Nav, blend mode - accordéon sur fiche
https://www.terms.world/ | logo XXL typo / grille
https://www.notom.co/ | vignettes produits / style minimal
https://willettspace.com/ | style/ bandeau défilant sur fiche produit
https://stiiilll.com/ | style
https://monolith.nyc/ | logo XXL typo
https://insubstance.com/ | nav / style
https://oem.care/ | nav / flou
https://oke-art.space/ / logo typo / couleurs
Autres :
www.spatial-labs.com | Nav déroulante sous logo
https://traumclub.com/ | logo XXL typo
https://www.soon.global/ | logo XXL typo / vidéo
https://basementroma.org/ | logo XXL + mix blend
https://www.yard.me/ | mix blend + vidéo