5-day

Learn UX and UI design in crash course with portfolio advice

16–12 Apr 2021, 13:00–18:00 (UK)
Online via Zoom
Beginners–Intermediate
£159–£699 (you can Pay in 3)

👉🏼 Book now places are limited

What's on

Learn how to implement lean UX design process: research, prototype, test + receive career advice.

From UX research and UI design fundamentals, wireframing in Sketch & Figma, to prototyping responsive mobile-first UI in HTML and CSS, and advice on starting a career in UX with portfolio and job interview tips. An insightful, hands-on & affordable 5-day course run by a professional UX designer with 15+ years of experience.

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.

As a graphic designer I wanted to gain more of an insight into the world of UX/UI design and I was definitely given the knowledge and tools to be able to apply them into my day to day role.

Shauna

I took this course as a content designer wanting to learn more about UI and UX. Most other courses don't offer certificates but this one did. So it's great to have actual evidence to place on my CV, LinkedIn and online portfolio.

Jordan

This was a fantastic week of learning. Each tutor was incredibly helpful. Would highly recommend to anyone wanting to start a career in UX and or UI.

Izzy

I did the UX writing course and it was exactly what I needed. I'm looking forward to finishing the UX/UI cycle with the school of ux and upping this to a 5-star review.

Cerise

Day 1 — UX design

We'll show you how to carry out user research, map user journeys, run usability and A/B testing, track conversions and more. With hands-on practice. Show more Show less

User Experience design process
for you to have a lean, robust & effective workflow across your projects and company
UX versus UI
to explain important differences between designing pretty User Interface and understanding & solving actual user's problems
using AI in UX design
techniques for more effective design with the help Artificial Intelligence
carrying out user research and reporting findings
to understand users, their needs and challenges using surveys and interviews
mapping user journeys
to understand how users navigate through the system, find out about their feelings any pain-points
usability testing remotely & in person
to validate assumptions and test product directly with users before spending time and financial resources on coding
A/B testing
to compare two or more design variations and pick the best performing one (instead of arguing with fellow teammates)
analytics
to measure performance of your design: setting goals and tracking conversions in order to turn visitors into customers

Show more Show less

The School of UX, students connecting via Zoom on day 1 of the remote UX course

The School of UX, slide from day 1 of UX course comparing UX and UI

The School of UX, design process covered throughout the courses

The School of UX, lean canvas covered as part of day 1 of the UX course

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

You'll learn numerous User Interface design principles, how to make your UI responsive, create a style guide, and more. All with practical exercises. Show more Show less

core UI design principles & process
to understand where User Interface design sits in a process and essential design fundamentals
typography and mapping content
knowing when to use px and em, n-dash and m-dash, how to embed fonts and to avoid faux fonts, making your content legible
using and optimising hi-fi graphics
understanding which media format to use when (raster versus vector), and how to optimise it for the best performance with @2x, @3x
layout using responsive 12-column grid
to make sure your design works across different devices, benefitting from mobile-first approach
creating a style guide as part of the design system
creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
how to work with software developers
to ensure your design is technically feasible to implement, understanding technical constraints

Show more Show less

The School of UX, students completing UI exercises as part of day 2 of the in-person course

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

The School of UX, creation of UI style guide on day 2 of the course

The School of UX, responsive UI design techniques covered as part of day 2 of the course

The School of UX, padding versus margin explained on day 2 of the course

Day 3 — Prototyping & Project work

You'll create from scratch an interactive prototype of a mobile app or a large-screen kiosk using Figma in under 5 hours. Full-on project work for your portfolio. Show more Show less

using AI in UI design
techniques for more effective design with the help Artificial Intelligence
structuring content
emphasising the importance of starting design with content (not chrome), which is most relevant to users
creating grid layout in Figma app
to visualise concepts bearing in mind different device form factors, including designing responsive UI for mobile
embedding fonts, icons and graphics
to prepare all the assets for prototyping stage and handover to developers
prototyping interactions
creating interactive rapid prototype (no code behind) to be used in-browser as well as real device, optimising for touch
testing on a real device
sharing, testing and giving feedback on a working rapid prototype on your mobile phones
review of UI design tools
overview of the most commonly used apps used by User Interface designers on the market

Show more Show less

The School of UX, prototyping self-checkout kiosk UI in Figma

The School of UX, students working on a project

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

The School of UX, designing car rental app in Figma

The School of UX, creating rapid prototype of UI on day 3 of the course

The School of UX, AI techniques as part of prototyping UI in Figma

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 — UX Portfolio and personal project

You'll leave with plenty of knowledge on what it's actually like to be a UX designer in the field, how to create a portfolio and work on a personal project. Show more Show less