Brigida Aura di Luna è una cartomante e sensitiva a Roma. Il progetto ha riguardato la realizzazione di un sito web per cartomante a Roma sviluppato in codice e accompagnato dalla creazione del logo e di un’identità visiva coordinata.
L’obiettivo principale era costruire una presenza online capace di rappresentare lo stile personale di Brigida attraverso un’atmosfera mistica, elegante e riconoscibile. Allo stesso tempo, il sito doveva mantenere una navigazione semplice e permettere agli utenti di trovare facilmente servizi, risposte e contatti.
Ho sviluppato il sito con HTML, CSS, Bootstrap, JavaScript, AJAX e PHP. Inoltre, ho organizzato la struttura attraverso una hero animata, la presentazione della professionista, i servizi di cartomanzia, una galleria fotografica, le domande frequenti, i contatti e il collegamento alla piattaforma Kang.
Una parte centrale del lavoro ha riguardato la progettazione grafica. Per questo motivo, ho studiato insieme logo, colori, immagini, tipografia, animazioni e componenti, così da creare un sito coerente con l’immaginario e la sensibilità della cliente.
Il Progetto Brigida Aura di Luna
- Cliente: Brigida Aura di Luna
- Settore: cartomanzia e lettura dei Tarocchi
- Località: Roma
- Tipologia: sito web custom responsive
- Intervento: sviluppo del sito, progettazione grafica e creazione del logo
- Tecnologie: HTML5, CSS3, Bootstrap, JavaScript, AJAX e PHP
- Integrazione esterna: collegamento alla piattaforma Kang
Il sito doveva presentare Brigida, descrivere i consulti disponibili e accompagnare l’utente verso le principali possibilità di contatto. Di conseguenza, ho costruito un percorso lineare che parte dalla presentazione personale e conduce progressivamente verso servizi, FAQ e modalità di richiesta.
In particolare, ho organizzato la struttura nelle seguenti sezioni:
- hero introduttiva;
- presentazione di Brigida;
- servizi di cartomanzia;
- galleria fotografica;
- schede informative dei consulti;
- domande frequenti;
- contatti;
- collegamento alla piattaforma Kang.
Un Sito Costruito Intorno allo Stile della Cliente
Brigida si presenta come una persona empatica, ricettiva e sognatrice. Nata sotto il segno dei Pesci, utilizza la lettura dei Tarocchi come strumento per accompagnare le persone nella ricerca di risposte e di una maggiore consapevolezza interiore.
Questi elementi hanno orientato l’intero progetto grafico. Infatti, il sito non doveva avere l’aspetto di una pagina aziendale tradizionale, ma trasmettere una dimensione più intima, evocativa e personale.
Tuttavia, un’atmosfera visiva intensa non doveva rendere la pagina difficile da consultare. Per questo motivo, ho mantenuto una struttura ordinata, una gerarchia chiara e percorsi facilmente riconoscibili.
Durante la progettazione ho lavorato su:
- palette cromatica;
- immagini e simboli;
- contrasti;
- tipografia;
- spaziatura delle sezioni;
- animazioni;
- pulsanti e collegamenti;
- coerenza tra logo e interfaccia;
- adattamento della grafica ai dispositivi mobili.
Creazione del Logo e dell’Identità Visiva
Il progetto ha compreso anche la creazione del logo di Brigida Aura di Luna.
Non ho trattato il logo come un elemento separato da inserire successivamente nel sito. Al contrario, l’ho progettato insieme alla grafica, affinché forme, colori e atmosfera dialogassero con il resto dell’esperienza visiva.
In particolare, l’identità visiva doveva risultare:
- immediatamente riconoscibile;
- coerente con il nome Aura di Luna;
- elegante senza risultare eccessiva;
- adatta al mondo dei Tarocchi e della sensibilità spirituale;
- utilizzabile sia nel sito sia in altri materiali digitali;
- leggibile su sfondi e dimensioni differenti.
Inoltre, ho curato la relazione tra il simbolo, il nome e la palette cromatica. In questo modo, il logo non appare come un elemento aggiunto, ma come parte integrante della comunicazione.
La cliente ha apprezzato particolarmente il risultato, perché sia il logo sia il design del sito hanno rispecchiato lo stile che desiderava comunicare.
Presentazione di Brigida
Ho dedicato una sezione specifica alla presentazione personale di Brigida.
In un progetto di questo tipo è importante mostrare chiaramente la persona che offre il consulto. Infatti, la comunicazione non può dipendere soltanto da simboli, immagini o descrizioni generiche dei servizi.
La fotografia rende il sito più personale e associa immediatamente il nome della professionista a un volto riconoscibile. Inoltre, aiuta l’utente a creare un primo contatto prima ancora di richiedere un consulto.
Il testo introduttivo comunica i tratti che caratterizzano la sua attività:
- sensibilità;
- empatia;
- ascolto;
- intuizione;
- lettura dei Tarocchi;
- ricerca di chiarezza e consapevolezza.
Ho collocato la presentazione subito dopo la parte iniziale del sito. In questo modo, l’utente può comprendere chi è Brigida prima di consultare nel dettaglio i servizi disponibili.
Sviluppo Custom con Bootstrap
Ho sviluppato il sito direttamente in codice, utilizzando Bootstrap come base per la griglia responsive.
La struttura non deriva da un tema WordPress o da un template preconfezionato. Al contrario, ho adattato ogni sezione alle caratteristiche specifiche del progetto e allo stile della cliente.
In particolare, ho utilizzato Bootstrap per organizzare:
- contenitori;
- colonne;
- allineamenti;
- spaziature;
- comportamento responsive;
- navigazione;
- sezioni dei servizi;
- galleria;
- FAQ;
- area dei contatti.
Successivamente, ho utilizzato CSS personalizzato per definire l’aspetto finale. Ho quindi lavorato su colori, sfondi, bordi, tipografia, animazioni, pulsanti e componenti grafici.
In questo modo, Bootstrap ha fornito una base tecnica flessibile, mentre il CSS custom ha dato al progetto un’identità visiva autonoma e riconoscibile.
Una Grafica Mistica ma Ordinata
Il principale equilibrio da raggiungere consisteva nel creare un’atmosfera intensa e suggestiva senza compromettere la leggibilità.
Infatti, un design legato alla cartomanzia può facilmente accumulare troppi elementi decorativi. Per questo motivo, ho scelto una gerarchia visiva chiara e ho utilizzato ogni elemento grafico con uno scopo preciso.
In particolare, ho distinto le sezioni attraverso:
- variazioni controllate degli sfondi;
- immagini coerenti con il tema;
- spaziature ampie;
- titoli riconoscibili;
- pulsanti ben visibili;
- contrasti tra testo e sfondo;
- componenti grafici coordinati.
Di conseguenza, il risultato mantiene una forte identità visiva ma permette comunque di individuare rapidamente presentazione, servizi, risposte e contatti.
Inoltre, ho evitato che immagini, animazioni e simboli competessero tra loro. Ogni elemento accompagna il contenuto e contribuisce all’atmosfera senza rendere la pagina confusa.
Hero Animata
La hero rappresenta uno degli elementi più caratterizzanti del sito.
Ho utilizzato l’animazione iniziale per creare un primo impatto visivo coerente con l’atmosfera di Brigida Aura di Luna. Allo stesso tempo, ho mantenuto ben leggibili il nome, il testo introduttivo e gli elementi di navigazione.
La sezione iniziale combina:
- nome e identità della professionista;
- immagine principale;
- elementi animati;
- testo introduttivo;
- navigazione;
- inviti a proseguire nel sito.
Non ho inserito l’animazione come elemento isolato. Al contrario, l’ho integrata nella composizione generale della hero, mantenendo una relazione coerente con logo, immagini e palette cromatica.
Inoltre, ho adattato il comportamento alle diverse dimensioni dello schermo. In questo modo, gli elementi principali mantengono leggibilità e proporzioni corrette anche sui dispositivi mobili.
Sezione dei Servizi di Cartomanzia
Ho organizzato i servizi in una sezione dedicata, utilizzando una presentazione visiva coerente con il resto del sito.
Prima di tutto, l’utente deve poter distinguere rapidamente le diverse proposte. Per questo motivo, ogni servizio presenta informazioni essenziali e un percorso chiaro verso i dettagli.
In particolare, ogni proposta permette di comprendere:
- tipologia del consulto;
- argomento affrontato;
- modalità del servizio;
- eventuale prezzo;
- azione necessaria per richiederlo.
Inoltre, la disposizione grafica distingue i servizi senza interrompere l’atmosfera generale del sito. Colori, titoli e componenti mantengono infatti la stessa identità utilizzata nelle altre sezioni.
Scheda del Servizio con Apertura in Sovrapposizione
Per mostrare le informazioni di un consulto ho utilizzato una scheda che si apre sopra il contenuto della pagina.
Grazie a questo componente, l’utente può visualizzare i dettagli senza raggiungere una nuova pagina. Di conseguenza, il percorso rimane rapido e non interrompe la navigazione.
La scheda mette in evidenza:
- nome del servizio;
- descrizione;
- prezzo;
- informazioni utili;
- possibilità di procedere con la richiesta.
Dal punto di vista grafico, il componente riprende colori e stile del sito. Pertanto, la scheda appare come una parte naturale dell’interfaccia e non come una finestra esterna scollegata dall’identità visiva.
Inoltre, ho mantenuto ben riconoscibili sia le informazioni principali sia il comando necessario per chiudere la scheda e tornare alla pagina.
Galleria Fotografica
La galleria contribuisce a sviluppare l’atmosfera del progetto attraverso una selezione di immagini coerenti con il mondo di Brigida Aura di Luna.
Tuttavia, le immagini non svolgono soltanto una funzione decorativa. Al contrario, rafforzano il tono della comunicazione e creano continuità tra le diverse parti del sito.
In particolare, la galleria permette di:
- rafforzare il tono del sito;
- creare continuità tra le sezioni;
- rendere riconoscibile lo stile della cliente;
- alternare parti informative e visuali;
- accompagnare l’utente verso i contenuti successivi.
Inoltre, ho reso la galleria responsive. Di conseguenza, le immagini mantengono un corretto equilibrio su desktop, tablet e smartphone.
Ho curato anche spaziature e proporzioni, così da evitare che la sezione appesantisse la pagina o interrompesse la continuità della lettura.
Domande Frequenti
La sezione FAQ raccoglie le risposte alle domande che possono emergere prima di richiedere un consulto.
In questo modo, l’utente può trovare chiarimenti senza dover contattare immediatamente la professionista per ogni dubbio iniziale.
In particolare, le domande frequenti permettono di chiarire:
- come si svolge un consulto;
- quali informazioni sono necessarie;
- quali argomenti possono essere affrontati;
- come contattare Brigida;
- come utilizzare i servizi disponibili;
- quali modalità di consulto vengono proposte.
Ho collocato la sezione prima dei contatti. Pertanto, l’utente può risolvere gli ultimi dubbi prima di compiere l’azione finale.
Inoltre, la struttura delle domande mantiene la pagina ordinata e permette di consultare soltanto le risposte realmente necessarie.
Form di Contatto
Il modulo di contatto offre all’utente un percorso diretto per richiedere informazioni.
Ho integrato il form nella grafica generale del sito, utilizzando campi, testi e pulsanti coerenti con il resto dell’interfaccia. Di conseguenza, il modulo non appare come un elemento estraneo inserito alla fine della pagina.
Il sistema permette di:
- raccogliere le informazioni necessarie;
- controllare i campi principali;
- inviare la richiesta senza ricaricare completamente la pagina;
- mostrare il messaggio di risposta direttamente nella sezione dei contatti.
JavaScript gestisce l’interazione nel browser, mentre AJAX trasmette i dati al server. Successivamente, PHP elabora la richiesta e restituisce il relativo messaggio.
In questo modo, l’utente rimane nella stessa posizione della pagina e riceve un riscontro immediato dopo l’invio.
Collegamento alla Piattaforma Kang
Ho collegato il sito al profilo di Brigida sulla piattaforma Kang, utilizzata per i consulti di cartomanzia.
Il sito personale presenta la professionista attraverso una comunicazione autonoma e una precisa identità visiva. Kang, invece, rappresenta una destinazione operativa per determinate modalità di consulto.
L’utente può quindi:
- conoscere Brigida attraverso il sito personale;
- consultare servizi, galleria e FAQ;
- raggiungere la piattaforma Kang attraverso una CTA riconoscibile;
- proseguire verso il servizio esterno senza doverlo cercare separatamente.
Inoltre, il collegamento consente al sito personale di veicolare gli utenti verso il profilo esterno attraverso un percorso chiaro e controllato.
In questo modo, il progetto mantiene il controllo sulla presentazione, mentre la piattaforma esterna gestisce le funzioni legate ai consulti disponibili attraverso il proprio sistema.
Progettazione Responsive
Ho progettato il sito affinché si adattasse correttamente a desktop, tablet e smartphone.
Durante lo sviluppo ho verificato:
- navbar mobile;
- ridimensionamento della hero;
- leggibilità dei testi;
- disposizione dei servizi;
- apertura delle schede informative;
- dimensione dei pulsanti;
- visualizzazione della galleria;
- utilizzo delle FAQ;
- compilazione del modulo.
In particolare, ho controllato che l’atmosfera grafica rimanesse riconoscibile anche sugli schermi più piccoli.
Allo stesso tempo, ho semplificato dove necessario la disposizione degli elementi, così da mantenere testi leggibili, pulsanti facilmente utilizzabili e contenuti ben separati.
L’adattamento mobile è particolarmente importante per un sito che gli utenti possono raggiungere attraverso social network, messaggi o collegamenti condivisi direttamente.
Coerenza tra Logo, Sito e Comunicazione
Uno degli aspetti più riusciti del progetto è la continuità tra identità visiva e sviluppo del sito.
Non ho progettato separatamente logo, hero, sezioni, immagini e componenti. Al contrario, ho seguito una sola direzione grafica e l’ho applicata a tutto il progetto.
In particolare, la stessa impostazione caratterizza:
- simbolo del logo;
- nome Aura di Luna;
- palette cromatica;
- tipografia;
- elementi decorativi;
- pulsanti;
- schede dei servizi;
- FAQ;
- area dei contatti.
Di conseguenza, la pagina comunica un’identità chiara e immediatamente associabile alla cliente.
Inoltre, questa coerenza permette di riconoscere lo stile di Brigida anche passando da una sezione all’altra, senza percepire interruzioni grafiche o componenti estranei.
Un Progetto Incentrato sul Design
Brigida Aura di Luna è un progetto nel quale il design ha avuto un ruolo centrale.
L’obiettivo, infatti, non consisteva soltanto nel pubblicare informazioni. Dovevo costruire un ambiente digitale capace di esprimere la personalità e l’attività della professionista.
Per raggiungere questo risultato, il lavoro ha unito:
- creazione del logo;
- definizione dell’identità visiva;
- progettazione della grafica;
- sviluppo custom;
- hero animata;
- servizi interattivi;
- galleria;
- FAQ;
- form.
Inoltre, ogni componente mantiene un legame diretto con il tono generale del progetto. La parte tecnica sostiene quindi la grafica senza renderla rigida o standardizzata.
Tecnologie Utilizzate
- HTML5: struttura delle pagine e organizzazione dei contenuti.
- CSS3: identità grafica, animazioni e responsive design.
- Bootstrap: griglia e adattamento dei componenti ai diversi dispositivi.
- JavaScript: interazioni, animazioni e componenti dinamici.
- AJAX: invio asincrono delle richieste attraverso il form.
- PHP: elaborazione lato server dei dati inviati dal modulo.
Risultato Finale
Il risultato è un sito web per cartomante a Roma sviluppato su misura e caratterizzato da una precisa identità visiva.
La creazione coordinata del logo e del sito ha permesso di costruire un’immagine riconoscibile, coerente con lo stile e con la sensibilità di Brigida Aura di Luna.
Inoltre, la grafica mistica, la hero animata, le immagini, le schede dei servizi e le domande frequenti accompagnano l’utente attraverso un percorso ordinato fino ai contatti.
Allo stesso tempo, la struttura responsive permette di mantenere lo stesso stile e la stessa chiarezza anche su tablet e smartphone.
Infine, il progetto dimostra come anche un sito di presentazione essenziale possa distinguersi attraverso una progettazione grafica accurata, una struttura sviluppata in codice e una forte coerenza tra cliente, logo e interfaccia.
