Gitonusa TechAcademyProgram / 03 Kembali ke semua program

Web Design Program · Design, Build, Publish

Turn a blank screeninto a usefulstory.

Belajar menyusun informasi, merancang tampilan, dan membangun website yang responsif serta siap dipublikasikan.

Siswa mempresentasikan rancangan websiteInside Web Design Lab
Why this program03 / 05

Belajar dengan tangan,
berpikir dengan berani.

Program ini mempertemukan design thinking dengan keterampilan membangun web. Peserta belajar memahami pengguna, menyusun isi, membuat wireframe, menerjemahkan desain menjadi halaman, dan merawat detail agar hasil akhirnya nyaman digunakan.

SasaranSMP–SMA / umum
Pathway2 level
Total24 pertemuan
OutputWebsite live
Learning pathKeep growing

Not a one-off class.
A path to grow.

Setiap tahap menambah cara berpikir baru dan berakhir pada project yang lebih berani.

Level 01

Visual Web Explorer

Content, hierarchy, layout, color, type, HTML & CSS

Final outcomePersonal Profile Website
Level 02

Digital Experience Builder

Responsive design, interaction, component, SEO, dan publishing

Final outcomeInstitution / Product Website
Inside the curriculumPublic overview

Dari memahami pengguna sampai menekan tombol publish.

Materi rinci, worksheet, asesmen, dan SOP trainer disiapkan dalam kurikulum internal Gitonusa Academy.

01How the web works
02Audience & content mapping
03Information hierarchy
04Wireframe and page flow
05Color & typography
06HTML foundations
07CSS layout
08Responsive design
09Components & consistency
10Interaction details
11Testing & accessibility
12Publish & presentation
What learners carry forwardBeyond certificates

Skills that stay
after class ends.

01

Design with purpose

Menyusun tampilan berdasarkan kebutuhan pengguna dan tujuan komunikasi.

02

Build responsively

Membuat halaman yang tetap nyaman dilihat di laptop maupun ponsel.

03

Care for details

Mengolah type, spacing, warna, dan interaction sebagai satu pengalaman utuh.

04

Publish a real site

Menyelesaikan satu website yang dapat dibuka, dibagikan, dan menjadi portofolio.

Every sessionDesigned for doing

Open. Explore.
Make. Reflect.

1Fun opening
2Explore concept
3Mentor demo
4Guided practice
5Project challenge
6Reflection

Program includes

Mentor web designModul praktikDesign worksheetSource projectReview mingguanHosting projectPortfolio reviewSertifikat

Ready when curiosity is.

Let's find the right
Web Design path.

Diskusikan program ini
Keep exploringOther labs
01Robotics02Coding04AI & Vibe Coding