Design Web
Interfaccia utente reattiva
Il mio percorso nel Web Design
Forse hai letto in altre pagine di questo sito che all’inizio ero più interessato al multimedia. Lo strumento più importante per il multimedia era Macromedia Flash, che in seguito è diventato Adobe Animate. Tuttavia, a un certo punto ho sentito di non poter più esplorare ulteriormente il mondo del multimedia. Allo stesso tempo, il web stava avanzando ogni giorno. L’aumento della velocità di internet e la varietà di dispositivi connessi hanno reso il web design un mondo più grande e affascinante.
Il mio primo progetto web è stato con il sistema di gestione dei contenuti Joomla. A quel tempo personalizzavo template Joomla e creavo design personalizzati per i clienti. I primi page builder non erano molto affidabili, ma alla fine hanno sostituito per me i template predefiniti. I page builder erano come argilla, modellabile in qualsiasi forma desiderata. Nel CMS Joomla, il mio page builder preferito è SP Page Builder. Uno strumento eccezionale, altamente personalizzabile e ricco di funzionalità.
Come ho detto, ho iniziato con Joomla, ma la vasta community di utenti WordPress mi ha incoraggiato a utilizzarlo. Il mio primo progetto WordPress riguardava l’ottimizzazione SEO di un sito web che vendeva antivirus in Iran. Tuttavia, dovevo anche progettare pagine e inserire contenuti appropriati. È stato qui che ho scoperto Visual Composer. Un page builder interessante, anche se con poca flessibilità. Con CSS e JavaScript, però, era possibile creare cose entusiasmanti. Alla fine sono passato a Elementor, un page builder potente e versatile, probabilmente il migliore e più utilizzato in WordPress.
WordPress
Siti web flessibili con temi e plugin WordPress.
Joomla
Progettazione e sviluppo di siti Joomla dinamici.
Elementor Pro
Siti moderni e reattivi con Elementor Pro.
SP Page Builder
Pagine professionali e accattivanti con SP Page Builder.
Tuttavia, utilizzare solo i page builder non è mai sufficiente. Ho sempre amato raccontare storie. Anche quando si utilizza un plugin o un modulo, bisogna progettare una storia o uno scenario. Una pagina web, dall’alto verso il basso, dovrebbe somigliare a una storia avvincente che viene letta. Strumenti come Photoshop e Illustrator mi aiutano a progettare elementi per le pagine web con maggiore precisione e bellezza. Ad esempio, penso che possiamo ancora utilizzare texture e pattern per rendere le pagine web più attraenti. Amo ancora progettare pattern per abbellire le pagine web. Un pattern ben progettato può rendere il tuo sito web più affascinante.
In questo contesto, HTML, CSS e JavaScript aiutano a personalizzare ulteriormente i page builder per soddisfare le nostre esigenze specifiche. La combinazione di un page builder, un po’ di creatività e l’uso di JavaScript e CSS porta a una pagina web più accattivante e unica. Naturalmente, utilizzo diversi strumenti per creare siti web più attraenti e coinvolgenti. Come ho detto, Adobe Photoshop e Adobe Illustrator rimangono strumenti preziosi per progettare siti visivamente impressionanti.
Credo che possiamo ancora utilizzare texture e motivi per migliorare l’appeal visivo delle pagine web. Mi piace ancora disegnare motivi per abbellire le pagine web. Un motivo ben progettato può rendere il tuo sito web più attraente.
Su questo sito, ho cercato di creare una landing page dedicata per ogni sezione, per mostrare che posso progettare pagine web in stili diversi. Allo stesso tempo, ho cercato di adattare l’atmosfera di ogni sezione al suo contenuto. Tuttavia, poiché il web è in costante evoluzione, non possiamo mai accontentarci di ciò che già sappiamo. Un tempo, i siti web interamente in Flash erano i più attraenti che si potessero immaginare, ma oggi è raro vederne uno.
Possiamo sempre arricchire le pagine web con elementi 3D. Puoi vedere una parte di questa idea nella pagina dedicata all’animazione 3D di questo sito. Possiamo utilizzare oggetti 3D creati in Blender per dare profondità e fascino ai siti web, che si tratti di un file glb per un oggetto interattivo o di un’immagine png con sfondo trasparente. Blender ci aiuta a integrare il mondo 3D con il web in modo armonioso, e JavaScript rimane il nostro alleato fidato per implementare questi miglioramenti.
Utilizzando oggetti 3D progettati in Blender, possiamo aggiungere profondità e fascino alle pagine web.
