WEB PROJECT PLAN

Hip Hop Culture

1. Idea

L'idea alla base di questo sito web è quella di creare uno spazio interattivo dedicato alla cultura Hip Hop, pensato per un pubblico appassionato e curioso. Non si tratta solo di una piattaforma informativa e multimediale, ma anche di un luogo in cui gli utenti possono scoprire la storia, i protagonisti, la musica e la moda che hanno definito questo movimento culturale. Per rendere l'esperienza ancora più coinvolgente, il sito offre una sezione catalogo dove gli utenti potranno esplorare artisti e tendenze, analizzare i momenti più significativi e confrontarsi con altri appassionati.

Il sito presenta una homepage intuitiva e dinamica che guiderà gli utenti attraverso tutte le funzioni disponibili. Una nav bar permette loro di accedere facilmente alle sezioni principali, tra cui:

  • I vari aspetti della cultura Hip Hop con approfondimenti su storia, protagonisti e evoluzione
  • Un catalogo completo di artisti influenti con le loro opere più significative
  • Una sezione dedicata ai producer e al loro impatto sulla musica
  • Una sezione sulla moda Hip Hop e la sua evoluzione nel tempo
  • Una pagina contatti per interagire con il team

Per lo sviluppo della piattaforma sono stati utilizzati strumenti come HTML5, CSS3 e JavaScript per la programmazione e la gestione del codice, con particolare attenzione all'estetica moderna ispirata al design Apple.

1.1 Mappa Concettuale del Sito

La seguente mappa concettuale illustra la struttura e l'organizzazione del sito Hip Hop Culture, mostrando le relazioni tra le diverse sezioni e contenuti.

Mappa Concettuale del Sito Hip Hop Culture

2. Brief

2.1 Finalità e obiettivi del progetto

Hip Hop Culture è un sito web che ruota intorno al mondo della cultura Hip Hop. Si propone di offrire agli utenti un'esperienza coinvolgente e informativa su questo movimento culturale, evitando pregiudizi e stereotipi. L'obiettivo è quello di semplificare la vita degli appassionati e delle persone che vorrebbero interfacciarsi con questo mondo. Hip Hop Culture offre, oltre ad un vasto catalogo informativo su artisti, storia e tendenze, la possibilità di esplorare le diverse sfaccettature di questa cultura in un unico e accattivante ambiente online, non fermandosi solo alla musica ma offrendo anche approfondimenti sulla moda e i producer.

2.2 Pubblico di riferimento

Hip Hop Culture è la piattaforma ideale per un pubblico giovane e adulto, con un'età compresa tra i 16 e i 40 anni. Pensato per una community vivace, dinamica e genuina, il sito si distingue per il suo layout accattivante, uno stile di scrittura fresco e una navigazione semplice. È un prodotto ideale anche per quei ragazzi che fino ad ora non hanno mai usato molto il computer, il tutto progettato per catturare l'attenzione e l'entusiasmo degli utenti con immagini accattivanti e trame coinvolgenti. L'accesso ai contenuti della piattaforma è immediato e, grazie al design moderno e intuitivo, gli utenti possono facilmente scoprire nuovi artisti e comunicare con altri appassionati.

2.3 Accesso alla risorsa

La giovane età dell'audience di riferimento e il fatto che molti utenti accederanno alla piattaforma tramite dispositivi diversi implica che la progettazione dell'interfaccia si concentri su un'esperienza ottimale su schermi di diverse dimensioni. Garantiamo un'esperienza responsive che si adatta perfettamente a desktop, tablet e smartphone. Gli utenti possono navigare facilmente attraverso il sito, esplorare il catalogo degli artisti, leggere la storia del movimento e scoprire le tendenze della moda Hip Hop.

2.4 Contenuti

I contenuti del sito sono organizzati in modo da offrire un'esperienza completa sulla cultura Hip Hop:

  • Storia dell'Hip Hop: timeline interattiva che racconta l'evoluzione del movimento dagli anni '70 ad oggi
  • Catalogo artisti: schede dettagliate dei 100 artisti più influenti con biografie, discografie e impatto culturale
  • Producer: focus sui produttori che hanno definito il suono dell'Hip Hop
  • Moda: evoluzione dello stile Hip Hop dalle origini alle tendenze contemporanee
  • Contatti: form per interagire con il team e rimanere aggiornati

3. Benchmark

3.1 Idea

Al giorno d'oggi, trovare siti che offrono informazioni sulla cultura Hip Hop è abbastanza comune. Tuttavia, è raro trovare piattaforme che non solo forniscono un'approfondita analisi storica e culturale, ma offrono anche la possibilità di esplorare un catalogo completo di artisti, producer e tendenze della moda in un unico luogo. Inoltre, non è semplice trovare un sito che presenti queste informazioni con un design moderno ispirato ad Apple, completamente responsive, in italiano e con un'interfaccia utente intuitiva e coinvolgente.

3.2 Contenuti Esistenti

  1. Siti di musica generalisti

    Offrono informazioni su artisti Hip Hop ma spesso mancano di profondità e contesto culturale. La grafica è generalmente standardizzata e l'esperienza utente non è ottimizzata per gli appassionati di Hip Hop.

  2. Blog specializzati

    Forniscono contenuti più approfonditi ma spesso mancano di una struttura organizzata e di un design moderno. L'esperienza utente può essere confusa e la navigazione non intuitiva.

  3. Piattaforme di streaming

    Offrono accesso alla musica ma raramente forniscono il contesto storico e culturale. Il focus è sulla riproduzione musicale piuttosto che sull'educazione e l'approfondimento.

  4. Social media dedicati

    Presentano contenuti frammentati e spesso mancano di una visione d'insieme della cultura Hip Hop. Non offrono un'esperienza strutturata e coerente.

4. Struttura

4.1 Mappa dei concetti

Il sito Hip Hop Culture è strutturato attorno a cinque pilastri principali:

  • Storia dell'Hip Hop
  • Catalogo degli artisti
  • Producer e produzione musicale
  • Moda Hip Hop
  • Contatti e community

Questi concetti sono interconnessi attraverso una navigazione fluida che permette agli utenti di esplorare le diverse sfaccettature della cultura Hip Hop in modo intuitivo.

4.2 Schema delle dipendenze

Dalla home page, mediante la NavBar è possibile raggiungere le varie sezioni in cui è diviso il sito:

  1. Home
  2. Storia
  3. Catalogo
  4. Producer
  5. Moda
  6. Contatti

Ogni sezione è autonoma ma interconnessa con le altre attraverso link contestuali che permettono una navigazione fluida e naturale.

4.3 Categorie di un item foglia

Ogni artista nel catalogo è categorizzato per:

  • Era (Old School, Golden Age, ecc.)
  • Stile musicale
  • Influenza culturale
  • Regione geografica

Ogni elemento della moda è categorizzato per:

  • Periodo storico
  • Stile
  • Influenza culturale
  • Brand iconici

5. Layout

5.1 HomePage

Su uno sfondo accattivante la pagina si struttura con un titolo principale, seguito da una navbar con cui si ha la possibilità di navigare all'interno della stessa home-page o andare in altre pagine. La homepage è il fulcro dell'applicazione web e offre diverse sezioni:

  • Una breve descrizione su di noi e la nostra missione
  • Sezioni dedicate alle diverse aree della cultura Hip Hop con immagini accattivanti
  • Un footer con i nostri canali social e i nostri contatti

5.2 Storia

La pagina Storia presenta una timeline interattiva che racconta l'evoluzione dell'Hip Hop dagli anni '70 ad oggi, con focus sui momenti chiave, i protagonisti e le innovazioni che hanno plasmato questa cultura.

5.3 Catalogo

Wireframe delle Pagine

I seguenti wireframe mostrano il layout e la struttura di ciascuna pagina del sito, fornendo una rappresentazione visiva dell'interfaccia utente e dell'organizzazione dei contenuti.

Home Page

Wireframe Home Page

Pagina principale con introduzione alla cultura hip hop e accesso alle diverse sezioni del sito.

Storia

Wireframe Storia

Timeline e informazioni sull'evoluzione dell'hip hop dalle origini ai giorni nostri.

Catalogo

Wireframe Catalogo

Raccolta di artisti e album fondamentali nella storia dell'hip hop.

Producer

Wireframe Producer

Profili dei principali producer e il loro contributo alla musica hip hop.

Moda

Wireframe Moda

Evoluzione dello stile e tendenze nella cultura hip hop attraverso i decenni.

Contatti

Wireframe Contatti

Form di contatto e informazioni per comunicare con il team di Hip Hop Culture.