Minutoeuf est une application web permettant aux utilisateurs de suivre des minuteries précises pour la cuisson des œufs (mollet, dur, à la coque, etc.). Le site offre une interface intuitive et moderne pour aider les utilisateurs à réussir leur cuisson en fonction de leurs préférences.
Cahier des charges
Objectifs du projet
Permettre aux utilisateurs de choisir le type de cuisson souhaité.
Fournir une minuterie intégrée pour suivre la cuisson.
Offrir une interface administrateur pour gérer les temps de cuisson (ajouter, modifier ou supprimer des types de cuisson).
Développer le site en Symfony pour le back-end et Bootstrap pour le front-end.
Fonctionnalités principales
Côté utilisateur
Accéder à une liste des différents types de cuisson disponibles.
Lancer une minuterie spécifique en fonction du choix de cuisson.
Interface claire et ergonomique adaptée aux mobiles et ordinateurs.
Côté administrateur
Se connecter via un espace sécurisé.
Ajouter de nouveaux types de cuisson avec leurs durées correspondantes.
Modifier les cuissons existantes.
Supprimer des cuissons obsolètes.
Contraintes techniques
Le site doit être responsive et s’adapter à tous les types d’écrans (mobile, tablette, desktop).
L’interface administrateur doit être sécurisée avec un système d’authentification.
Les temps de cuisson doivent être stockés dans une base de données pour permettre leur gestion dynamique.
Utilisation des routes Symfony pour structurer l’application.
Charte graphique
Palette de couleurs
J’ai choisi des tons naturels dominants pour évoquer la nature et le respect de l’environnement.
Rose : Couleur dominante, utilisée pour apporter une touche dynamique et moderne au site.
Beige : Utilisé en arrière-plan pour une ambiance douce et chaleureuse.
Blanc : Utilisé comme fond pour assurer une lisibilité optimale.
Noir : Pour le texte et certains éléments afin de créer un bon contraste.
Typographie
J’ai opté pour une police sans-serif moderne, assurant une bonne lisibilité. Les titres sont en gras pour structurer le contenu et guider l’utilisateur dans sa navigation.
Structure de la maquette
Page d’accueil : Présentation des différents types de cuisson et accès rapide aux minuteries.
Espace administrateur : Gestion dynamique des cuissons avec un tableau listant les options disponibles.
Navigation fluide : Un menu clair permettant d’accéder aux différentes sections.
Visuels et éléments interactifs
Icônes intuitives pour représenter chaque type de cuisson.
Boutons interactifs et animations légères pour améliorer l’expérience utilisateur.
Minuterie intégrée avec retour visuel sur le temps restant.
Expérience utilisateur (UX)
Un site 100% responsive, s’adaptant à tous les supports.
Interface simple et efficace, permettant aux utilisateurs de trouver rapidement l’information recherchée.
Une gestion facile des cuissons pour les administrateurs grâce à une interface intuitive.