What This Workshop Is About
Turn your ideas into a real, working website design — even if you're not a designer or technical person. In this hands-on full-day workshop, you'll use Claude Design to plan, build, test and improve a website from scratch by following a simple four-step method you can repeat on any project. By the end of the day, you'll walk away with your own website concept that people can click and try. No coding or design expertise required — just bring an idea and let's build it.
The impact you'll take home
A completed design brief ready to use on any project
A structured page plan with clear user journeys
A reusable design system: colours, fonts, buttons and states
Multiple designed pages with a connected visual identity
A tested, improved website concept ready to develop further
A method you can repeat on any project after the workshop
4 Topics · Full Day + Lunch
Decide What the Site Is For
- Who the Site Is For, and What It Must Do
- Write Your Brief (Capstone Part 1)
- Plan Your Pages
Build Your Design System
- Colour, Fonts and Spacing
- Buttons, Cards and How They Change
- Build Your Style Guide (Capstone Part 2)
Design the Pages
- Design Your Home Page (Capstone Part 3)
- Review It and Improve It
- The Other Pages, and Joining Them Together
Test It and Show It
- Test It on a Real Person (Capstone Part 4)
- Turn What You Saw Into Fixes
- Show Your Work, and What Comes Next
After This Workshop, You'll Be Able To…
💡 Turn Ideas into a Clear Website Plan — Define your audience, purpose and what your website needs to achieve
📝 Create a Strong Design Brief — Tell Claude exactly what you want your website to do and how it should feel
🗂️ Plan Your Pages & User Journey — Structure pages so visitors always know where to go and what to do next
🎨 Build Your Own Design System — Choose colours, fonts, spacing, buttons and styles that work consistently
🖥️ Design Multiple Website Pages — Build your homepage and additional pages while keeping everything connected
🔍 Test & Improve Your Design — Test with real users, identify what isn't working, and turn feedback into fixes
🚀 Walk Away with Your Own Website Concept — A practical project you can continue developing after the workshop
Built for Teams Drowning in Busywork
Signs this is a fit
You have an idea for a website but don't know how to turn it into a real design
You want to direct AI to build UI without needing design or coding skills
You want a practical, hands-on day — not a lecture or theory session
You need a website concept you can take away and continue developing
You want to see how a professional designer uses Claude Design in real projects
Suitable roles
Led by a Practitioner, Not a Slide Deck
Malisa Jongkwanyuen
Senior UX/UI Designer
Malisa Jongkwanyuen uses Claude Design in live client work — incorporating AI into real design projects and workflows, not simply demonstrating it in a classroom or mock project. Since 2021, she has accumulated 5 years of UX/UI design experience, working across different projects, products and business requirements. She brings hands-on experience across the full design process: from understanding requirements, structuring user journeys, designing screens and interactions, refining the experience, and working with developers to bring designs to life. Her product work includes Lestar — designing dashboards, internal tools and business systems where usability, clarity and functionality are critical — and Net7, where she designed the complete screen flow from first sketches through to developer hand-off.
- 5 years UX/UI design experience across products and industries
- Uses Claude Design in live client projects and workflows
- Full design process experience: research, UX, UI, developer hand-off
- Product design: Lestar dashboards, tools and business systems
- Product design: Net7 — complete screen flow from sketch to hand-off
- 1st Prize: Design Thinking for Creative Business, AIS D.C. (AIS Design Centre) × TCDC, Bangkok
- Converse All Stars first-generation artist, Converse All Stars Thailand — Converse's global creative collective
