PROGETTI

Problemi diversi richiedono soluzioni diverse.

Ogni progetto parte da esigenze, persone e vincoli differenti. Qui racconto alcuni dei problemi che ho affrontato, le scelte che ho fatto e cosa ho progettato e sviluppato per risolverli.

SCOPRI I PROGETTI
Illustrazione di interfacce e strumenti per progetti digitali

TRE PROGETTI, TRE ESIGENZE DIVERSE

Una dashboard per gestire gli eventi, un booking interno in un sito multilingua e calendari sincronizzati con Airbnb: tre progetti partiti da esigenze operative diverse.

Turismo

Luisa Quaglia - Tour Guide

La necessità: Il sito esistente non rappresentava più l’attività di Luisa: struttura e percorsi erano poco chiari e l’esperienza mobile era debole.

La scelta: Ripensare il sito pubblico e, in un secondo momento, aggiungere su richiesta una dashboard dedicata alla gestione degli eventi.

Cosa ho realizzato: Ho riprogettato struttura, contenuti e percorsi responsive. La dashboard, protetta da autenticazione, permette a Luisa e ai collaboratori di creare, modificare ed eliminare tour, gestire immagini, testi e descrizioni, date, orari, prezzi, disponibilità e posti. Gli eventi si pubblicano automaticamente sul sito. Supabase gestisce database e autenticazione, con storage dove previsto. Il sito comprende anche multilingua, ricerca e filtri, mappe, recensioni e prenotazione.

Risultato: Luisa gestisce tour, contenuti e disponibilità senza dipendere da Francesca; il sito rappresenta meglio l’attività e offre un’esperienza mobile ripensata.

Il mio ruolo: Web design · UX/UI · Frontend development · Architettura tecnica

  • Tailored Site · Web Hub
  • Information Architecture
  • Frontend
  • Data & integrations

Azienda vinicola

Les Crêtes - azienda vinicola

La necessità: Il progetto, nato da zero, doveva riunire vini, cantina, territorio, eventi ed esperienze in percorsi chiari per un pubblico internazionale.

La scelta: Progettare un’architettura multilingua con percorsi distinti e un sistema di booking interno capace di gestire diverse tipologie di prenotazione.

Cosa ho realizzato: Ho curato Web Design, UX/UI, architettura tecnica e frontend. Il sito gestisce route, metadata e hreflang per le lingue, oltre a form e messaggi localizzati e pagine dedicate alle esperienze. Il booking tratta tipologie di prenotazione, date, orari, numero di persone, disponibilità, prezzi e dati cliente; include conferma e pagamento e salva le prenotazioni in database. Ho lavorato anche su SEO tecnica, performance, accessibilità e responsive.

Risultato: Contenuti e percorsi per vini, cantina, eventi ed esperienze convivono in più lingue; le prenotazioni avvengono direttamente sul sito.

Il mio ruolo: Web design · UX/UI · Frontend development · Architettura tecnica

Collaborazione: Progetto grafico realizzato in collaborazione con una graphic designer.

  • Tailored Site
  • Frontend
  • Data & integrations
  • Technical SEO

Turismo e ospitalità

Agriturismo Segarelli

La necessità: La struttura aveva bisogno di un sito più rappresentativo e di evitare aggiornamenti manuali separati delle disponibilità sui diversi calendari.

La scelta: Aggiungere al progetto una sincronizzazione iCal bidirezionale tra il sito e Airbnb, con calendari indipendenti per tre o più alloggi.

Cosa ho realizzato: Ho seguito da sola Web Design, UX/UI, frontend e integrazioni. Il sito mostra prezzi e disponibilità; quando arriva una prenotazione da Airbnb, il calendario del sito si aggiorna automaticamente. Un CMS WordPress headless permette al cliente di gestire blog e contenuti editoriali. Il progetto non include un sistema di booking interno completo.

Risultato: Le disponibilità restano più coerenti tra sito e Airbnb, con meno aggiornamenti manuali; il cliente può gestire i contenuti editoriali dal CMS.

Il mio ruolo: Web design · UX/UI · Frontend development · WordPress headless · Integrazione calendari

  • Tailored Site
  • Data & integrations
  • CMS
  • Frontend

Altri progetti, altre esigenze

Tendeclissi

Arredo e tende

La necessità: In un progetto nato da zero, privati, professionisti e aziende dovevano trovare prodotti e servizi pertinenti e capire come richiedere un contatto o un sopralluogo.

Cosa ho realizzato: Mi sono occupata del frontend responsive, della gallery con filtri e del form: dopo l’invio, una comunicazione raggiunge il cliente e una il team. UX/UI è stata curata da una designer esterna.

Risultato: La richiesta di sopralluogo segue un percorso più chiaro e raccoglie le informazioni utili a qualificare il contatto.

Il mio ruolo: Frontend development

Collaborazione: UX/UI curata da una designer esterna.

  • Redesign
  • Frontend
  • Information Architecture
Visita il sito
Sito Tendeclissi mostrato su uno smartphone

Bimbozen

E-commerce

La necessità: Lo shop doveva tradurre la brand identity esistente in un’esperienza digitale chiara per prodotti, fasce d’età e occasioni d’acquisto.

Cosa ho realizzato: Ho curato design digitale, UX/UI e frontend. Il catalogo include filtri, varianti, fasce d’età, gift card, ricerca e account; carrello e checkout usano le funzioni standard di Shopify. Sezioni custom e integrazioni collegano lo shop ad app e servizi esterni. Il cliente può gestire prodotti, collezioni, prezzi, inventario, ordini e contenuti.

Risultato: Un catalogo strutturato e coerente con la brand identity, aggiornabile dal cliente in autonomia.

Il mio ruolo: Web design · UX/UI · Frontend development · Shopify/Liquid

Collaborazione: Brand identity realizzata da una graphic designer; sviluppo svolto anche con altri sviluppatori.

  • E-commerce
  • E-commerce
  • Frontend
  • Information Architecture
Visita il sito

Re-solve

Servizi

La necessità: Nato da zero, il progetto doveva aiutare pazienti, medici, laboratori e partner a trovare informazioni pertinenti e comprendere il servizio.

Cosa ho realizzato: Ho curato Web Design, UX/UI, Information Architecture, architettura tecnica, frontend e SEO tecnica. Ho riorganizzato parte dei contenuti e progettato percorsi distinti; il sito comprende un CMS. Il flusso Collect → Monitor → Resolve è stato definito insieme al cliente.

Risultato: Il servizio e le informazioni risultano più facili da comprendere e trovare, con un percorso di contatto più chiaro e contenuti organizzati in modo scalabile.

Il mio ruolo: Web design · UX/UI · Information Architecture · Frontend development · Architettura tecnica · SEO tecnica

Collaborazione: Progetto sviluppato in collaborazione con una graphic designer.

  • Tailored Site
  • Information Architecture
  • Frontend
  • CMS
Visita il sito

Anna Maria Ricci

Professionista

La necessità: Nato da zero, il progetto doveva aiutare privati, professionisti e organizzazioni a riconoscersi nei contenuti, trovare il servizio pertinente e raggiungere un contatto chiaro.

Cosa ho realizzato: Ho curato Web Design, UX/UI, frontend, architettura tecnica, CMS e SEO tecnica. L’Information Architecture è stata definita insieme; la struttura editoriale del CMS gestisce il blog. Una graphic designer ha collaborato al progetto.

Risultato: Target e servizi sono più riconoscibili, i contenuti sono organizzati e il contatto segue il contesto del percorso.

Il mio ruolo: Web design · UX/UI · Frontend development · Architettura tecnica · CMS · SEO tecnica

Collaborazione: Information Architecture definita in collaborazione; progetto grafico con una graphic designer.

  • Tailored Site
  • Information Architecture
  • CMS
  • Frontend
Visita il sito
Sito di Anna Maria Ricci mostrato su laptop e smartphone

COMPETENZE TECNICHE

Competenze tecniche che applico ai progetti

  • Architettura dell’informazione & UX

    Information Architecture · user flow · gerarchie · navigazione · responsive behaviour.

  • Frontend Development

    Next.js · React · component architecture · interazioni · integrazione API.

  • CMS & architettura dei contenuti

    Headless CMS · content model · content types · relazioni · workflow editoriali.

  • Dati, autenticazione & integrazioni

    Database · autenticazione · autorizzazioni · API · webhook · servizi esterni.

  • Architettura e-commerce

    Catalog architecture · product flow · Shopify/Liquid · carrello · checkout · integrazioni.

  • Accessibilità & QA

    HTML semantico · WCAG 2.2 · tastiera · focus · contrasto · reflow · QA.

  • SEO tecnica & performance

    Metadata · canonical · hreflang · structured data · indicizzazione · performance.

  • Motion, Interaction & Creative Development

    Framer Motion · GSAP · Lenis · Three.js · microinterazioni · scroll-based animations · transizioni · interactive experiences.

ALTRE COLLABORAZIONI

Altri progetti online

  • Miao - grafismi itineranti, progetto web

    Miao Graphics

    Graphic designWeb design · Frontend development

    Visita il sito
  • Cofactory, progetto web

    Cofactory

    Business / Brand experienceFrontend development

    Visita il sito
  • Labor - Patronato e Caf, progetto web

    Labor Patronato e CAF

    Landing pageFrontend development

    Visita il sito

HAI RICONOSCIUTO UNA SITUAZIONE SIMILE?

Parliamo del tuo progetto

Se stai affrontando una situazione simile, possiamo capire insieme quale direzione ha senso prendere.