Aller au contenu principal
Alae BerradaProjet · Produit · Digital
CDI · 09/26Île-de-France
Projet principal · application webRecherche · conflits · export calendrier

Application web de planification · produit & technique

Sillage.

Une application responsive de gestion d’un programme d’activités avec recherche, filtres, détection des conflits et export calendrier.

Projet personnel — données de démonstration.

Vue desktop de Sillage avec recherche, filtres et programmation chronologique
Produit / aperçu réelRecherche · conflits · export calendrier

Contexte / Problème

Le besoin avant la réponse.

Contexte

Sillage explore la construction d’un produit web de planification, depuis la recherche d’activités jusqu’à la composition et l’export d’un programme personnel.

Problématique

Permettre de trouver, filtrer et organiser des activités dans un programme lisible, tout en signalant clairement les horaires qui se chevauchent.

02 / MON RÔLE

Un périmètre précis. Une contribution assumée.

Réflexion fonctionnelle, conception de l’interface, modélisation des données et développement de l’application responsive.

Démarche / Étapes

Du besoin au livrable.

  1. Définir le parcours de recherche, de filtrage et d’ajout au programme.

  2. Structurer les données nécessaires aux activités, lieux et horaires.

  3. Concevoir une interface responsive et ses principaux états.

  4. Implémenter la gestion du programme et la détection des conflits.

  5. Ajouter l’export du programme au format calendrier ICS.

Produit en situation

Le parcours devient produit.

Vue desktop de Sillage avec recherche, filtres et programmation chronologique
01 / Vue principale

Recherche, filtres et lecture chronologique sur desktop.

Vue mobile de Sillage avec introduction et premiers filtres de planification
02 / Adaptation mobile

Proposition de valeur et filtres réorganisés sur un écran mobile.

Décisions / Raisons

Choisir, puis expliquer.

  1. Donner la priorité aux dates et aux lieux grâce à une lecture chronologique.

  2. Conserver les filtres visibles et annoncer leurs effets sans rechargement de page.

  3. Signaler les conflits avec un libellé textuel, sans dépendre uniquement de la couleur.

06 / SOLUTION

La réponse, sans la sur-vendre.

Une application web responsive réunissant recherche, filtres, sélection d’activités, comparaison des horaires et génération d’un calendrier exportable.

Livrables

  1. Application responsive mobile et desktop.

  2. Recherche et filtres combinables.

  3. Programme personnel conservé dans le navigateur.

  4. Détection textuelle des conflits d’horaires.

  5. Export du programme au format ICS.

Recul / Transparence

Résultat et limites.

Technologies / outils

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • localStorage
  • ICS

Résultat / livrables

Une démonstration navigable couvrant le parcours fonctionnel de la recherche d’une activité à l’export du programme.

Limites / améliorations

Les activités et les lieux servent à la démonstration. L’application ne propose ni compte utilisateur, ni billetterie, ni synchronisation distante.