Tutte le competenze

Competenza · N. V

Design e Media

Per quattro anni ho gestito l'intera superficie visiva di ByteNite: UI del prodotto, il sito marketing e il brand system, illustrazioni personalizzate e motion design per i lanci. Il filo conduttore è lo stesso di tutto ciò che costruisco: far sì che un sistema di elementi sparpagliati appaia curato, coerente e di cui è facile fidarsi.

ByteNite Cloud Console (v2 e v3)

Ho progettato due iterazioni importanti della Console di ByteNite in Figma. Il layout v2 ha introdotto primitive chiare per sorgenti dati, template di job e l'intero modello di interazione: stati vuoti, errori, caricamento e successo. Il redesign v3 ha ricostruito l'esperienza attorno a una dashboard Jobs-first, con una gerarchia delle informazioni più pulita nelle viste di dettaglio dei job e un sistema di colori più calmo. Ho costruito e mantenuto la libreria di componenti basata su shadCN, ho specificato stati e token dei componenti e ho collaborato con il frontend a ogni handoff.

Guarda i lavori selezionati

Sito marketing, pitch deck e brand system

Ho progettato tutte le superfici pubbliche di ByteNite: il sito marketing (card delle funzionalità, liste di collezioni, pattern di navigazione), il pitch deck usato per raccogliere finanziamenti e presentare pubblicamente, e il brand system più ampio, inclusi tipografia, palette di colori e voce visiva. L'obiettivo che mi sono dato è rendere invitante un prodotto tecnico senza banalizzarlo.

Guarda il pitch deck

Illustrazioni personalizzate, micro-interazioni, video di lancio

Ho prodotto illustrazioni originali e motion design per il sito di ByteNite: scene isometriche a livelli animate allo scroll, micro-interazioni per navbar, menu e pulsanti primari, e il video di lancio per il nostro debutto su Product Hunt. Realizzati in Adobe Illustrator, After Effects e Premiere Pro. Piccoli dettagli ovunque, perché sono ciò che balza all'occhio del visitatore, che sia il tuo prossimo cliente o investitore.

Guarda il video di lancio

Portfolio

Lavori selezionati

Una galleria di lavori che ho progettato e prodotto personalmente in ByteNite: iterazioni della console in Figma, illustrazioni marketing e motion di lancio.

01 ByteNite Console v3: Jobs dashboard
02 ByteNite Console v3: Job detail view
03 Sito ByteNite: interazione navbar
04 ByteNite Console v2: panoramica in Figma
05 ByteNite Console v2: Detail design (Figma)
06 ByteNite site: Feature cards
07 Sito ByteNite: illustrazioni a livelli
08 ByteNite Console v2: Data source flow
09 ByteNite Console v2: stati di interazione
10 Sito ByteNite: layout della lista di collezioni
11 Sito ByteNite: illustrazioni a livelli (variante)
12 Pitch deck di ByteNite
13 ByteNite site: Menu item hover
14 ByteNite site: Primary button hover
15 ByteNite: slides di lancio su Product Hunt
16 Illustrazioni generate dall'IA: studio sulla coerenza di stile