Learn UX and UI design in crash course with portfolio advice

16–12 Apr 2021, 13:00–18:00 (UK)
Remote via live video
Beginners–Intermediate
763 SR–3,352 SR

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 from Estonia 🇪🇪 – UX designer & entrepreneur with 20+ years of experience working with Microsoft, Heathrow and British Gas. Organiser of TheUXConf.

Chimmy from Nigeria 🇳🇬 – Senior UX designer who has experience working with British Airways, Vogue and WorldRemit. Particular interest in accessibility.

What our students say

We are rated 4.9 out of 5 on Trustpilot 👉🏼 read all the reviews

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 fundamentals

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

introduction into 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
carrying out user research and reporting findings
to understand users, their needs and challenges using surveys and interviews
mapping user journeys and experience maps
to understand how users navigate through the system, find out about their feelings any pain-points
creating information architecture using card sorting
to group information in a more logical way to improve navigation and help users complete their tasks quicker
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)
review of the best accessibility practices
to make sure design is inclusive and works for everyone (way further than only for people with disabilities)
looking into 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 fundamentals

You'll learn the base User Interface design principles, how to make your UI responsive and accessible, create a style guide, and more. Show more Show less

UI design principles & process
to understand where User Interface design sits in a process and essential design fundamentals
typography and importance of content design
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
accessibility
to make sure you design complies with industry-standard Web Content Accessibility Guidelines (WCAG)
iconography
how to make your icons meaningful and sharp
graphics
understanding which media format to use when (raster versus vector), and how to optimise it for the best performance
layout using responsive grid
to make sure your design works across different devices, benefitting from mobile-first approach
styling and design systems
creating a style guide of UI elements to have consistent design across your systems, overview of design libraries
designing with development in mind
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 — Wireframing & Rapid Prototyping

At this workshop you'll create an interactive prototype of your own portfolio website using Figma, which you'll then preview and test on your mobile phone. Show more Show less

structuring content
emphasising the importance of starting design with content (not chrome), which is most relevant to users
creating 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, rapid prototyping techniques explained on day 3 of the course

The School of UX, wireframing UX portfolio in Sketch as part of day 3 of the course

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

The School of UX, classroom during remote courses

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

The School of UX, explaning how to use design versioning as part of day 3 of the course

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 — Career in UX & Portfolio Advice

You'll leave with plenty of knowledge on what it's actually like to be a UX designer in the field, what you need to become a freelancer, how to create a portfolio, where to find a job, interview tips and market rates. Show more Show less

what a day of a UX designer looks like
to understand what it's actually like to be a UX-ie
working in startups vs. big companies vs. design agencies
industry insights of what work of a designer looks like in different type of companies
how to create an impressive portfolio
best ways to present your work, how to target your portfolio for the role you're applying for
complimentary copy of our UX portfolio template
where to look for jobs
how to look for the right opportunity, ways to apply, working with recruitment agencies
practical tips for your interview
how to pitch your services, what to keep in mind when speaking to business stakeholders and senior designers
how to be a freelancer
Challenges and positives of going solo, from setting up your own company to accounting and legal
money side: market rates
exploring salary and benefits of jobs in permanent and contract markets