Chaque jour est une victoire

Transforme ton quotidien en aventure

Une application de productivité gamifiée, conçue de bout en bout : analyse de marché, identité de marque, interfaces web et mobile, site WordPress, communication et vidéo promotionnelle.

Projet de fin de formationTitre CDUI · 2025 Référent : Hugo Lazare
Personnage illustré de Daylix plantant un drapeau au sommet d'un escalier
0phases de conception
0pages maquettées
0teintes de palette
0publications planifiées
Phase 01 — Le point de départ

Le problème

Les applications de productivité existantes motivent rarement sur la durée. Le constat de départ vient des données de l'INSEE sur notre rapport aux écrans.

0

des internautes réduisent leur temps de sommeil pour rester sur leurs écrans.

0

des 20-29 ans ont déjà tenté de limiter leur usage, sans y parvenir durablement.

0

ressent des effets négatifs liés à un usage excessif du numérique.

Source : INSEE, 2023.

L'idée

Plutôt que de lutter contre l'écran, en faire un outil d'accomplissement. Daylix transforme les tâches de la journée en quêtes à accomplir, avec des points d'expérience, des niveaux et des récompenses réelles.

Phase 02 — Cadrage

Comprendre le marché

Avant de dessiner quoi que ce soit : cartographier l'environnement, mesurer la pression concurrentielle et identifier la place qui reste à prendre.

Analyse PESTEL

Politique

RGPD, politiques de santé numérique, et règles propres à l'App Store et Google Play.

Économique

Marché du bien-être en croissance. Modèle freemium adapté, à condition d'équilibrer gratuité et monétisation.

Socioculturel

Forte attente d'expériences ludiques. Les réseaux sociaux portent l'adoption chez les jeunes.

Technologique

L'IA ouvre la porte à des quêtes générées automatiquement et des notifications intelligentes.

Environnemental

Optimisation des images et du poids des fichiers pour limiter l'empreinte du numérique.

Légal

Conformité RGPD, transparence des conditions d'utilisation, respect des plateformes de diffusion.

Les 5 forces de Porter

Intensité de la concurrence5/5
Menace des nouveaux entrants4/5
Pouvoir de négociation des clients4/5
Produits de substitution4/5
Pouvoir des fournisseurs3/5

Un marché très disputé, où la différenciation ne peut venir que de l'expérience proposée — pas de la fonctionnalité.

1234Intensité de laconcurrence5/5Menace desnouveaux entrants4/5Pouvoir de négociationdes clients4/5Pouvoir desfournisseurs3/5Produits desubstitution4/5
Diagramme de Kiviat — synthèse des cinq forces

Analyse concurrentielle

Habitica

Transforme les tâches quotidiennes en quêtes RPG avec avatars, niveaux et équipements.

  • Gamification poussée
  • Communauté active
  • Personnalisation des personnages
  • Interface datée et complexe
  • Courbe d'apprentissage décourageante

Finch

Application de bien-être et d'auto-soin où l'on fait grandir un petit oiseau virtuel.

  • Approche ludique et bienveillante
  • Forte dimension émotionnelle
  • Populaire chez les jeunes
  • Moins axée sur la productivité pure
  • Plutôt orientée santé mentale

Forest

Encourage la concentration en plantant un arbre virtuel tant que l'utilisateur reste focus.

  • Mécanique simple et efficace
  • Visuels attractifs
  • Bonne reconnaissance de marque
  • Fonctionnalités limitées
  • Ne gère pas la progression globale

Biscoto

Application centrée sur la motivation sportive et la progression physique au quotidien.

  • Approche claire du sport
  • Défis motivants
  • Ciblage précis
  • Peu adaptée aux tâches hors sport
  • Pas de gestion globale de la productivité
Gamification +Gamification −Personnalisation +Personnalisation −espace viséDaylixHabiticaFinchBiscotoForest
Mapping concurrentiel — Daylix est seul à croiser gamification forte et personnalisation forte

SWOT

Forces

  • Concept unique : quêtes, gamification et blocage volontaire
  • Attractivité forte auprès des jeunes adultes
  • Récompenses physiques différenciantes
  • Gratuité comme point d'entrée

Faiblesses

  • Nécessité de renouveler le contenu en continu
  • Coûts liés aux récompenses
  • Blocage parfois perçu comme une contrainte

Opportunités

  • Marché de la productivité et du bien-être en expansion
  • Tendance croissante à la gamification
  • Partenariats B2B et B2C envisageables

Menaces

  • Concurrence forte et bien installée
  • Imitation rapide du concept
  • Rejet possible de la monétisation
  • Contraintes réglementaires (RGPD)

Personas

E

Emma, 21 ans

Étudiante en psychologie · Toulouse
≈ 600 €/moisTikTok · InstagramBudget serré

Elle teste beaucoup de méthodes d'organisation mais abandonne vite si ce n'est pas ludique. Le blocage volontaire l'intéresse tant qu'elle garde le contrôle. Elle veut des paliers clairs et des récompenses visibles.

Sensibilité au ludique
Tolérance au prix
Besoin de communauté
M

Maxime, 30 ans

Chef de projet digital · Lyon
≈ 2 400 €/moisLinkedIn · YouTube3–5 €/mois

Il utilise déjà Notion et Trello mais cherche plus engageant. Il rejette les applications trop « gadget » : l'interface doit rester claire, les objectifs mesurables et l'expérience fluide, même sur des journées chargées.

Sensibilité au ludique
Tolérance au prix
Exigence d'efficacité
Phase 03 — Direction artistique

L'identité de marque

La charte graphique fixe les règles du jeu visuel, pour que la marque reste reconnaissable sur l'application, le site, les réseaux et les supports imprimés.

Le logotype

La goutte d'élixir symbolise l'énergie que l'application apporte. Dans l'univers du jeu vidéo, l'élixir est une ressource précieuse qui permet d'avancer et de se régénérer : le lien avec la gamification est immédiat. Le « D » stylisé assure l'identification dans les petits formats.

Logo primaire
Logo secondaire
Daylix
Logo tertiaire

Zone d'exclusion

Une marge de protection égale à la largeur de la goutte entoure le logo pour garantir sa lisibilité et éviter toute proximité étouffante avec d'autres éléments.

xx xx

x correspond à la largeur de la goutte.

  • Taille minimale écran : 120 px de large
  • Taille minimale impression : 25 mm de large
  • Le logo secondaire descend jusqu'à 32 px

Les interdits

Six manipulations qui détruisent l'intégrité du logo. Chaque exemple ci-dessous est le vrai logo, déformé en direct par du CSS.

Ne pas étirer horizontalement

Ne pas compresser verticalement

Ne pas incliner ni pivoter

Ne pas utiliser de couleur hors charte

Ne pas ajouter d'ombre ou d'effet 3D

Ne pas placer sur un fond au contraste insuffisant

Les couleurs

Deux violets portent l'identité, trois teintes secondaires l'équilibrent. Cliquez sur une couleur pour copier son code.

La palette secondaire ajoute 8 teintes, chacune déclinée en trois intensités. Elle permet à l'utilisateur d'attribuer une couleur à chaque catégorie de quête, et sert aux badges et aux composants — toujours dans le respect des contrastes d'accessibilité.

Jaune
Orange
Rouge
Rose
Violet
Bleu
Turquoise
Vert

Les typographies

Poppins pour l'essentiel — moderne, claire, polyvalente — avec une écriture manuscrite réservée aux slogans.

Poppins ExtraBold · titres

Fais de ta journée une victoire

Poppins ExtraLight · paragraphes

Fixe tes objectifs, reste concentré, progresse chaque jour.

Above the Beyond · slogans

Chaque jour est une victoire

Échelle typographique de Daylix
NiveauAperçuTaille
H1Aa2.25 rem
H2Aa2 rem
H3Aa1.5 rem
H4Aa1.25 rem
TexteAa1.2 rem
AccentuéAa1.5 rem
SecondaireAa0.875 rem

Pictogrammes & illustrations

Huit pictogrammes Daylix en flat design : livre, méditation, haltère, cerveau, cadenas, cible, badge XP et carte
Pictogrammes — un par catégorie de quête
Six illustrations de personnages Daylix en flat design représentant différentes quêtes
Illustrations — flat design, formes arrondies, ombres douces

Composants d'interface

Les composants sont reconstruits ici en HTML et CSS, exactement comme ils sont définis dans la charte.

Boutons
PrimarySecondary
Jauge d'XP linéaire
25XP
60 / 100 XP
Jauge d'XP circulaire
0
Badges
XP XP XP
Bronze · Argent · Or
Carte de quête
0 % Sport Commencer
Phase 04 — Conception

Du plan à l'écran

Arborescence, zoning, wireframe, puis maquette finale : chaque étape verrouille une décision avant de passer à la suivante.

Arborescence

AccueilInscriptionConnexionMon espaceMes ObjectifsMa ProgressionMesRécompensesLa communautéAide & SupportDashboardUtilisateurQuêtesClassementsSupportParamètres
Huit pages front-office accessibles depuis l'accueil, et un back-office accessible après connexion
Front-officeBack-office

Zoning & wireframes

Header — logo, menu, CTABloc Hero — accroche + visuel + boutonBloc 1Bloc 2Bloc 3Zone témoignagesFooter — liens utiles, réseaux, stores
1 · Zoning — la structure avant tout contenu
Wireframe de la page d'accueil du site Daylix
2 · Wireframe — accueil
Wireframe de la page récompenses
3 · Wireframe — récompenses

Les maquettes

Huit écrans maquettés, du premier contact jusqu'au paiement.

Maquette de la page d'accueil du site Daylix
Accueil
Maquette de la page Mes objectifs du jour
Mes objectifs
Maquette de la page Ma progression
Ma progression
Maquette de la page La vie de la communauté
Communauté
Maquette de la page Récompenses et badges
Récompenses
Maquette de la page Pass Premium
Pass Premium
Maquette de la page Panier
Panier
Maquette de la page FAQ et contact
FAQ & contact

Vue d'ensemble & responsive

Vue d'ensemble de toutes les maquettes du site web
L'ensemble des écrans web
Vue d'ensemble de toutes les maquettes de l'application mobile
L'ensemble des écrans de l'application mobile

Mise en ligne

Nom de domaine — daylix.app

L'extension .app rappelle immédiatement qu'il s'agit d'une application. Courte, crédible et peu coûteuse, elle renforce aussi le référencement par son originalité.

Plugins WordPress

ElementorImage Optimizer SVG SupportComplianz Yoast SEOAll in One WP Migration Jetpack

Mots-clés SEO

« application de quêtes quotidiennes » et « application de motivation ».

Réglages du référencement dans Yoast SEO
Titres & méta-descriptions
Analyse SEO des pages du site
Analyse des pages
Phase 05 — Diffusion

Faire connaître Daylix

Quatre idées portent la communication : motivation, ludique, communauté et crédibilité. Elles se déclinent du calendrier éditorial jusqu'aux goodies.

Motivation

Aider à avancer, chaque jour.

Ludique

Transformer la routine en jeu.

Communauté

Favoriser le partage et l'entraide.

Crédibilité

Donner une image sérieuse et pro.

Calendrier éditorial

Cinq semaines planifiées sur juillet 2025, avec en moyenne trois publications Instagram et deux TikTok par semaine.

21 publications
Calendrier éditorial de juillet 2025
DateFormatThématique RéseauObjectifCible
04/07RéelPrésentation de Daylix (teaser lancement)TikTok InstagramNotoriété18–30 ans curieux
05/07Story + sondage« Es-tu plutôt team productif ou team procrastination ? »InstagramEngagementÉtudiants
06/07Post carrousel« 5 raisons de tester Daylix cet été »InstagramAcquisitionNouveaux visiteurs
08/07Vidéo courteQuête « rangement de chambre » en timelapseTikTokGamification viraleJeunes actifs
09/07StoryTémoignage : « J'ai bloqué mon tél 1h, voilà ce que j'ai fait »InstagramFidélisationUtilisateurs récents
10/07Post + RéelDéfi communautaire : #MonDéfiDaylixTikTok InstagramEngagement / UGCCommunauté
12/07Carrousel éducatif« Comment former une habitude en 21 jours ? »InstagramValeur / contenu utileAuto-discipline
13/07Vidéo humoristiqueFaux tutoriel productivité extrêmeTikTokViralité / funÉtudiants
14/07Story« Quête du jour spéciale fête nationale »InstagramEngagement contextualiséFrance
15/07Publication partagéeRepost d'un utilisateur ayant réussi 7 jours de suiteInstagramFidélisationEarly users
16/07Réel« Ce qui se passe quand je bloque mon téléphone »TikTokMise en avant fonctionUtilisateurs hésitants
18/07Carrousel« Routine du matin : 3 quêtes simples à tester »InstagramContenu utileTous
19/07StoryQuiz interactif : « Quelle quête te motive le plus ? »InstagramInteractionÉtudiants
20/07Vidéo« Challenge des 3 jours sans distraction »TikTokAcquisitionNouveaux
22/07Post témoignageCapture d'avis utilisateur (visuel stylé + citation)InstagramRéassuranceCible hésitante
24/07StoryCompteur de progression communautéInstagramGamification communautaireFidèles
25/07RéelPrésentation du pass de combatTikTok InstagramConversionIntéressés par la récompense
27/07Infographie« Pourquoi on décroche aussi vite d'une résolution ? »InstagramÉducation + rétentionJeunes adultes
28/07Vidéo courteTime-lapse de 5 mini-quêtesTikTokMotivation collectiveTous
30/07Carrousel« 3 façons d'utiliser Daylix en vacances »InstagramMaintien de l'intérêtÉtudiants en pause

Les supports

Bannière publicitaire verticale Daylix avec QR code
Bannière publicitaire
Newsletter Daylix du nouvel an avec offre Premium
Campagne emailing — Mailchimp
Tote bag Daylix illustré avec le slogan Chaque jour est une victoire
Tote bag
Flyer Daylix recto avec le personnage et un QR code
Flyer — recto
Flyer Daylix verso listant les arguments du produit
Flyer — verso
Mise en situation du flyer Daylix
Mise en situation
Sticker Daylix en forme de bulle : plus 1 XP aujourd'hui
Sticker — +1 XP
Sticker Daylix : Niveau 10 débloqué, avec une fusée
Sticker — niveau débloqué
Sticker Daylix rond : Mission accomplie, avec un trophée
Sticker — mission accomplie

Un seul flyer, volontairement, pour éviter la production de documents destinés à finir à la poubelle. Les goodies suivent la même logique : des objets choisis pour être gardés et réutilisés.

Phase 06 — Film

La vidéo promotionnelle

Un film court pour raconter la promesse de Daylix en quelques secondes.

Le scénario

  1. 1
    L'ennui

    Une personne s'ennuie sur son téléphone, sans but précis.

  2. 2
    La prise de conscience

    Elle réalise qu'elle est débordée par une longue to-do list.

  3. 3
    La découverte

    Elle installe Daylix et décide de commencer une quête sportive.

  4. 4
    La progression

    L'application valide sa réussite et lui propose de nouvelles missions.

  5. 5
    La transformation

    Au fil du film, elle gagne en énergie et en équilibre, dans sa vie personnelle comme professionnelle.

  6. 6
    La signature

    Le logo secondaire se transforme en logo principal : la marque conclut le film.

Le montage

Montage de la vidéo Daylix dans Adobe Premiere Pro
Montage sur Adobe Premiere Pro

Rushes, musique et éléments graphiques ont d'abord été classés par dossiers pour travailler efficacement. La séquence est montée en 1920 × 1080 à 25 images par seconde, format adapté à YouTube.

La voix-off guide le spectateur, explique les étapes et porte le ton motivant de la marque. Bande son et animations respectent la charte jusqu'au dernier plan.

Bilan

Ce que le projet a produit

Livré

  • Une charte graphique complète de 18 pages
  • Une interface web et mobile maquettée de bout en bout
  • Un site vitrine WordPress optimisé pour le référencement
  • Une stratégie de communication sur cinq semaines
  • Une vidéo promotionnelle montée et sonorisée
  • Des supports imprimés et des goodies

Les prochaines étapes

  • Génération automatique de quêtes personnalisées par IA
  • Programmes de sport et de bien-être adaptés au profil
  • Personnalisation de l'interface avec la palette officielle
  • Tests utilisateurs pour simplifier l'ergonomie
  • Défis collectifs et mentorat entre utilisateurs
  • Offre premium et partenariats

Un autre projet ?

Sajou, une plateforme de mini-jeux multijoueurs à faire entre amis.