Floria è un progetto nato nell’ambito di una design challenge, con l’obiettivo di creare una piattaforma di consegna di fiori e regali online che unisse estetica e funzionalità . Il progetto è stato sviluppato in due fasi principali: la prima focalizzata sul design grafico utilizzando Figma, e la seconda dedicata allo sviluppo del sito web tramite WordPress, Elementor e GSAP.
Sviluppo con WordPress, Elementor e GSAP
Una volta approvato il design grafico, sono passata alla fase di sviluppo, utilizzando WordPress come CMS per gestire i contenuti del sito e Elementor come page builder per tradurre i prototipi in pagine web funzionali.
- Costruzione del Sito con WordPress e Elementor: Elementor ha giocato un ruolo cruciale nella fase di sviluppo, permettendomi di ricreare fedelmente il design progettato in Figma. Grazie alla sua flessibilità , sono riuscita a implementare layout complessi e personalizzati senza dover ricorrere pesantemente a codice, accelerando notevolmente il processo di sviluppo.
- Animazioni con GSAP: Per rendere l’esperienza utente più dinamica e coinvolgente, ho integrato GSAP (GreenSock Animation Platform) per gestire animazioni fluide e interattive. Le animazioni sono state utilizzate per enfatizzare le transizioni tra le sezioni del sito, creare effetti hover sui pulsanti e aggiungere movimenti sottili alle immagini e ai testi, migliorando l’interattività e l’aspetto visivo.
- Ottimizzazione e Responsività : Ho dedicato particolare attenzione all’ottimizzazione del sito per garantire caricamenti rapidi e una navigazione fluida su tutti i dispositivi. Elementor, combinato con CSS personalizzati, mi ha permesso di creare una versione mobile-first del sito, assicurando che ogni utente, indipendentemente dal dispositivo, avesse un’esperienza ottimale.