Ecuador

Le Concept Global : Pour ce projet fictif « Patagonia x Colombie », j’ai conçu le site comme une véritable descente géographique. L’utilisateur ne navigue pas sur une page web classique : il part du sommet des Andes pour descendre progressivement vers la forêt tropicale.

• Direction Artistique Vectorielle : J’ai intégralement dessiné cet immense décor vertical (arrière-plan) sur Adobe Illustrator. C’est une fresque continue qui change d’ambiance au fur et à mesure du scroll, passant du froid des sommets à la chaleur de la jungle.

1. La Page d’Accueil : Le Grand Plongeon La Home Page est une narration en plusieurs étapes, guidée par le scroll :

• Le Sommet (Hero Section) : Tout commence en haut de la montagne enneigée, dans un bleu nuit profond. C’est l’accroche, posant le décor et l’enjeu solidaire du projet.
• La Descente (Mission) : En scrollant, on traverse les nuages pour découvrir la mission humanitaire (« Redonner des sourires »), illustrée par des photos réelles qui ancrent le projet dans la réalité.
• La Vallée Interactive (Gamification) : On arrive ensuite dans les plaines vertes traversées par une rivière. Ici, place au jeu avec la section « À vos pinceaux ». J’ai intégré un module de dessin interactif où l’enfant peut imaginer ses propres motifs, guidé par la mascotte tatou artiste.
• La Forêt (Réassurance) : Plus bas, dans la densité des arbres, des pictogrammes rassurent les parents sur les engagements de la marque (Fabrication locale, Don pour la planète).
• L’Avant-Goût Boutique : Juste avant la fin, un carrousel présente les produits phares (Veste Tigre, Pull Ara) intégrés dans ce décor végétal.
• Le « Footer » Immersif (La Grotte) : Le bas de page n’est pas un footer standard, c’est une grotte mystérieuse qui sert de menu de navigation final et de point de contact.

2. La Page Concept : « Le Voyage » Accessible depuis la grotte, cette page est dédiée au storytelling pur. Sur un fond sable/beige doux, on suit le Tatou en pleine randonnée. C’est ici que l’on explique en détail « L’esprit de la communauté » et l’origine colombienne de la fabrication, avec une mise en page aérée type livre de conte.

3. La Page Produit & Le Shopping L’expérience d’achat reste ludique mais fonctionnelle :

• Fiche Produit : Mise en avant du vêtement (ex: Veste Tigre) sur fond texturé, avec des boutons de sélection de taille (3A, 4A…) gros et lisibles, pensés pour une interface tactile ou enfantine.
• Panier Latéral (Slide-in) : L’ajout au panier ne coupe pas la navigation ; un volet s’ouvre sur la droite pour confirmer l’article.

4. Le Paiement & La Validation Le tunnel de commande (Checkout) est épuré pour rassurer les parents :

• Étapes Claires : Livraison (France) -> Paiement (Carte, Apple Pay) -> Récapitulatif.
• Écran de Succès : La confirmation de commande (« Merci pour votre achat ») met en scène la mascotte les bras chargés de paquets, récompensant l’utilisateur pour son action.

5. La Newsletter (Dans la Grotte) Pour finir, retour dans la « Grotte » du bas de page d’accueil. C’est ici, gravé dans la roche, que se trouve le formulaire d’inscription à la Newsletter (« Le coin le plus chaleureux du web »). Le Tatou postier incite l’utilisateur à s’abonner pour recevoir du courrier, transformant une simple inscription en une promesse d’échange épistolaire.