Una Digital Product Designer con esperienza di
UX Design, UI Design, e Web Design
ARQ Sublime
Tipologia
Progetto indipendente
Durata
1 mese
Ruolo
UX Design
UI Design
Piattaforma
Responsive Website
Problem Space
Ho curato l'interfaccia utente di questo sito web, progettato per uno studio di architettura di nome ARQ che aveva bisogno di un sito per i loro progetti più emblematici e di design, chiamati “Progetti sublimi”. Lo studio di architettura è elegante e affermato, ma allo stesso tempo moderno e audace.
I progetti sublimi dovevano essere rappresentati come gioielli architettonici che spesso si ergono trionfanti sul podio di importanti competizioni di settore.
​
Guarda il prototipo interattivo o leggi gli step che ho seguito nel mio design.
Moodboard
ARQ è:
​
elegante, bold, trionfante, e moderna
​
Per creare una Moodboard, ho cercato immagini che rappresentassero visivamente questi aggettivi.
Colori
La palette colori, composta da giallo neon, viola, blu notte e avorio, infonde eleganza con un tocco giovanile, conferendo freschezza all'identità visiva complessiva.
Tipografia
Ho deciso di utilizzare due fonts in questo sito web.
​
Roboto Regular: un carattere sans-serif versatile e moderno, caratterizzato dalle sue linee pulite e proporzioni equilibrate. Offre un aspetto semplice e professionale, rendendolo adatto per trasmettere informazioni con chiarezza.
Fira Code Light: un carattere monospace raffinato e minimalista progettato appositamente per il design e la programmazione. Nella versione light, fornisce un'estetica delicata ed elegante.
Logo
Il logo, rappresentante il nome ARQ per intero nelle sue tre lettere, utilizza le forme geometriche del triangolo al posto della A e del cerchio per la Q, al fine di trasmettere un'elegante fusione tra modernità e classicità. La scelta di elementi geometrici riflette precisione e ordine, sottolineando l'approccio sofisticato dello studio di architettura. La combinazione di forme e spazi negativi crea un design distintivo che suggerisce un'identità visiva unica.
Wireframes
​
Ho iniziato a concetualizzare il prodotto finale attraverso degli sketch a mano.
​
Ho poi selezionato i più promettenti in un wireframe completo che ho traportato in Figma creando un prototipo mid-fidelity che ho poi testato con degli users.
Design Hi-fidelity
​
Sono stata così pronta per creare il design high-fidelity del sito web in Figma.
​
Di seguito alcuni esempi oppure visualizza il prototipo.
Screen desktop:
Screen mobile:
Key takeaways & next steps
Questo è stato un progetto particolarmente interessante su cui lavorare. Mi piace molto creare design per l'architettura, e poter mettere insieme eleganza e un vibe fresco e moderno ha fornito una sfida che ho portato a termine con piacere.
​
I prossimi step saranno creare un design system, considerando potenziali integrazioni mentre lo studio e i suoi progetti sublimi si espandono.
Poi assisterò attivamente i developers mentre svilupperanno il sito web.
Sono inoltre curiosa di testare le performance del sito con i futuri user e clienti per eventuali perfezionamenti.