Aller au contenu

Proposition de refonte

Ce qui change, et pourquoi

Ce prototype reprend les contenus de Cori-Flix et se concentre sur l'expérience : moins d'étapes pour lire ou regarder, plus de repères, et le même confort sur mobile et sur ordinateur. Tout est cliquable et rien n'est envoyé : la liste, la progression et les suivis restent dans le navigateur.

  1. 01Une navigation en français, pensée pour le pouce

    Voir l’accueil

    Avant

    Menus en anglais (Library, Watchlist, Search, Log in) sur un site entièrement francophone, et un menu hamburger sur mobile qui cache les rubriques.

    Après

    • Accueil, Catalogue, Top 10 et Ma liste, partout dans la même langue.
    • Sur mobile et tablette, une barre d’onglets en bas de l’écran, à portée de pouce, avec la recherche au centre.
    • Un lien « Aller au contenu » et un en-tête qui reste discret en défilant.
  2. 02Un accueil qui commence par toi

    Voir l’accueil

    Avant

    Un carrousel qui occupe tout l’écran (100 % de la hauteur sur mobile) avant le moindre contenu, neuf rangées dont plusieurs répètent les mêmes œuvres, et aucun moyen de reprendre une lecture.

    Après

    • « Reprendre » juste sous un hero compact : progression, position exacte et nouveaux chapitres signalés.
    • Un sélecteur Tout, Lire ou Regarder, mémorisé, qui adapte toute la page.
    • Des rangées dédoublonnées : une œuvre déjà montrée plus haut laisse sa place à une autre.
    • Des vignettes nommées montrent la suite du carrousel, qui se met en pause au survol et au clavier.
  3. 03Des nouveaux chapitres lisibles d’un coup d’œil

    Voir les sorties

    Avant

    Le numéro de chapitre apparaissait en petit sous l’affiche, sans date de sortie.

    Après

    • Les deux derniers chapitres de chaque œuvre, avec leur date (« il y a 2 h ») et un badge Nouveau.
    • Ta position de lecture affichée à côté, et un filtre « Mes suivis » pour ne voir que tes séries.
    • Chaque chapitre ouvre directement le lecteur, sans page intermédiaire.
  4. 04Une recherche instantanée

    Essayer

    Avant

    Une recherche discrète, en anglais, qui renvoie vers une page de résultats.

    Après

    • Ctrl K ou la touche / depuis n’importe quelle page, y compris le lecteur.
    • Résultats en direct, sans tenir compte des accents ni des majuscules, avec le passage trouvé surligné.
    • Filtre par format, recherches récentes, tendances de la semaine et navigation au clavier.
  5. 05Un catalogue qui se filtre sans effort

    Voir le catalogue

    Avant

    Un bloc publicitaire avant les résultats (tout le premier écran sur mobile), des filtres en listes déroulantes et deux vocabulaires de genres mélangés (« Action & Aventure » et « Action »).

    Après

    • Filtres toujours visibles : barre latérale sur ordinateur, panneau dédié sur mobile.
    • Un compteur sur chaque option, des filtres actifs retirables en un clic et un lien partageable.
    • Des genres unifiés, et la publicité intégrée dans la grille après les premiers résultats.
  6. 06Une fiche œuvre qui va droit au but

    Voir One Piece

    Avant

    Une bannière d’environ 1 100 px à faire défiler avant le titre, aucun bouton Lire visible sans scroller, une page intermédiaire avant la liste des chapitres et des impasses « Aucun épisode disponible ».

    Après

    • Titre et bouton principal visibles immédiatement, et contextuels : « Reprendre · Ch. 1196 ».
    • Les formats en onglets, avec chapitres et épisodes directement sur la fiche.
    • Saut direct à un numéro, tranches de 100 chapitres, statut lu ou en cours, bouton Suivre.
    • Quand un format est vide, on propose de suivre l’œuvre ou de passer à un format disponible.
  7. 07Un lecteur qui s’efface

    Ouvrir le lecteur

    Avant

    Une publicité d’environ 700 px avant la première planche et une barre d’icônes sans libellés.

    Après

    • La lecture commence tout de suite, la barre se masque en lisant et revient au moindre geste.
    • Une barre de progression, un sélecteur de chapitre et le chapitre suivant en fin de lecture.
    • Flèches du clavier, mode page par page pour les mangas et largeur réglable.
    • La publicité arrive après le chapitre, quand le lecteur a fini.
  8. 08Un lecteur vidéo qui enchaîne

    Ouvrir le lecteur vidéo

    Nouveau

    • Reprise exactement là où tu t’étais arrêté.
    • Bouton « Passer l’intro » et épisode suivant automatique, que l’on peut annuler.
    • La liste des épisodes à côté du lecteur, et des raccourcis clavier (espace, flèches, M, F).
  9. 09Un Top 10 qui raconte la semaine

    Voir le Top 10

    Avant

    Des compteurs de vues très faibles (« 0 vues », « 1 vues ») qui desservent les œuvres, et un rouge étranger à la charte.

    Après

    • L’évolution dans le classement : places gagnées, perdues ou nouvelle entrée.
    • Des catégories qui ont du sens : mangas et webtoons, animes, films et séries.
    • Un podium lisible et un bouton Lire ou Regarder sur chaque ligne.
  10. 10Ma liste, sans compte obligatoire

    Voir ma liste

    Avant

    La liste renvoyait vers une page de connexion.

    Après

    • Liste, progression et suivis fonctionnent dès la première visite, sur l’appareil.
    • La connexion ne sert qu’à synchroniser, dans une fenêtre qui ne fait pas quitter la page.
    • Une cloche regroupe les nouveaux chapitres des œuvres suivies.
  11. 11Confort et accessibilité

    Parcourir

    Nouveau

    • Contrastes conformes WCAG AA, focus visible, cibles tactiles de 44 px et navigation complète au clavier.
    • Les animations respectent le réglage « réduire les animations » du système.
    • Les emplacements publicitaires ont une taille réservée : la page ne saute plus quand ils se chargent.
    • Toutes les actions importantes ont une confirmation et un bouton Annuler.
  12. 12Une identité conservée, affinée

    Revenir à l’accueil

    Nouveau

    • Le violet et la mascotte de Cori-Flix sont gardés, sur un fond encre plus doux.
    • Deux typographies au lieu d’un mélange : Bricolage Grotesque pour les titres, Hanken Grotesk pour le texte.
    • Des badges de format discrets à pastille de couleur, à la place des bandeaux saturés sur chaque affiche.
Made with Modulify