Site prototype

Projet de création d’un site web sur le thème de la K-pop

Sur image : Bangchan de Stray kids (Album THE SOUND)

Ce projet de groupe a été créé dans le cadre de mon programme de licence informatique sur le cours « Programmation Web ». La tâche principale pour moi était d’apprendre les langages de programmation et de créer un site sur n’importe quel sujet.

La philosophie et le design du site ont été repensés au fil du temps et sont actuellement en cours de redéveloppement.

 

Présentation

Ce site est consacré à la k-pop. Initialement, il était prévu de placer des informations de base sur quelques idoles et groupes de K-pop, mais par manque de temps, il a été réalisé moins que prévu. Après avoir rendu le projet final, j’ai repensé le site et son design, en ajoutant quelques éléments qui seront décrits ci-dessous.

Réalisation

Objectifs

  • Informer les utilisateurs sur les dernières actualités de la K-pop (uniquement sur ce sujet, à l’exclusion des sujets supplémentaires tels que : les séries télévisées et acteurs coréens, les artistes japonais ou chinois).
  • Fournir des informations sur les artistes :
    • Informations générales sur les groupes,
    • Liens vers toutes les ressources des artistes (réseaux sociaux, sites officiels, liens vers des applications),
    • Discographies
      Profils d’artistes (groupes et solos),
    • Classement des artistes.
  • Fournir des informations sur la K-pop (pour les personnes qui découvrent tout juste la K-pop ou pour suivre les changements au sein de l’industrie).
  • Permettre aux utilisateurs de trouver les informations qui les intéressent de manière simple et rapide.
  • Permettre aux utilisateurs de se divertir avec des quiz (de nombreux fans adorent les répondre et offrir une telle interactivité permettra aux utilisateurs de les trouver plus facilement).

 

Les objectifs principales ont été identifiées sur la base des besoins des fans et de l’analyse des informations les plus fréquemment recherchées dans ce domaine.

Cœur de cible​

Âge : 15-30 ans

Sexe : Femelle

Nationalité : Anglophones

Informations générales :

  • Ils connaissent la K-pop.
  • Ils veulent connaître des informations sur les artistes qui les intéressent.
  • Ils adorent recevoir des mises à jour sur leurs artistes préférés.

Cible principale

Âge : 11-30 ans

Sexe : Pas d’importance

Nationalité : Anglophones, francophones, hispanophones, russophones

Informations générales :

  • Ils ne connaissent pas grand-chose à la K-pop.
  • Ils veulent en savoir plus sur la K-pop.
  • Ils souhaitent obtenir des informations sur les artistes qui les intéressent.

Design du site

Cette partie assurera le design de la page principale du site avec des informations complémentaires sur les pages du site :

  • La première chose que l’utilisateur verra, ce sont les derniers clips sortis des artistes (avec production continue de clips sans son), avec un lien vers un article sur le comeback (un retour est la sortie d’un nouvel album).
  • La deuxième partie de la page principale est consacrée aux actualités. Lorsque vous passez la souris sur l’icône, l’image se recouvre d’un fond noir avec le nom complet de l’article afin de mieux voir l’information.
  • La page d’actualités aura :

    • Sur le côté droit de la page se trouve une barre de recherche
    • Il y aura des articles sous la barre de recherche
    • Il y aura des filtres sur le côté gauche de la page :
      • Catégories
      • Date (le plus récent en premier, le plus ancien en premier, plage de dates personnalisée)
      • Artistes

Sur la page “Artists”, les utilisateurs verront le classement des artistes pour le mois. En cliquant sur l’icône de l’artiste, la page de l’artiste s’ouvrira sur le site. En cliquant sur le bouton “Voir plus”, l’utilisateur accède à la page de classement d’une certaine catégorie d’artistes.

La page des artistes aura :

  • Sous menu en haut de la page :
    • Groupes
    • Solo
    • Classement
  • Lorsque on clique sur une certaine catégorie, les éléments suivants apparaîtront sous le sous-menu :
    • Sur le côté gauche se trouve une liste d’artistes par ordre alphabétique avec des icônes
    • Sur le côté gauche de la liste des artistes, il y aura un alphabet pour une navigation rapide
    • Sur le côté droit, il y aura un filtre pour le type de groupes (hommes, femmes et mix)
Exemple de présentation de page Artistes

Le menu du site s’ouvre lorsqu’on appuie sur le bouton “MENU”. Le menu aura une fenêtre séparée pour une navigation facile et pour fournir facilement une barre de recherche.

Le pied de page contient des informations supplémentaires sur le site, notamment des liens vers les pages de documentation du site.

En plus

Vous pouvez également consulter mon code original pour le site : https://github.com/Yodzoro/PROJECT_web