Prenotazioni Smart

Agendo

Sistema di prenotazione intelligente con calendario in tempo reale. I clienti possono prenotare 24/7 in completa autonomia.

24/7 Prenotazioni autonome
Free Piano per chi prenota
Business Per gestire l'attivita
Vai su agendo.live Dati Reali
Agendo Dashboard
Calendario in tempo reale
Notifiche push + email
Clienti e professionisti

Client

Agendo.live

Role

UX/UI Designer, Developer

Timeline

Rilevazione live: 12 febbraio 26

Tools

React, Firebase, Cloud Functions, Netlify

Project Overview

Gestionale Prenotazioni Online

Agendo e il gestionale di prenotazioni online per parrucchieri, barbieri, centri estetici e professionisti.

Prenota appuntamenti in pochi tap, gestisci calendario e clienti da un'unica piattaforma. Dal sito live emerge una value proposition chiara: semplificare la gestione delle prenotazioni sia lato cliente sia lato business.

La piattaforma propone un accesso duale: piano Free per chi prenota e piano Business per gestire attivita, staff, servizi e operazioni quotidiane.

The Challenge

Problemi Che Risolve

Dal copy pubblico del prodotto, Agendo affronta tre frizioni operative principali.

Prenotazioni Disperse

"Gestisci tutte le prenotazioni in un unico posto" e "calendario in tempo reale" riducono la frammentazione operativa.

Follow-Up Manuali

"Ricevi aggiornamenti istantanei su prenotazioni e modifiche. Notifiche push su mobile e email automatiche."

Bassa Visibilita

"Monitora prenotazioni, ricavi e performance del team" con dashboard dedicata ai professionisti.

The Solution

Funzionalita Principali

Le funzionalita sotto sono derivate dal contenuto reale pubblicato su agendo.live.

Cosa Offre Agendo

Prenotazioni online, calendario, clienti, staff e automazioni in una piattaforma unica pensata per attivita appointment-based.

  • Prenotazioni Smart
    Sistema di prenotazione intelligente con calendario in tempo reale.
  • Comunicazioni Automatiche
    Notifiche push su mobile e email automatiche per prenotazioni e modifiche.
  • Gestione Business
    Dashboard avanzata per clienti e appuntamenti, con gestione staff e servizi.
  • Promozioni e Loyalty
    Promozioni con sconti e tessere fedelta con timbri e premi.
Agendo Solution
Product Areas

Struttura Del Prodotto Live

Dal bundle pubblico del sito emergono aree funzionali chiare per clienti e business.

1

Area Cliente (Free)

"Piano Free per clienti", "Cerca un'attivita e prenota il tuo prossimo appuntamento" e "Ideale per prenotare servizi e gestire le tue visite."

Lato utente finale, il focus e su scoperta attivita, prenotazione veloce e gestione delle proprie visite.

2

Area Business

"Passa a Business e gestisci prenotazioni, staff e servizi" e "Dashboard avanzata per gestire clienti e appuntamenti".

Il prodotto include calendario, clienti, servizi e controllo operativo in un'unica interfaccia.

3

Promozioni e Fidelizzazione

"Crea promozioni per i tuoi clienti con sconti percentuali" e "Fidelizza i tuoi clienti con timbri e premi".

Il layer marketing e retention e integrato nel gestionale, non separato da strumenti esterni.

4

Distribuzione e Accesso

"Link calendario", "Rigenera link calendario" e QR dedicato per aprire la pagina business su Agendo.

Questo riduce l'attrito nella prenotazione e facilita l'acquisizione diretta anche da touchpoint offline.

Value Proposition

Punti Chiave Dal Sito Reale

Sintesi delle promesse prodotto presenti sul sito pubblico.

24/7
Prenotazioni Online Continue
Free
Piano Per Chi Prenota
Push
Notifiche Mobile + Email
QR
Accesso Rapido Al Calendario

Target verticale chiaro:

Il posizionamento esplicito copre parrucchieri, barbieri, centri estetici e professionisti con bisogni di booking ricorrente.

Offerta duale cliente/business:

Accesso gratuito per utenti finali e suite Business per gestione completa di agenda, servizi, staff e clienti.

Automazione operativa:

Conferme, notifiche e aggiornamenti in tempo reale riducono il carico manuale e migliorano la continuita del servizio.

Leve crescita integrate:

Promozioni, loyalty a timbri/premi e link calendario condivisibile supportano acquisizione e retention in modo nativo.

Brand Identity

Visual Language

The design system behind Agendo — logo, palette, type, tokens, components, and voice. One source of truth across mobile, web, and marketing.

Logo & Wordmark

Agendo.
Primary · on white
Agendo.
On tint · #EBF5FF
Agendo.
Reversed · on brand
Agendo.
Dark mode · #0F1D2E
Wordmark construction
Font Inter · Bold (700)
Tracking −4% (letter-spacing −0.04em)
Dot colour #4A90E2 · Primary-500
Case Always "Agendo."
Min. size 64 px digital · 12 mm print
X
X
X
X
Agendo.
Clear space · min = width of "o"
Agendo.
18 px · min digital
Agendo.
32 px · mobile UI
Agendo.
52 px · desktop / header
Agendo.
80 px · hero / landing

Brand Usage Rules

Agendo.
✓
Primary wordmark on white — correct clear space
Agendo.
✕
Don't apply on saturated gradients or off-palette backgrounds
Agendo.
✓
White wordmark + Primary-400 dot on dark background
AGENDO
✕
Never replace the font — Inter Bold only
Agendo.
✓
Full white on brand primary
Agendo.
✕
No shadows, outlines, or 3D effects on the wordmark

Color System

Agendo Blue · Primary
#4A90E2
HEX#4A90E2
RGB74 · 144 · 226
HSL212 · 71% · 59%
CMYK67 · 36 · 0 · 11

Primary scale

50
EBF5FF
100
D6EBFF
200
ADD6FF
300
85C2FF
400
5CADFF
500
Base
600
3B73B5
700
2C5688
800
1E3A5C
900
0F1D2E
Agendo Green · Accent
#10B981
RoleConfirmation · Check · "Yes"
HEX#10B981

Accent green scale

50
100
200
300
400
500
600
700
800
900

Neutrals & surfaces

Surface
FFFFFF
BG
F9FAFB
100
F3F4F6
Border
E5E7EB
300
D1D5DB
Tert.
9CA3AF
Sec.
6B7280
700
374151
800
1F2937
Text
111827

Semantic colours

Success
Booking confirmed · active
#10B981
Warning
Awaiting confirmation · reminder
#F59E0B
Error
Cancellations · system errors
#EF4444

Recommended pairings · AA+ contrast

Book now #4A90E2 / #FFF · 4.8:1
Agendo. #0F1D2E / #85C2FF · 8.2:1
Today · 14:30 #EBF5FF / #2C5688 · 8.9:1
Get started! #0A0A0A / #FACC15 · 14.8:1
Confirmed #10B981 / #FFF · 3.1:1 (bold)
+12% vs avg #ECFDF5 / #047857 · 8.6:1

Typography

Family · Inter Weights · 400 / 500 / 600 / 700 Use · UI, headings, body
Book.
Manage.
Relax.
Family · JetBrains Mono Weights · 400 / 500 Use · Times, amounts, dates, IDs
09:30 – 10:15
€ 28.00
Type scale
Display Agendo 48/52 · −3%
H1 Bookings 36/40 · −2.5%
H2 Today at 14:30 26/32 · −2%
H3 Your calendar 20/28 · −1%
Body L Cut & blow-dry with Marco 17/26 · 0
Body Confirm by 18:00 today 15/22 · 0
Caption Updated 2 min ago 13/18 · +1%
Mono tag Services · 04 11/16 · +12%

Tokens & Measurements

Border radius
Small 6 px · --radius-sm Buttons, inputs, chips
Medium 10 px · --radius-md Cards, tiles, mobile modals
Large 16 px · --radius-lg Panels, dialogs, hero
X-Large 24 px · --radius-xl Wide surfaces, feature cards
Shadows
soft
medium
strong
Soft 0 2 8 rgba(0,0,0,.06)
Medium 0 4 16 rgba(0,0,0,.08)
Strong 0 8 32 rgba(0,0,0,.12)
Spacing scale · 4 px base
space-1
4 px
space-2
8 px
space-3
12 px
space-4
16 px
space-5
24 px
space-6
32 px
space-7
48 px
space-8
64 px

Components

Buttons · 5 variants
Primary
Accent
CTA ink/yellow
Destructive
Chips & Badges
Status Confirmed Pending Cancelled In progress Completed
Category Barber Personal Trainer Aesthetician Tattoo Artist
Appointment Card · core pattern
09:30
Cut & blow-dry · Marco R. Studio Centro · Via Mazzini 12 · 45 min
Confirmed
MR
11:00
Semi-permanent manicure · Giulia B. Beauty Lab · 60 min · € 35.00
Pending
GB
15:45
PT Session · Luca F. North Gym · 60 min · Strength training
Today
LF

Tone of Voice

01

Clear before elegant.

If there's a simpler alternative, use it. "Book" is better than "Complete a reservation".

02

Reassuring, never patronising.

We communicate confidence without stating the obvious. Professionals are treated as professionals.

03

Precise on details.

Times, durations, and amounts always up front. An appointment lives or dies by the detail.

✓Do this

"Your appointment is confirmed for Tuesday 21 April at 09:30."

Specific, brief, no filler
✕Not this

"We are pleased to confirm your kind reservation on the date hereinafter…"

Too formal, unnecessary
✓Do this

"There are 3 free slots tomorrow. Which do you prefer?"

Direct, offers a choice
✕Not this

"We have implemented an advanced booking system to optimise the user experience."

Tech jargon, zero benefit
✓Do this

"Reminder: tomorrow you have a manicure at 11:00 at Beauty Lab."

Conversational when appropriate
✕Not this

"🔔 Reminder! Don't forget your booking tomorrow 📅"

Gratuitous emoji, marketing tone

Visita Il Prodotto Live

Vai su agendo.live per vedere la piattaforma reale e il flusso completo di prenotazione.

Apri agendo.live Torna ai progetti
Privacy & Cookies: This website uses Microsoft Clarity for analytics to improve user experience. We respect your privacy and comply with GDPR regulations. You can choose to accept or decline analytics cookies.