Le Contexte
Ce projet a été réalisé dans le cadre de ma formation à l’EEMI. Il s'agit d'un site vitrine fictif pour L'Atelier de la Fève, un café artisanal parisien.
L'objectif était double : créer une identité numérique forte ("Pas juste un café, une histoire") via un design immersif, et développer une fonctionnalité technique concrète : un module de Click & Collect connecté à une base de données.
Fonctionnalités & Défis
- Click & Collect : Formulaire PHP permettant de commander des boissons et de choisir un créneau horaire.
- Base de Données : Gestion des commandes via MySQL (stockage sécurisé des infos client).
- Architecture CSS : Création d'un design system complet (variables, typographie) sans framework.
- Responsive : Site entièrement adaptable mobile/desktop.
Stack Technique
-
HTML5 : Structure
-
CSS3 : Design Personnalisé
-
PHP : Backend & Logique
-
MySQL : Base de données
Direction Artistique
Palette "Nature & Café"
L'identité visuelle repose sur des tons naturels et chaleureux. Le fond crème adoucit la lecture, tandis que le terracotta et le vert sauge apportent une touche artisanale et organique, rappelant la terre et le végétal.
Typographie
L'association de deux polices complémentaires structure le contenu :
- Playfair Display : Pour les titres, apportant élégance et tradition.
- Manrope : Pour le corps de texte, assurant modernité et lisibilité.
Aperçu de l'interface
Voici un aperçu de l'ambiance visuelle du site :
