Ortica
Parliamone ↗

UI e UX design

Interfacce chiare.
Pensate per essere costruite.

Progettiamo interfacce per siti, webapp e app in Figma: flussi, prototipi e design system. Chi disegna è anche chi sviluppa, e questo cambia parecchie cose.

  • Figma
Cosa facciamo

Dal problema
alla schermata.

  1. 01

    Ricerca e flussi.

    Partiamo da chi userà il prodotto e da cosa deve fare. Analisi di quello che esiste, flussi delle azioni principali e, se il budget lo prevede, interviste con chi lo userà.

    • UX
    • Analisi
    • User flow
  2. 02

    Wireframe e prototipi.

    Schermate a bassa fedeltà per decidere la struttura, poi prototipi cliccabili in Figma da provare prima di sviluppare.

    • Wireframe
    • Prototipi
    • Figma
  3. 03

    Interfacce.

    Il design vero e proprio: tipografia, colori, componenti, stati di errore e di caricamento, versioni per il telefono.

    • UI
    • Responsive
    • Accessibilità
  4. 04

    Design system.

    Componenti e variabili in Figma allineati al codice, così il prodotto resta coerente anche quando cresce.

    • Design system
    • Componenti
    • Design token

Con cosa lavoriamo

Ricerca e flussiWireframe e prototipiInterfacceDesign system
Figma
Design e sviluppo insieme

Chi disegna
sa come verrà costruito.

Di solito

  • Il design passa a un altro team
  • Dettagli che si perdono nel passaggio
  • Schermate belle ma difficili da sviluppare
  • Stati di errore e caricamento dimenticati

Con noi

  • Le stesse persone, dal Figma al codice
  • Componenti pensati già per lo sviluppo
  • Vincoli tecnici considerati mentre si disegna
  • Ogni stato della schermata progettato
Come lavoriamo

Prima si capisce.
Poi si disegna.

  1. 01

    Capire.

    Obiettivi, utenti e vincoli. Cosa deve succedere quando qualcuno apre il prodotto?

  2. 02

    Strutturare.

    Flussi e wireframe: decidiamo cosa va dove prima di parlare di colori.

  3. 03

    Disegnare.

    Interfaccia completa per desktop e mobile, con i componenti del design system.

  4. 04

    Provare.

    Prototipo cliccabile e revisioni con te. Se il budget lo prevede, lo proviamo anche con qualche utente vero. Poi si sviluppa.

Domande frequenti

Su UI e UX design,
quello che ci chiedono.

Cosa significa UI e UX design?

La UX è come funziona un prodotto: cosa trova l’utente, in che ordine, quanto è facile fare quello che deve. La UI è come appare: tipografia, colori, componenti. Le progettiamo insieme, perché una non regge senza l’altra.

Fate solo il design, senza lo sviluppo?

Sì. Ti consegniamo il file Figma con componenti, stili e prototipo, pronto per il tuo team o per un altro fornitore. Se poi vuoi che lo sviluppiamo noi, partiamo avvantaggiati.

Lavorate in Figma?

Sì, il design lo facciamo tutto in Figma: file condivisi, commenti, prototipi e componenti. Se avete già una libreria o un design system, partiamo da lì.

Potete rifare l’interfaccia di un software esistente?

Sì. Partiamo da come viene usato oggi, raccogliamo i problemi più frequenti e ridisegniamo prima le schermate che pesano di più. Si può procedere per parti, senza fermare tutto.

Quanto costa il design di un’interfaccia?

Dipende soprattutto dal numero di schermate e da un eventuale design system completo. Dopo una chiacchierata ti mandiamo un preventivo scritto con fasi, tempi e prezzo.

Quanto tempo serve per il design?

Dipende da quante schermate e flussi ci sono. Nel preventivo trovi le fasi con i tempi stimati: di solito si parte dai flussi principali e si aggiunge il resto.

Il design sarà accessibile?

Teniamo conto dell’accessibilità fin dall’inizio: contrasti, dimensioni dei testi, aree cliccabili, stati di focus. Correggerla dopo costa molto di più.

Prossimo servizioManutenzione siti web Aggiornamenti provati prima in staging, backup, sicurezza e interventi per siti ed ecommerce. Anche se non li abbiamo fatti noi.
Il prossimo progetto

Hai un’interfaccia da progettare?
Parliamone.

Un prodotto nuovo o uno da rendere più semplice: partiamo da chi lo usa.

Parliamone