AI-tehostettu verkkosivujen suunnittelu ja UI-prototypointi

Koko konsepti valmiiksi ennen kuin ostat riviäkään koodia

Verkkosivujen ja käyttöliittymien uudistaminen on usein hidasta, kallista ja täynnä kompromisseja eri sidosryhmien välillä. AI-tehostettu verkkosivujen suunnittelu ja UI-prototypointi -koulutus näyttää, miten generatiivinen tekoäly kääntää tilanteen päälaelleen. Päivän aikana opit rakentamaan kokonaisia sivupohjia, käyttöliittymäluonnoksia ja toimivia prototyyppejä ilman koodausta – sekä tuottamaan sisältöjä, kuvituksia ja videoita, jotka tekevät ideastasi vakuuttavan.

Koulutus tarjoaa hands-on-harjoituksia yli kahdeksalla huipputyökalulla Relumesta Midjourneyhin ja Bubble AI:sta Runwayhin. Lopputuloksena osaat valmistella sisäisesti selkeitä ja visuaalisesti vakuuttavia konsepteja, jotka nopeuttavat päätöksentekoa ja tekevät kilpailutuksesta hallitumpaa.

Kenelle koulutus sopii?

Koulutus on suunnattu asiantuntijoille, jotka vastaavat verkkosivustojen, käyttöliittymien tai digipalveluiden suunnittelusta, tilauksesta tai konseptoinnista. Et tarvitse teknistä taustaa – koulutus etenee käytännönläheisesti ja ohjatusti.

Ohjelma

8.30 Tervetuloa! Ilmoittautuminen ja aamukahvi

8.55 Tervetuloa etäosallistujat! Sisäänkirjautuminen

9.00 Tervetuloa ja koulutuksen avaus

• Kouluttajan esittely 
• Päivän tavoitteet ja sisältö 

9.15 Tekoäly suunnittelutyön apuna – mitä se tarkoittaa käytännössä?

• Miten AI nopeuttaa versiointia, protoilua ja päätöksentekoa 
• Inspiroivia esimerkkejä siitä, mitä on jo mahdollista tehdä 
• Työkalujen roolit ja käyttö tilanteen mukaan

10.00 Visuaalinen suunnittelu tekoälyllä: Relume, Midjourney & Firefly

• Kuinka rakentaa verkkosivupohja tai UI-luonnos Relumen avulla 
• Moodboardien ja kuvituksen teko Midjourneyllä 
• Kuvien muokkaus ja harmonisointi Photoshop Fireflyllä 

10.45 Tauko

11.00 Tekstien ja sisältöjen suunnittelu: ChatGPT, Claude ja Perplexity

• Navigointi tehokkaaseen sisällöntuotantoon 
• Esimerkkiharjoitus: tagline + landing page -tekstit kolmella eri tyylillä 
• Lokalisointi ja käyttäjäryhmäkohtainen personointi 

11.45 Verkkosivun tai UI:n nopea versiointi käytännössä

• Harjoitus: rakennetaan uusi versio olemassa olevasta palvelusta 
• Relume + tekstigenerointi + visuaaliset elementit 

12.30 Lounastauko

13.15 Prototyypit ilman koodausta: Figma Make & Bubble AI

• Käyttöliittymän toiminnallinen suunnittelu 
• Kuinka näyttää ja testata toiminnallisuuksia sisäisesti 
• Käytännön harjoitus: nopea prototyyppi  

14.00 Videot ja liikkuva kuva: Sora, Veo 3, Runway & Kling

• Mihin tekoälyvideoita kannattaa hyödyntää? 
• Harjoitus: luodaan esittelyvideo idealle 
• Kuvien, äänen ja liikkuvan kuvan yhdistäminen 

14.45 Tauko

15.00 Yhdistäminen: kuinka koostetaan valmis konsepti ja pitch

• Miten yhdistät tekstit, kuvat, videot ja layoutin esitettäväksi kokonaisuudeksi 
• Harjoitus: osallistujat työstävät omaa demoversiotaan 

15.30 Yhteenveto

16.00 Kiitos! Koulutus päättyy

Kouluttaja

Mikael Hugg

Kasvumarkkinoinnin ja tekoälyn asiantuntija

Mikael on tekoälyyn erikoistunut kasvumarkkinoinnin asiantuntija, yrittäjä ja suosittu keynote-puhuja. Hän on markkinointitoimisto Growthlandin sekä Mentorsprint-tekoälyalustan perustaja, ja hänellä on yli 10 vuoden kokemus B2B-markkinoinnista, myynnistä ja kasvuhakkeroinnista.

Hinta 890 € (+ alv 25,5 %)