Half-day

Prototyping responsive UI in HTML & CSS for Designers workshop

16 Mar 2023, 13:00–18:00 (UK)
Online via Zoom
Beginners–Intermediate
£299 (you can Pay in 3)

What's on

Learn to prototype UI using HTML and CSS 👩🏽‍💻 (with no previous coding experience – seriously!). You'll be working on a project from scratch with a lot of practice – designing a mobile-first responsive website, tweaking it in browser and publishing it to your own web hosting.

No doubt Figma is great – but it can be limiting when you want to prototype something a little bit more advanced 😬. You don't have to wait for a developer to free up to help you play around with your new bespoke UI ideas – you can just mock these up in browser yourself.

The last thing you want is to design something that cannot be technically implemented, and waste your team's time and budget. It's super-useful for every designer to understand how feasible it is to code your mockups, and speak the same language with software developers – win-win for everyone ✌️.

💬 The workshop is run remotely via live video with live instructors (not recordings) – you'll be able to ask questions and we'll provide feedback on your work in real-time.

Who runs it

Sergei – UX designer & entrepreneur with 20+ years of experience working with Microsoft, Heathrow and British Gas.

Our students rate us ‘Excellent’.
Come see why for yourself.

We've helped peeps from graphic, print, UX and UI design backgrounds, marketers, BAs, PMs and completely new to design (from choreographers to accountants).

For anyone who’s self-taught in UX, I’d strongly recommend this course it’s a game changer!

Maria, UX Designer @ IBM

If you’re building or improving digital products, this course will deliver real value to your team and users alike.

Gary, Product Owner @ Johnson & Johnson

Thanks to Sergei from the School of UX for delivering AI+UX training for my team. Well structured, concise and delivered with a smile.

John, UX Manager @ Ford

I landed my current role because of the portfolio piece I specifically did with The School of UX so I'm very glad I attended this short course.

Stephanie, UX Designer @ Electronic Arts

What we'll cover

Essential in-browser prototyping skills for web & mobile – to design products, which can be implemented efficiently, and speak the same language with developers. You'll create a mobile-first responsive website of your portfolio in just under 5 hours. Show more Show less

introduction into in-browser prototyping for designers
understanding fundamentals of web design and web page structure (no previous coding experience required!)
HTML foundations
learning basic tags, structuring content and basic layout
CSS foundations
how to style components, embed fonts and create enhanced layout + transitions
creating responsive layout
making redesign universal and work on different screen sizes
inspecting websites in-browser
running QA on live websites, testing on mobile
publishing your prototype to GitHub
to your own web hosting space
how to collaborate with software developers
making sure design is implemented to the highest standard by speaking the same language with software developers