Creazione di siti web con Webflow: crea un sito senza codice
A course by Jan LosertVisual Designer
A course by Jan Losert, Visual Designer
Impara le basi dello sviluppo no-code e costruisci da zero un sito web completamente funzionante usando Webflow
Con Webflow è possibile creare siti web completamente funzionali e professionali senza bisogno di coding. Il visual designer ed esperto di Webflow Jan Losert utilizza il software per aiutare singoli e aziende come Petal e Tiny Capital a migliorare la loro presenza online. Jan ha anche creato risorse online per designer e condivide il suo lavoro con oltre 18 mila follower su Instagram.
In questo corso, Jan ti insegnerà come creare il tuo sito web con facilità attraverso Webflow. Progetterai da zero un sito di marketing per qualsiasi tipo di business e aiuterai un brand a distinguersi dalla concorrenza online. Che ne dici di costruire un sito web d'impatto senza nessuna esperienza in coding?
Cosa imparerai in questo corso online?
23 lezioni & 14 download
Introduzione al No-Code
10 minuti, 9 secondi
Funzionalità principali del flusso web
17 minuti, 33 secondi
Design
7 minuti, 0 secondi
Guida di stile
11 minuti, 18 secondi
Sezione Eroi
18 minuti, 53 secondi
Navigazione
20 minuti, 41 secondi
Cosa include questo corso?
Inizierai conoscendo Jan, il tuo insegnante. Scoprirai come è passato dalla progettazione di forum al design di siti web per startup e grandi aziende, insieme alle fonti di ispirazione per il suo lavoro. Poi ti darà dei consigli per avere successo nell'industria del web design.
Vedrai le basi dello sviluppo no-code per poi passare a esplorare le funzioni principali di Webflow e alla ricerca di immagini royalty free. Quindi creerai una guida di stile compresa di tutti gli elementi principali del tuo design: colori, font, pulsanti ed elementi tipografici.
Costruirai la versione desktop del tuo sito, partendo dalla sezione principale. Poi passerai al menu di navigazione, ai casi di studio e agli elementi collage. Vedrai come si creano i formulari, aggiungerai la sezione "lavora con me" e un footer con una call to action.
A questo punto, ti occuperai di rendere responsivo il tuo sito. Inizierai dalla vista tablet, per poi passare ai formati mobile e portrait. Proverai i formulari, aggiungerai elementi interattivi al sito web ed esplorerai la differenza tra "page load" e "scroll in view".
Poi passerai ai ritocchi finali del tuo sito. Esplorerai le tag SEO e l'hosting di siti web. Ti addentrerai nella manutenzione del sito e vedrai come dare l'accesso editing a terze parti. Infine, Jan ti guiderà attraverso Webflow CMS e il suo potenziale.
What is this course's project?
Costruire un sito web aziendale completamente funzionante in Webflow, così come una guida di stile per modifiche e aggiustamenti futuri.
Progetti di allievi del corso
Who is this online course for?
Questo corso è adatto a chiunque voglia imparare a creare siti web senza codice, ai designer che cercano di ampliare le loro competenze e ai proprietari di aziende che vogliono stabilire una presenza online.
Requirements and materials
Non è necessaria alcuna esperienza pregressa.
Per quanto riguarda i materiali, avrai bisogno di un computer e di un account gratuito Webflow. Per sfruttare al massimo il tuo design, un account Figma o Sketch è utile ma non essenziale.
Recensioni
- 2 mesi fa
hasta el momento es justo lo que esperaba
- 5 mesi fa
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
- un anno fa
fluid and well explained
- un anno fa
Muy creativo
- un anno fa
Great course! The best instructor you can find for starting with Webflow.
Da allora Jan ha lavorato con oltre 30 startup e aziende come Petal e Tiny Capital, costruendo siti web funzionali con un focus sui linguaggi visivi coerenti. Ha creato risorse come kit UI e tutorial Webflow per designer, e ha tenuto conferenze sul product design, sulla vendita di sistemi di progettazione e altro ancora. Inoltre, condivide risorse e competenze con oltre 18 mila follower su Instagram.
Contenuti
- U1
Introduzione
- Riguardo a me
- Fonti di ispirazione
- U2
Webflow, panoramica senza codice e creazione di guide di stile
- Introduzione al No-Code
- Funzionalità principali del flusso web
- Design
- Guida di stile
- Creazione di una guida di stile 1
- Creazione di una guida di stile 2
- U3
Sviluppo della versione desktop
- Sezione Eroi
- Navigazione
- Sezioni di studio di casi 1
- Sezioni di studio del caso 2
- Collage Sezione 1
- Collage Sezione 2
- Sezione Clienti e Modulo Newsletter Semplice
- Piè di pagina
- U4
Sviluppo del sito web responsive
- Vista Tablet
- Vista mobile orizzontale e verticale
- Moduli di prova
- Interazioni
- U5
Dettagli finali, messa in funzione e manutenzione futura
- Ottimizzazione SEO e Hosting
- Pannello Manutenzione, Editor e Risorse
- Esplora CMS
- PF
Progetto finale
- Creazione di siti web con Webflow: crea un sito senza codice
Cosa aspettarsi da un corso Domestika
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
Certificates
PLUSIf you're a Plus member, get a attestato personalizzato signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Questo corso è ideale per chi ha già qualche base di design o web, ma anche i principianti motivati possono seguirlo. Copre funzionalità intermedie di Webflow, flussi di lavoro no-code e design responsive, perfetto per chi vuole creare siti dinamici e professionali senza scrivere codice.
Ti serve un computer con accesso a internet, un account Webflow gratuito e una conoscenza base dei concetti web. Un po’ di esperienza con Figma o altri strumenti di design è utile ma non indispensabile.
Imparerai a creare siti marketing e portfolio responsive in Webflow, usare strumenti no-code, implementare SEO, animare elementi, collegare moduli e gestire risorse per progetti web professionali—senza bisogno di saper programmare.
Il corso ti guida passo dopo passo nella pianificazione, progettazione e pubblicazione di un sito marketing usando gli strumenti visuali di Webflow, inclusi layout, navigazione, moduli, SEO e adattamenti responsive per ogni dispositivo.
Sì, il corso spiega come trasferire layout e risorse da Figma a Webflow, garantendo coerenza nel design e un flusso di lavoro efficiente dalla progettazione allo sviluppo.
Assolutamente. Il corso insegna i principi del design responsive, i breakpoint e le regolazioni di layout per far sì che il sito sia perfetto su desktop, tablet e smartphone.
Sì, imparerai ad animare elementi, creare effetti di rivelazione fluidi e migliorare l’interattività con gli strumenti di animazione visuale di Webflow—senza scrivere codice.