Web Design Mastery

Build Portfolio Sites That Actually Work

Learn modern web design fundamentals, create your first portfolio, and launch projects that get you noticed at Cyberport Singapore.

Modern web design workspace with multiple screens showing portfolio designs and color palettes

Explore Courses Get in Touch

What You’ll Learn

Hands-on skills that take you from beginner to confident designer

Responsive Design

Create websites that look great on phones, tablets, and desktops. We’ll cover flexible grids, mobile-first thinking, and media queries that actually work.

User interface design elements showing typography color swatches and spacing guidelines on a designer's workspace

UI/UX Principles

Understand what makes interfaces intuitive and beautiful. Typography, color theory, spacing, and how to make users want to click are all covered here.

Portfolio website examples showcasing different design styles and layouts displayed on computer screens

Portfolio Building

Showcase your work in a way that actually impresses. We’ll walk you through structure, storytelling, and making that crucial first impression count.

How Our Workshop Works

A structured approach to building real skills in real time

Fundamentals First

We don’t jump into advanced stuff right away. You’ll start with the basics — HTML structure, CSS layout, responsive principles. Most people get comfortable with these in about 2-3 weeks if they’re practicing regularly.

Design Your Own Site

Once you’ve got the fundamentals down, you’ll create your own portfolio website from scratch. This isn’t theory — it’s real work with real code. You’ll make decisions about layout, color, typography, everything.

Feedback & Iteration

Your design gets reviewed. We’ll point out what’s working, what isn’t, and why. Then you’ll improve it based on actual feedback. This cycle repeats — it’s how real designers actually work.

Launch & Learn From It

Your portfolio goes live. Then we talk about what people actually think when they see it. You’ll understand what resonates and what doesn’t. That knowledge sticks with you for every project after.

Your Journey: Before & After

Real progress happens when you actually build something

When You Start

Confused about where HTML ends and CSS begins
Don’t know how to make things responsive
No portfolio to show potential clients
Unsure what “good design” actually looks like
Haven’t deployed anything live before

After the Workshop

You’re building responsive sites with confidence
Your portfolio website is live and working
You understand design principles in practice
You can iterate and improve based on feedback
You’ve got a real project to show people

Cyberport Singapore hub workspace with modern design studio, computers and collaborative workspace environment

300+

Students trained since 2019

Comprehensive course modules

8 weeks

Average time to first live site

92%

Complete their portfolio project

Meet Your Instructors

Experienced designers who still build real projects

Lead instructor portrait, experienced web designer at Cyberport

Alex Chen

Lead Instructor & Design Director

10+ years in web design. Built sites for startups, nonprofits, and medium-sized companies. Believes everyone can learn design — it’s about practice and good guidance.

Jordan Patel

UX Specialist

Maya Rodriguez

Frontend Developer

David Liu

Portfolio Coach

Ready to Build Something Real?

You’ll learn by doing — not by watching videos or reading tutorials. We work with you to create an actual portfolio site you’re proud to show people. The next cohort starts in 3 weeks.

Featured Learning Resources

Deep dives into topics covered in our workshop

Designer working on website layout with color palette and design tools on desk

Responsive Web Design Fundamentals

Learn how to create websites that work beautifully on phones, tablets, and desktops. We’ll cover grid systems, flexible layouts, and mobile-first thinking.

Read Guide

Portfolio website examples displayed on multiple screens showing different design styles

Building Your Design Portfolio Site

Create a portfolio website that actually gets you noticed. We’ll walk through showcasing your work, telling your story, and making a killer first impression.

Read Guide

UI design elements and typography samples arranged on a design workspace

User Interface Design Principles

Understand the principles that make interfaces intuitive and beautiful. We’ll cover typography, color theory, spacing, and how to make users actually want to click.

Read Guide

See All Resources