Minutoeuf

Description du projet

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.

Site en ligne

Oui

Type de projet

Projet perso

Stack technique