Les projets clients
Bienvenue dans votre agence de développement web !
Tout au long de cette activité, vous allez vous mettre dans la peau d’un développeur web. Plusieurs clients ont fait appel à votre agence pour créer leur futur site Internet. Chacun possède des besoins différents : boutique en ligne, site vitrine, plateforme de streaming, refuge pour animaux, et bien d’autres.
Votre mission est de choisir l’un des projets proposés et de réaliser l’ensemble des pages demandées. Vous êtes libre de faire vos propres choix graphiques (couleurs, typographie, images, mise en page, etc.) afin de créer un site unique, à condition de respecter les besoins et les attentes du client, et de proposer une expérience utilisateur claire et soignée !
Contraintes
Le site devra être réalisé uniquement avec HTML, CSS et Tailwind CSS.
Cela signifie que toutes les fonctionnalités devront être visuelles uniquement :
- les formulaires n’enverront aucune information
- les boutons n’effectueront aucune action réelle
- les connexions et créations de compte seront fictives
- les paniers d’achat ne sauvegarderont pas les produits
- les recherches, discussions et paiements seront uniquement représentés par l’interface.
L’objectif n’est pas de créer un site fonctionnel, mais de concevoir une interface web moderne, agréable et fidèle à la demande du client.
Chaque projet est associé à un niveau de difficulté représenté par des étoiles.
- Projet ⭐⭐ : des sites vitrines relativement simples, idéals pour consolider les bases du HTML, du CSS et de Tailwind CSS.
- Projet ⭐⭐⭐ : des projets plus complets intégrant des catalogues, des fiches détaillées, davantage de navigation et des interfaces plus riches.
- Projet ⭐⭐⭐⭐ : des interfaces plus ambitieuses (messagerie, plateforme de streaming, tableaux de bord, etc.) qui demandent une réflexion plus poussée sur l’organisation des pages et l’expérience utilisateur, tout en restant réalisables uniquement avec HTML, CSS et Tailwind CSS.
Choisissez un projet qui correspond à votre niveau… ou relevez un défi en tentant un projet plus ambitieux !
Projets ⭐⭐
Le groupe de rock
Votre client
Un groupe de rock prépare sa première tournée. Il souhaite un site moderne pour présenter son univers et permettre à ses fans de réserver leurs places.
Pages à réaliser
- Une page d’accueil avec une grande image et une présentation du groupe.
- Une page des dates de la tournée.
- Une galerie photo des concerts.
- Une page de billetterie.
⭐ Défis bonus
- Ajouter un lecteur audio avec un extrait d’une chanson.
- Intégrer une vidéo de présentation du groupe.
Le refuge pour animaux
Votre client
Un refuge souhaite présenter ses animaux afin de favoriser leur adoption.
Pages à réaliser
- Une page d’accueil
- Une page listant les animaux
- Une fiche détaillée d’un animal
- Une page de contact
- Une page expliquant comment aider le refuge
⭐ Défis bonus
- Afficher un badge « Adopté » sur certains animaux
- Ajouter un formulaire de demande d’adoption
Le club de football
Votre client
Le club de football de votre ville souhaite un nouveau site pour communiquer avec ses supporters.
Pages à réaliser
- Une page d’accueil
- Une page présentant les joueurs
- Une page du calendrier des matchs
- Une page des résultats
- Une page de billetterie
⭐ Défis bonus
- Ajouter une galerie photo des matchs
- Créer une section « Dernières actualités »
Projets ⭐⭐⭐
La boutique écoresponsable
Votre client
Une entreprise vend des produits fabriqués à partir de matériaux recyclés et souhaite développer sa boutique en ligne.
Pages à réaliser
- Une page d’accueil présentant les valeurs de l’entreprise
- Une page catalogue
- Une fiche produit
- Une page panier
- Une page de contact
⭐ Défis bonus
- Afficher des labels écologiques sur les produits.
- Ajouter une section expliquant l’impact écologique de chaque produit.
La boutique de jeux vidéo
Votre client
Un magasin spécialisé souhaite vendre des jeux vidéo, des consoles et des accessoires sur Internet.
Pages à réaliser
- Une page d’accueil mettant en avant les nouveautés.
- Une page catalogue.
- Une fiche détaillée d’un jeu.
- Une page panier.
- Une page de commande.
⭐ Défis bonus
- Ajouter un système de filtres par catégorie
- Afficher les promotions et les nouveautés avec des badges
Le portail Manga & Anime
Votre client
Une association de passionnés souhaite créer un portail pour partager ses mangas et animes préférés.
Pages à réaliser
- Une page d’accueil
- Une page présentant les mangas
- Une fiche détaillée d’un manga
- Une page des mangas les mieux notés
- Une page de profil
⭐ Défis bonus
- Ajouter une liste de favoris
- Créer un classement des mangas les plus populaires
Projets ⭐⭐⭐⭐
La plateforme de streaming
Votre client
Un créateur de contenu souhaite lancer sa propre plateforme de streaming vidéo.
Pages à réaliser
- Une page d’accueil
- Une page de recherche avec les miniatures des vidéos
- Une page de lecture avec la vidéo et un chat
- Une page de profil du créateur
⭐ Défis bonus
- Ajouter une section « Streams recommandés ».
- Afficher le nombre de spectateurs et la durée du live.
L’assistant IA
Votre client
Une startup lance un assistant intelligent capable de répondre aux questions des utilisateurs.
Pages à réaliser
- Une page d’accueil
- Une page de discussion
- Une page présentant les offres
- Une page FAQ
- Une page de contact
⭐ Défis bonus
- Créer une interface qui ressemble à une vraie messagerie.
- Ajouter une liste des anciennes conversations.