Sviluppo del progetto tematico "Perugia 1416"
Realizzazione di un sito web multipagina basato su WordPress e di una landing page realizzata tramite HTML e CSS
Wordpress
One Page
Elaborato 1
Sito su WordPress
www.perugia1416festa.eu
Il sito è stato realizzato con die obiettivi: informativo e commerciale. Da un lato, fornisce agli utenti il programma dettagliato dell’evento e altre informazioni utili; dall’altro, agevola l’acquisto dei biglietti, supportando così la promozione dell’iniziativa.
Fasi di realizzazione del progetto:
Attivazione del dominio e del servizio di hosting Aruba
Download di WordPress dal sito ufficiale
Caricamento dei file WordPress sull’hosting tramite FileZilla Client
Installazione del tema Kadence e configurazione dei parametri visivi
Creazione dei contenuti testuali e multimediali del sito
Implementazione della multilingua tramite il plugin Polylang
Integrazione della funzionalità e-commerce con WooCommerce
Collegamento ai profili social Facebook e Instagram
Adattamento alle normative GDPR: informativa sulla privacy e banner per la gestione dei cookie tramite il plugin Complianz
Attivazione del tracciamento con Google Analytics
Ottimizzazione SEO manuale e tramite il plugin Yoast SEO
Ottimizzazione dei metadati
Ottimizzazione della leggibilità per migliorare il posizionamento SEO
Test finale della responsività del sito tramite Responsinator
In conclusione, il sito è stato realizzato con attenzione a tutti questi aspetti fondamentali:
  • Multilingua
  • Ottimizzazione SEO e Google Analytics
  • E-commerce
  • Messa online
  • Adeguamento privacy e cookie policy 
  • Resa su responsinator
  • Rimandi ai canali social
Elaborato 2
One Page
www.perugia1416landing.eu
Landing page realizzata utilizzando i linguaggi HTML, CSS e JavaScript all’interno dell’ambiente di sviluppo Visual Studio Code. La pagina ha finalità di marketing e guida l’utente verso una call to action: "acquista i biglietti".
Nel landing page è stata utilizzata la stessa tavolozza di colori del sito principale multipagina

#f1f0ef

#baaa84

#6e3d10

#c56e35

Rimandi ai canali social

<section class="social-section">
  <p class="socials-text">
    Per quale Rione fai il tifo? Vieni sui nostri social e scrivi due parole gentili per incoraggiare e ispirare i partecipanti!
  </p>
  <div class="socials">
    <a href="https://www.facebook.com/perugia1416" target="_blank">
      <img src="facebook.png" alt="Facebook Perugia 1416">
    </a>
    <a href="https://www.instagram.com/perugia1416" target="_blank">
      <img src="instagram.png" alt="Instagram Perugia 1416">
    </a>
  </div>

Cookie Policy

<div class="cookie-banner" id="cookie-banner">
  <p>
    Questo sito utilizza i cookie per migliorare l'esperienza.
    <a href="https://www.perugia1416festa.eu/privacy-policy/" target="_blank">Leggi la privacy policy</a>.
    Accetti l'uso dei cookie?
  </p>
  <div class="cookie-buttons">
    <button id="accept-cookies">Accetta</button>
    <button id="reject-cookies">Rifiuta</button>
  </div>
</div>

Ottimizzazione SEO

<title>Perugia 1416 – Festa medievale a Perugia</title>
  <meta name="description" content="Scopri Perugia 1416: una rievocazione storica indimenticabile nel cuore dell’Umbria. Acquista i biglietti, guarda il programma e vivi tre giorni nel Medioevo!">

....

<img src="Stemma_Porta-Eburnea_600.png" alt="Perugia 1416 Porta Eburnea">

Google Analytics

if (localStorage.getItem("cookiesChoice") === "accepted") {
  loadGoogleAnalytics();
}

// Функция подгрузки GA
function loadGoogleAnalytics() {
  const gtagScript = document.createElement("script");
  gtagScript.setAttribute("async", "");
  gtagScript.src = "https://www.googletagmanager.com/gtag/js?id=G-6SKQRWPLLD"; 
  document.head.appendChild(gtagScript);

  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'G-6SKQRWPLLD'); 
}
Messa online
Resa su responsinator
In conclusione, il landing page è stato realizzato nel rispetto di tutti i requisiti richiesti, ovvero:
  • Ottimizzazione SEO e Google Analytics
  • Messa online
  • Adeguamento privacy e cookie policy 
  • Resa su responsinator
  • Rimandi ai canali social