01Overview

Quotexa

Un prodotto digitale per creare, inviare e gestire preventivi professionali dal telefono, pensato per artigiani e liberi professionisti.

Web appBrand identityUX / UI
Categoria
Digital product · SaaS
Servizi
Brand identity · UX e interfaccia · Sviluppo web app · Sito di presentazione
Per chi
Artigiani e liberi professionisti
Homepage del prodotto Quotexa su desktop
02Context

Il contesto

Quotexa è un software per chi fa preventivi ogni giorno: idraulici, elettricisti, falegnami, imprese edili e molte altre categorie di artigiani e professionisti.

Il progetto comprende il prodotto stesso, la sua identità visiva e il sito che lo presenta: un'unica visione, dal logo all'interfaccia.

03Challenge

La sfida

Compilare un preventivo professionale richiede spesso programmi complessi o troppo tempo sottratto al lavoro vero.

La sfida era ridurre quel passaggio a pochi minuti, direttamente dal telefono, per persone che lavorano in cantiere o in negozio e non davanti a un computer.

04Direction

Un'identità luminosa e tecnologica, ma semplice: il bianco come base, blu e viola per dare affidabilità, un azzurro come accento. Un solo segno riconoscibile — una “Q” con le righe di un documento — e il tono diretto di chi parla a chi lavora con le mani.

  • Preventivi
  • Semplici
  • Veloci
05Visual identity

Identità visiva

Logo, palette e tipografia sono stati definiti insieme all'interfaccia, così il prodotto, il sito e i documenti parlano lo stesso linguaggio.

Tavola di brand identity di Quotexa
Tavola di brand identity

Palette

  • Viola#7C3AED
  • Blu#3B82F6
  • Azzurro#06B6D4
  • Grigio chiaro#E5E7EB
  • Bianco#FFFFFF

Tipografia

Aa

Inter

Neutra, leggibile anche su schermi piccoli, adatta a un'interfaccia di lavoro.

Logo Quotexa con payoff Preventivi. Semplici. Veloci.
Logo e payoff
Schermata mobile di Quotexa: nuovo preventivo
Interfaccia mobile
Biglietti da visita Quotexa
Biglietti da visita
Esempio di preventivo Quotexa in PDF
Preventivo (esempio)
06Design

Il design

La homepage comunica il beneficio in una riga — creare un preventivo professionale in 2 minuti, dal telefono — e mostra subito l'interfaccia reale del prodotto, senza immagini di repertorio.

Vista desktop della homepage di Quotexa
Dashboard di Quotexa
La dashboard: riepilogo dei preventivi, nuovo preventivo in un clic, clienti, prodotti e servizi.
Sezione di Quotexa dedicata ai mestieri a cui è rivolto
Una sezione dedicata ai mestieri a cui è rivolto: chi legge si riconosce subito.
07Mobile

Pensato per il telefono

Il valore di Quotexa è nel “dal telefono”: la versione mobile non è una versione ridotta del desktop, è il caso d'uso principale.

  • Titolo e call to action in primo piano
  • Pulsanti grandi, raggiungibili con un pollice
  • Stesso linguaggio visivo del desktop
Homepage di Quotexa su smartphone
08Functionality

Cosa è stato sviluppato

  • Creazione rapida di preventivi

    Un percorso breve dal nuovo preventivo all'invio, pensato per il telefono.

  • Dashboard

    Totali, inviati, visualizzati, accettati e rifiutati in un colpo d'occhio.

  • Anagrafica clienti

    I clienti raccolti in un'unica sezione.

  • Prodotti e servizi

    Una sezione dedicata alle voci da inserire nei preventivi.

  • Preventivi in PDF

    Documenti professionali pronti da condividere con il cliente.

  • Responsive, mobile-first

    Progettato prima per il telefono, poi esteso al desktop.

09Final result

Il risultato

Quotexa ha un'identità coerente dal logo all'interfaccia: gli stessi colori e la stessa semplicità nel sito, nella dashboard e nei documenti.

Il risultato è un prodotto che si presenta per quello che è — uno strumento di lavoro — e non come un semplice sito vetrina.