Sviluppo di sito web onepage per la startup Printstone

Printstone è una startup il cui sito web presenta le tecnologie e i prodotti dell’azienda. In questo progetto lo sviluppo del sito web per una startup ha significato un sito web WordPress a pagina singola e il relativo design, sviluppati da CREATING.LV. Il progetto è stato consegnato nel 2024.

La nuova azienda aveva bisogno di una presentazione breve e chiara: il visitatore doveva capire in una sola pagina che cosa offre l’azienda, vedere i prodotti nelle immagini e poter mettersi subito in contatto. Altrettanto importante era che l’azienda potesse modificare da sé i contenuti man mano che la sua offerta si sviluppa.

CREATING.LV ha svolto tutto il lavoro, dalla ricerca al sito finito. Il nostro lavoro ha compreso:

• la ricerca e il piano della struttura a pagina singola, ovvero la mappa della pagina;
• il prototipo;
• il web design del sito;
• un tema WordPress personalizzato;
• sezioni con le descrizioni delle tecnologie e dei prodotti, gallerie di immagini e un modulo di contatto;
• design responsive e caricamento rapido;
• le basi SEO;
• la gestione dei contenuti, affinché il cliente possa modificarli da sé.

Si tratta di uno sviluppo di sito web per una startup, dal design al sito finito. Nel piè di pagina del sito è indicato “Printed by SIA CREATING.LV”.

Il lavoro è iniziato con la ricerca — che cosa raccontare sull’azienda, sulle sue tecnologie e sui suoi prodotti e che cosa il visitatore deve trovare per primo. In un sito a pagina singola la mappa della pagina corrisponde all’ordine delle sezioni: la sequenza in cui il visitatore, scorrendo la pagina, conosce l’azienda e arriva al modulo di contatto. In un sito a più pagine è il visitatore a scegliere quale pagina aprire, mentre in un sito a pagina singola l’ordine lo stabilisce lo sviluppatore, per questo tale decisione è stata presa prima del design.

Abbiamo poi creato un prototipo in cui l’ordine e il contenuto delle sezioni potevano essere valutati prima del design. Il prototipo è un modello semplificato del layout della pagina singola senza l’aspetto grafico definitivo: mostra dove si trovano ciascuna sezione, i titoli, i blocchi di testo, le gallerie e il modulo di contatto, e può essere commentato e modificato prima che inizi il lavoro di design. Solo dopo sono seguiti il design e lo sviluppo in un tema WordPress personalizzato con layout responsive per computer, tablet e smartphone. Questa sequenza permette di concordare per tempo la struttura, così da non dover riorganizzare l’intera pagina nelle fasi di design e sviluppo.

Al momento della consegna tutti i contenuti erano disposti in un’unica pagina, suddivisi in sezioni:

• descrizioni delle tecnologie e dei prodotti;
• gallerie di immagini;
• modulo di contatto.

Il visitatore conosce l’azienda scorrendo un’unica pagina: prima scopre la tecnologia e i prodotti, poi li vede nelle immagini e alla fine arriva al modulo di contatto. Il formato a pagina singola non ha un menu con molte voci secondarie e pagine in cui il visitatore potrebbe perdersi — tutta la storia dell’azienda è in un unico flusso sequenziale. Nel flusso c’è anche una sezione che presenta il team dell’azienda.

La tecnologia di una startup è spesso nuova per il visitatore, quindi va spiegata prima di mostrare i prodotti. Il sito web di Printstone presenta sia le tecnologie sia i prodotti dell’azienda, così il visitatore può prima capire come lavora l’azienda e solo dopo conoscere i prodotti specifici. I vantaggi della tecnologia sono presentati in una sezione separata della pagina singola: quattro vantaggi, ciascuno con un’icona e una breve descrizione.

Le descrizioni dei prodotti sono modificabili nell’amministrazione di WordPress, quindi si possono ampliare quando l’azienda sviluppa nuovi prodotti o perfeziona quelli esistenti.

Il design è stato creato appositamente per questo sito web e realizzato in un tema WordPress personalizzato, non in un template già pronto. Prodotti e tecnologia sono mostrati in gallerie di immagini, così l’offerta della startup si comprende anche senza testi lunghi, mentre le descrizioni dei prodotti completano le immagini con le informazioni essenziali. Il cliente può aggiungere da sé nuove immagini alle gallerie quando arrivano nuovi prodotti.

Maggiori informazioni su questa parte del lavoro nella pagina Web design e UX/UI.

Il modulo di contatto si trova alla fine della pagina singola, dove il visitatore arriva dopo aver visto tecnologie, prodotti e gallerie. Il modulo di contatto fa sì che l’interessato non debba copiare un indirizzo e-mail o aprire un programma di posta — la domanda si può inviare dalla stessa pagina mentre sta ancora leggendo dei prodotti. Per una startup che sta appena iniziando a creare contatti con clienti e partner, è un modo semplice per ricevere domande dal sito web.

Il design è responsive: il sito web a pagina singola si adatta agli schermi di computer, tablet e smartphone, e da smartphone le sezioni scorrono come da computer. Il sito è stato realizzato per un caricamento rapido — nel formato a pagina singola questo è particolarmente importante, perché il visitatore apre subito tutti i contenuti, comprese le gallerie di immagini.

Per il sito web sono state impostate le basi SEO, affinché i motori di ricerca capiscano di che cosa tratta il sito. Nel formato a pagina singola tutti i contenuti hanno un unico indirizzo, quindi queste basi riguardano la pagina nel suo insieme. Di solito comprendono il titolo e la descrizione della pagina per i motori di ricerca, oltre a una gerarchia logica dei titoli delle sezioni.

Il cliente modifica da sé i contenuti nell’amministrazione di WordPress — può cambiare i testi, sostituire le immagini nelle gallerie e ampliare le descrizioni dei prodotti senza l’aiuto di uno sviluppatore. Per una startup questo è fondamentale, perché all’inizio la gamma di prodotti e il messaggio cambiano spesso, e non è necessario commissionare un lavoro di sviluppo per ogni modifica.

Nel tema personalizzato il layout e lo stile delle sezioni sono integrati nel tema stesso, mentre testi e immagini sono modificabili nell’amministrazione. Ciò consente al cliente di modificare i contenuti senza intervenire sul design della pagina singola e sull’ordine delle sezioni.

WordPress con tema personalizzato. Un tema personalizzato significa che il sito contiene ciò che serve a questa pagina, senza le funzioni superflue di un template già pronto. Quando e perché scegliere questa piattaforma è spiegato più ampiamente nell’articolo Sviluppo di siti web WordPress.

Un sito web a pagina singola è adatto a una startup o a un nuovo prodotto quando occorre mostrare gli aspetti principali della tecnologia e dei prodotti e permettere agli interessati di mettersi in contatto, ma un ampio sito a più pagine non è ancora necessario. Questo sviluppo di sito onepage per una startup è anche un buon punto di partenza se in seguito sono previste sezioni aggiuntive o pagine prodotto.

Se i prodotti, i servizi o le lingue sono molti, un sito web a pagina singola diventa lungo e meno facile da consultare, perciò è più adatto un sito a più pagine. Indicazioni sui costi di sviluppo sono disponibili nella pagina Prezzi per lo sviluppo di siti web, e-commerce e sistemi.

• Sviluppo di siti web
• Web design

printstone.lv

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