5-day

Certified UX, UI, Prototyping & Portfolio design course

14–10 May 2021, 13:00–18:00 (UK)
Online via Zoom
Beginners–Intermediate
£159–£699 (you can Pay in 3)

What's on

Certified hands-on 5-day course run by professional designers where you'll create your own portfolio.

From UX research and UI design fundamentals, wireframing in Sketch & Figma and prototyping responsive mobile-first UI in-browser, to advice on starting a career in UX with portfolio and job interview tips.

Who runs it

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

Chimmy – Senior UX designer who has experience working with British Airways, Vogue and WorldRemit.

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

Day 1 — UX design and AI. Hands-on exercises.

Learn design process on real-world UX case studies: from improving Google sign-in to pitching your design to HSBC business manager.

understanding long business requirements documents using NotebookLM AI
setting up problem discovery framework using Lean UX Canvas
carrying out user research and creating UX findings repository with your custom OpenAI agent
gathering feedback from your (and your competitor's) users with Deep AI Research
mapping detailed user journeys covering all unhappy paths with FigJam AI and ChatGPT
setting up A/B tests with AI-summaries in Lyssna

The School of UX, user journey mapping exercise on day 1 of the UX course

The School of UX, A/B testing techniques

Day 2 — UI design and AI. Project work.

Learn to design actually usable UI (not just "bells and whistles" for Behance). All with practical project work on re-designing Sainsbury's supermaket self-checkout kiosk.

core UI design principles & following content-first—layout-second—styling-last process
working in Figma: from mapping semantically-structured content to responsive layout using auto-layout, and design system with components
mobile-first layout using 12-column grid system
making your design accessible and compliant with WCAG
"buttery-smooth" UI techniques following PageSpeed Insights
tips on working with software developers to ensure your design is technically feasible to implement

The School of UX improving Transport for London website

The School of UX prototyping Sainsbury's self-checkout kiosk UI in Figma

The School of UX, esponsive UI design exercise on day 2 on UI

The School of UX optimising UI performance

Day 3 — Prototyping in Figma. Project work.

Design from scratch a mobile app for a luxury car rental company Miles&Miles in London — from UX to UI in Figma.

designing a style guide as part of the design system, and reusing existing design libraries
making your UI accessible and comply with WCAG using Figma Design AI and ChatGPT
design handover workflow with Figma Dev Mode and MCP servers
setting up automated UI usability testing with OpenAI Agent and BrowserStack AI
testing in-browser, in Figma Mirror and on real devices

The School of UX, students working on a project

The School of UX designing car rental app in Figma

The School of UX, grid system covered as part of days 2 and 3 of the course

The School of UX optimising graphics for speed

Day 4 — Prototyping Responsive UI in browser

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

Show more Show less

The School of UX, explaining how to preview UI in mobile view as part of Prototyping workshop

The School of UX, learning basic HTML elements during prototypign UI in-browser workshop

The School of UX, techniques for responsive images during Prototyping UI workshop

The School of UX workshop covering prototyping UI using HTML and CSS

The School of UX, prototyping mobile-first UI in-browser

The School of UX, responsive grid system explained as part of Prototyping UI workshop

Day 5 — Building UX Portfolio. Personal project.

Create a portfolio for all your projects. Work on a personal project of your choice with tutor's help (who knows — it could become "the next big thing").