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
777 SR–3,416 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

The School of UX speaker Sergei Golubev

Sergei from Estonia 🇪🇪 – UX designer & entrepreneur with 20+ years of experience working with Microsoft, Heathrow and British Gas. Organiser of TheUXConf. The companies Sergei worked with

The School of UX speaker Chimmy Kalu

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

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 moreShow 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 moreShow less

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 moreShow 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 moreShow less

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 moreShow 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 moreShow less

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 moreShow 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 moreShow less

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 moreShow 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
Show moreShow less

What's included

✋🏽 Live video & real-time interaction (when remote)
💻 Hands-on exercises
individual & group
📑 Handouts & slides
for you to download
🎙️ Q&A session
with experienced designer
📖 Books & tools recommendations
💬 Private Slack group
for networking & jobs
💰 Personalised career advice
(with selected ticket option)

Our UX & UI design course is CPD-certified

The content of our most popular 3-day to 5-day course on User Experience & User Interface design is accredited by the CPD Certification Service (certificate no. A022883) as conforming to continuing professional development principles.

Logo of CPD Member, The CPD Certification Service Logo of CPD Member, The CPD Certification Service

Our 4000+ students come from different backgrounds and countries

Complete beginners, graphic / UX / UI designers, developers, PMs, BAs, marketers. From big companies and startups to independent freelancers  👉🏼 read student reviews

How we compare to other institutions

Choosing between UX design courses at The School of UX and General Assembly, Udemy or university degrees? Any education is great. It’s up to you to pick the right one for you:

Other courses