UX & UI Design, Prototyping & Career advice: 5-day course

27–31 Jul 2020, 13:00–18:00
Remote via live video
Beginners–Intermediate
£159–£699 + VAT

What's on

You'll learn UX and UI design fundamentals, Wireframing, Prototyping and get career tips.

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 Chimmy Kalu

Senior UX designer Chimmy Kalu who has experience working with British Airways, Vogue and WorldRemit. Particular interest in accessibility.

The School of UX speaker Sergei Golubev

UX designer & entrepreneur Sergei Golubev with 15+ years of experience working with Microsoft, Heathrow and British Gas. Organiser of TheUXConf.

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 an icon font and 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 create a scalable and maintainable icon font, and 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 a mobile website using Sketch, Figma, which you'll then run 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 and Sketch apps
    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 in just 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 basics
    learning basic tags, structuring content and basic layout
  • CSS basics
    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
  • 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 impressive portfolio
    best ways to present your work, how to target your portfolio for the role you're applying for
  • 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
Signed certificate
upon completion
Handouts & slides
printed & digital
Q&A session
with experienced designer
Books & tools recommendations
Career advice
portfolio & job tips
One-to-one mentoring
(bookable separately)

Our 3000+ 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

Our tutors are professional designers with 15+ years of experience

They've been working with FTSE 100 companies and have plenty of industry insights to share – more about us

Other courses

27–31 Jul 2020, 13:00–18:00
£159–£699
Beginners–Intermediate
You'll learn UX and UI design fundamentals, Wireframing, Prototyping and get career tips.
29 Jul 2020, 13:00–18:00
£159–£159
Beginners–Intermediate
Hands-on workshop designing User Interface wireframes and rapid prototyping in Sketch & Figma apps. 
10 Aug 2020, 13:00–18:00
£159–£199
Beginners–Intermediate
Learn to boost conversion rates of any site without manipulative practices that damage business.

Huge thanks – you've been helpful!

Your feedback helps us make our website better for you.

Did you find everything you needed on this page?