Rôle
Développeuse Web
Cours
2ème partiel en 1ère année de Bachelor Cycle Web et Multimédia
Outils
PHP, SQL, HTML, CSS, JS
Contexte et Recherche
Trip’Horizon est un site E‑commerce fictif, réalisé dans le cadre du deuxième partiel de ma première année de Bachelor Cycle Web & Multimédia à MyDigitalSchool Vannes. Le projet devait être conçu en seulement 4 jours, par équipe de trois personnes : un développeur, un designer et un marketeur. Ma mission était de développer un site E‑commerce complet, fonctionnel et attractif, en respectant un cahier des charges précis et un délai très court.
La recherche a débuté par une mise en commun des idées avec mon équipe, composée de Fablec Maëlle (marketing) et Bruche Julie (design). Ensemble, nous avons défini le concept de la marque : une agence de voyage en ligne, proposant des packs de séjours surprises, destinés aux jeunes adultes de 18 à 25 ans. Le nom Trip’Horizon a été choisi pour refléter l’idée de découverte, de spontanéité et d’aventure. À partir de cette base, Julie a conçu la charte graphique (logo + palette de couleurs), tandis que j’ai réalisé le wireframe puis la maquette Figma, afin de structurer l’expérience utilisateur et l’interface du site.
Difficultés
La principale difficulté a été de développer un site E‑commerce complet sans CMS, en utilisant uniquement PHP, SQL et la bibliothèque Flight, tout en respectant un délai très court. Il a également fallu gérer la structure du site, la base de données, les pages dynamiques et la sécurisation des formulaires, tout en assurant une cohérence avec la charte graphique et la maquette.
Compétences transversales
Ce projet m’a permis de renforcer ma capacité à travailler en équipe, à communiquer efficacement et à m’adapter à un rythme intensif. J’ai également développé des compétences en gestion de projet, en organisation et en respect de contraintes techniques et temporelles.
Identité visuelle
TYPOGRAPHIE
Acumin Pro
Lisible et dynamique
Une police de caractères sans empattement qui se distingue par sa sobriété, sa modernité et son excellente lisibilité. Grâce à ses nuances de gras et à son design équilibré, elle s’adapte aussi bien aux titres qu’au texte courant.
PALETTE DE COULEURS
La palette repose sur des tons roses, bleus et jaunes sable, créant une identité visuelle jeune, énergique et orientée voyage.
LOGO
Créatif et innovant
Le logo a été conçu par Bruche Julie, en cohérence avec la palette de couleurs et l’univers de la marque. Il reflète l’esprit dynamique, moderne et surprenant de Trip’Horizon.
Développement
Le site a été développé sans CMS, en utilisant les langages et technologies, HTML, CSS, PHP, SQL, Flight et Docker. Un environnement serveur local a été mis en place, grâce à Docker, afin de tester le site dans des conditions proches de la production. L’architecture repose sur Flight, pour la gestion des routes et de la logique serveur, tandis que la base de données SQL, administrée avec PHPMyAdmin, est connectée via un fichier centralisé. Les pages sont développées en HTML et PHP avec une séparation des éléments communs, et le style est assuré par les fichiers CSS dédiés. Le site comprend des pages de présentation, de newsletter, de voyages, de réservation et de contact, permettant aux utilisateurs de consulter les différentes offres, de réserver un voyage avec enregistrement des données en base SQL et de remplir des formulaires sécurisés.
$stmt = $pdo->prepare(
»INSERT INTO reservation (voyage_id, nom_client, email_client)
VALUES (:voyage, :nom, :email) »
);
$stmt->execute([
’:voyage’ => $voyage_id,
’:nom’ => $nom_client,
’:email’ => $email,
]);
Développement d’un E‑commerce sans CMS
Création d’un site complet uniquement avec HTML, CSS, PHP, SQL, Flight et Docker.
Structure dynamique et modulaire
Pages organisées via templates, routes Flight, base SQL et maquette Figma.
Sécurisation et gestion des données
Formulaires sécurisés, réservations enregistrées en base de données, structure propre et maintenable.
Conclusion et résultat final
Trip’Horizon a été un projet intense et formateur, qui m’a permis de développer un site E‑commerce complet en un temps limité, sans CMS, tout en respectant une charte graphique et une maquette professionnelle. Ce travail met en valeur mes compétences en développement web, en gestion de base de données, en organisation et en travail d’équipe. Il constitue une étape importante dans mon apprentissage du développement back et front.
