Sito web · Design

Sviluppo di sito web WordPress per un produttore di mobili

Sviluppo di sito web WordPress per il produttore di mobili Filippo: design e UX/UI, categorie di prodotti con specifiche, negozio WooCommerce e versione mobile.

Home page di Filippo con il logo e la scelta tra interior design e produzione di mobili

L’esigenza

CREATING.LV ha sviluppato per il produttore di mobili Filippo un sito web WordPress con un sistema di categorie di prodotti e moduli di contatto, e nel nuovo sito anche un negozio WooCommerce. In questo progetto lo sviluppo del sito web sulla piattaforma WordPress era necessario affinché l’azienda potesse presentare in un unico posto la propria gamma di prodotti e i clienti potessero contattare facilmente il team riguardo a un prodotto specifico.

Filippo produce mobili, porte, pannelli e scale, e nel team dell’azienda lavorano designer e produttori che aiutano a realizzare le idee dei clienti. Per un produttore con più gruppi di prodotti, il sito web deve risolvere due questioni. In primo luogo, il visitatore deve trovare il proprio gruppo di prodotti senza ricerche superflue: mobili, porte, pannelli o scale. In secondo luogo, dopo aver visto un prodotto deve poter fare subito una domanda, perché per i prodotti adattati all’idea del cliente la conversazione di solito inizia con una consulenza.

Il nostro ruolo

Entrambi i siti di Filippo — quello del 2021 e il nuovo sito — sono opera di CREATING.LV. Il nuovo sito con il negozio WooCommerce è stato consegnato nel 2026. Lo sviluppo del sito web sulla piattaforma WordPress ha compreso:

  • l’analisi del progetto e la definizione delle esigenze;
  • il design in linea con l’identità del marchio Filippo;
  • soluzioni UX/UI per la consultazione dei prodotti;
  • una versione mobile adattata per l’utilizzo da smartphone;
  • un sistema di categorie di prodotti con immagini e specifiche;
  • il negozio WooCommerce nel nuovo sito;
  • l’inserimento delle categorie di base e dei prodotti di base;
  • moduli di contatto e sezioni per le domande per comunicare con il team.

Schermate del progetto

Sviluppo di sito web WordPress: analisi del progetto

Il lavoro è iniziato con un’analisi dettagliata del progetto, per comprendere meglio le esigenze e i desideri di Filippo. Il sito web doveva svolgere due compiti contemporaneamente: mostrare i prodotti realizzati dall’azienda e garantirne una consultazione facile e intuitiva.

Da questi due compiti deriva la struttura del sito web: categorie di prodotti in cui il visitatore si orienta, pagine dei prodotti con immagini e specifiche e possibilità di contatto con cui dal prodotto si può passare a una domanda all’azienda.

Due siti per un’unica azienda

Il primo sito di Filippo, che abbiamo sviluppato nel 2021, era strutturato come catalogo prodotti con categorie, immagini dei prodotti, specifiche e moduli di contatto. Nel nuovo sito, che abbiamo sviluppato in seguito, c’è anche un negozio WooCommerce, per poter offrire i prodotti anche online.

Nel menu del nuovo sito ci sono le sezioni Home, Servizi, Portfolio, Per i designer, Contatti e Negozio, oltre all’accesso utente e al carrello. Nella sezione Portfolio l’azienda può mostrare i lavori realizzati, e ai designer è dedicata una sezione separata.

Il sistema delle categorie di prodotti

Nel sito web è stato creato un sistema dettagliato di categorie per i prodotti dell’azienda. Le categorie permettono al visitatore di passare rapidamente al gruppo di prodotti desiderato, ad esempio mobili o porte, e di consultare l’offerta al suo interno.

Nelle pagine dei prodotti ci sono immagini e specifiche. Nella scelta di mobili e porte per il cliente è importante vedere sia l’aspetto sia i dati tecnici, perciò immagini e specifiche si trovano in un unico posto e aiutano a prendere una decisione ancora prima di contattare l’azienda. Se si pianifica un catalogo simile, conviene concordare fin dall’inizio quali specifiche indicare per ciascun gruppo di prodotti, perché per mobili, porte, pannelli e scale i parametri importanti sono diversi. Un elenco uniforme di specifiche all’interno del gruppo permette al visitatore di confrontare i prodotti tra loro.

Negozio WooCommerce nel nuovo sito

Nel nuovo sito è stato predisposto un negozio WooCommerce con categorie e pagine prodotto. Al momento della consegna abbiamo inserito le categorie di base e i prodotti di base, affinché la struttura del negozio fosse pronta per l’uso e il cliente vedesse come appaiono i prodotti nel negozio. WooCommerce è un’estensione di WordPress, quindi il negozio funziona nello stesso sito con lo stesso design e lo stesso menu, non come sistema separato.

Gli altri prodotti vengono aggiunti dal cliente stesso nell’amministrazione di WooCommerce, e questo lavoro è in corso. Così l’azienda decide da sé quali prodotti pubblicare e in quale ordine, e per ogni nuovo prodotto non deve commissionare il lavoro di uno sviluppatore. Un nuovo prodotto si crea secondo lo stesso modello di quelli già inseriti: si sceglie la categoria, si aggiungono immagini e descrizione. Nella stessa amministrazione si possono anche modificare il prezzo e la descrizione di un prodotto o nasconderlo temporaneamente dal negozio, senza influire sul resto dei contenuti del sito.

Il carrello e l’accesso utente fanno parte del negozio WooCommerce. Nel carrello l’acquirente raccoglie i prodotti scelti prima dell’ordine, mentre l’accesso permette di tornare al proprio account.

Comunicazione con il team Filippo

Nel sito web sono integrati moduli di contatto e sezioni per le domande. Il cliente può fare direttamente dal sito una domanda su un prodotto o un servizio specifico e ricevere ulteriori informazioni dal team Filippo — designer e produttori che aiutano ad adattare il prodotto alla sua idea.

La struttura del sito web corrisponde al modo in cui il cliente di solito sceglie mobili o porte: nel sistema di categorie sceglie un gruppo, guarda immagini e specifiche e poi fa una domanda tramite il modulo di contatto. Se serve un prodotto realizzato su sua idea, la domanda si può fare dalla stessa pagina in cui sta guardando un prodotto simile. Così il sito web per un produttore di mobili funge allo stesso tempo da catalogo e da punto di partenza per il contatto.

Design, UX/UI e utilizzo da smartphone

Il design è stato sviluppato in linea con l’identità del marchio Filippo. Il compito delle soluzioni UX/UI era aiutare il visitatore a trovare senza ricerche superflue le informazioni su mobili, porte e altri prodotti e, dalla visione di un prodotto, arrivare a una domanda all’azienda.

Anche la versione mobile adattata è opera nostra: categorie, immagini dei prodotti, specifiche e moduli di contatto sono utilizzabili da smartphone. Una versione mobile adattata significa che il layout cambia in base alla larghezza dello schermo, invece di mostrare sullo smartphone una pagina desktop rimpicciolita: le specifiche si leggono senza ingrandire e il modulo di contatto si compila comodamente sul touchscreen. Maggiori informazioni su questa parte del lavoro nella pagina Web design e UX/UI. Su come si svolge lo sviluppo WordPress del sito web di un’azienda, maggiori informazioni nell’articolo Sviluppo di siti web WordPress.

A chi è adatta questa soluzione

Un sito web di questo tipo per un produttore di mobili è adatto anche ad altri fabbricanti con più gruppi di prodotti e ordini personalizzati: produttori e laboratori di porte, scale o elementi d’arredo. Categorie di prodotti, specifiche e moduli di contatto permettono di avviare la conversazione su un ordine personalizzato, mentre il negozio WooCommerce consente di offrire gli stessi prodotti anche online.

Maggiori informazioni sullo sviluppo di siti web per aziende e sullo sviluppo di negozi online.

Sito web

Nota

Il portfolio riflette la soluzione sviluppata al momento della consegna del progetto. Il sito attuale potrebbe essere cambiato.

Contatti

Avvia un progetto

Descriva il Suo progetto o la Sua domanda — Le risponderemo e Le proporremo la soluzione più adatta.

Richiesta relativa a: Richiesta generica Modifica

Facoltativo. Nomi e prezzi provengono dal nostro listino.

Facoltativo · un file · PDF, JPG o PNG · fino a 10 MB

obbligatorio · Informativa sulla privacy

Avvia un progetto

Descriva il Suo progetto o la Sua domanda — Le risponderemo e Le proporremo la soluzione più adatta.

Ci scriva su WhatsApp (si apre in una nuova scheda)