Progetto Cworks

Immagine del logo di Cworks, su uno sfondo neutro.

Durata del progetto

3 settimane

Data di realizzazione

06/2025

Tecnologie usate

WordPress, Elementor, WooCommerce

Generalità del progetto

Cworks è un progetto con l’obiettivo di valorizzare e vendere componenti e prodotti industriali usati ancora perfettamente funzionanti. È stata richiesta la realizzazione di un sito vetrina semplice, moderno e intuitivo, dove poter esporre il catalogo dei prodotti e permettere agli utenti di contattare direttamente l’azienda.

Processo creativo

Sono partito da alcuni concetti chiave come minimalismo, affidabilità e un tocco tech, senza però risultare troppo freddo o eccessivamente futuristico. L’idea di base è stata quella di creare un logo pulito ma solido.

Descrizione logo

Il simbolo, una “C” stilizzata a doppio tratto, rappresenta continuità, connessione e precisione, elementi centrali nella filosofia dell’azienda. Il logotipo ha uno stile minimal ma contemporaneo, con curve morbide e grande leggibilità.

Palette colori

La palette scelta unisce neutralità e tecnologia, con tonalità scure e professionali, che creano una base solida e moderna, affiancate da un azzurro acceso che richiama il mondo tech e industriale, usato anche come colore d'accento.

Tipografia

Come font ho scelto Roboto che è un carattere tipografico moderno, sobrio e molto versatile: perfetto per un progetto come Cworks, che cerca equilibrio tra minimalismo, tecnologia e professionalità.

Generalità del progetto

Alberatura del sito di Cworks.

Albero del sito

L’albero del sito è stato costruito per garantire una navigazione lineare e intuitiva. Le sezioni principali comprendono Home, Categorie, Brand, Chi Siamo, News e Contatti. Questa struttura ridotta evita distrazioni e accompagna l’utente dal prodotto al contatto in pochi passaggi, ottimizzando l’esperienza B2B.
Anteptrima del wireframe della Homepage del sito di Cworks

Wireframe

I wireframe sono stati progettati per definire una struttura chiara e funzionale del sito, ponendo al centro i prodotti e le CTA di contatto. Ho creato versioni desktop e mobile per garantire navigazione fluida su tutti i dispositivi. L’obiettivo era mantenere un layout modulare, con una gerarchia visiva e semplice che permettesse agli utente di accedere rapidamente alle informazioni principali.
Anteptrima del mockup della Homepage del sito di Cworks

Mockup

I mockup hanno tradotto i wireframe in un interfaccia visiva completa, basta su una palette blu, arancio e azzurro per comunicare solidità industrile e professionalità. Ho curato tipografia e spaziatura per garantire leggibilità e un aspetto ordinato. Le CTA sono state evidenziate con contrasti cromatici per guidare l’utente verso il contatto diretto, rispetto le best practice UX.

Hai unidea o un progetto da realizzare?

Raccontamelo: analizzeremo insieme obiettivi e soluzioni per trasformarlo in un sito web modern e funzionale. 

Torna in alto