All video lessons and resources from this course are also available in our All-access Pro membership

All video lessons and resources from this course are also available in our All-access Pro membership

Learn More

4.98 rating

4.98 rating

UI Design Demo videos Vault

Watch, learn, and design like a pro

Ever wish you could peek inside a senior designer's brain as they're working? Grab a front-row seat to narrated design sessions from a senior product designer—packed with tips, logic, and clarity you won’t find in polished case studies or fast-forwarded tutorials.

3D dark vault with film strip coming out of it
3D dark vault with film strip coming out of it
3D dark vault with film strip coming out of it
3D dark vault with film strip coming out of it

Your private vault of expert UI design sessions

Your private vault of expert UI design sessions

Handpicked, long-form, and deeply educational: this is your premium collection of real-time UI walkthroughs, narrated by an expert designer. See how great design is done, so you can replicate results without years of trial and error.

Handpicked, long-form, and deeply educational: this is your premium collection of real-time UI walkthroughs, narrated by an expert designer. See how great design is done, so you can replicate results without years of trial and error.

0+
0+
0+
0+

hours of video content

0
0
0
0

average student rating

0+
0+
0+
0+

follow-along videos

0
0
0
0

resources and files

Let’s be honest: learning UI design can feel overwhelming.

You scroll through YouTube, bounce between bootcamps, hoard screenshots of nice UIs on Instagram or Dribbble—but deep down, you’re wondering: “Am I doing this right?”, “How do real designers actually make these decisions?”, and “Is there something I’m missing that no one’s teaching?”

We’ve all been there.

That nagging feeling that you’re one step behind—copying surface-level patterns without truly understanding the why behind them.

That’s why I created the UI Design Demo Vault—a premium, behind-the-scenes product built to show you what other resources don’t. No fluff. No over-polished case studies. Just real-time UI/UX design demos, recorded in full, narrated with every decision explained, tip unpacked, and reasoning made visible.

It’s like sitting next to a senior designer and watching them solve real product challenges from scratch—screen by screen, component by component.

The UI Design Demo Vault is made up of long-form, narrated videos—most over an hour—that walk you through complete UI challenges in real tools (like Figma), with no shortcuts. You’ll see the messy middle. The adjustments. The thinking. And most importantly: the clarity.

By the end of the first session, you’ll already be seeing your own work differently. By the third, you’ll be catching mistakes before you make them. And soon, you’ll feel like you’re not just learning UI/UX design—you’re finally understanding it.

Does this sound familiar?

How do real designers actually make decisions?

How do real designers actually make decisions?

Tired of theory-heavy courses that leave you with more questions than answers? The UI Design Demo Vault is your shortcut to clarity, confidence, and real-world UI thinking.

Watch a senior product designer tackle real-world design challenges in full-length, narrated demo videos. You'll see every decision explained, every layout refined, and every UI problem solved—in real time.

This is your front-row seat to how great interfaces are actually made.

You’ve learned the what and why of UI design—but not the how.

You keep second-guessing your design decisions—“Is this even how to do it?”

Your designs feel okay… but not thoughtful, strategic, or professional.

You’ve hit a plateau—you're stuck between beginner and confident intermediate.

What’s inside the UI Design Demo Vault

What’s inside the UI Design Demo Vault

These 8 demo sessions walk you through complete design processes. Watch how decisions are made, mistakes are fixed, and strong designs come to life in real time.

These 8 demo sessions walk you through complete design processes. Watch how decisions are made, mistakes are fixed, and strong designs come to life in real time.

Real-time customer support chat UI

1 hr 36 min

1 hr 36 min

Learn how to structure clear, user-friendly layouts for high-stakes interactions like chat support. In this session, you’ll see how a senior designer handles states, edge cases, layout, and typography for a functional and accessible UI. Watching this can transform how you design components users rely on daily—especially when clarity and speed matter most.

Figma design file showing mobile chat interface layouts and component states for a customer support app
Figma design file showing mobile chat interface layouts and component states for a customer support app
Figma design file showing mobile chat interface layouts and component states for a customer support app
Figma design file showing mobile chat interface layouts and component states for a customer support app

Redesigning a blog website

1 hr 43 min

1 hr 43 min

This demo video walks you through a blog redesign—perfect for learning about hierarchy, readability, and balancing text-heavy layouts with visual storytelling. You'll uncover practical tips on color, typography, and layout that you can use for any content-heavy product or marketing site. It’s a crash course in designing digital spaces people actually want to read.

Blog page layout in Figma with text-heavy content and imagery, demonstrating principles of hierarchy and readability
Blog page layout in Figma with text-heavy content and imagery, demonstrating principles of hierarchy and readability
Blog page layout in Figma with text-heavy content and imagery, demonstrating principles of hierarchy and readability
Blog page layout in Figma with text-heavy content and imagery, demonstrating principles of hierarchy and readability

Responsive landing page's hero section for a photo editing app

1 hr 31 min

1 hr 31 min

Great landing pages don’t just look good—they convert. This demo focuses on layout, imagery, color, and CTAs that work, with insights into responsive thinking and storytelling design. Whether you're working on SaaS products or mobile-first marketing pages, these real-world strategies are ones you’ll come back to again and again.

Figma canvas featuring layered circular photo elements and green sparkle icons for a product marketing hero section
Figma canvas featuring layered circular photo elements and green sparkle icons for a product marketing hero section
Figma canvas featuring layered circular photo elements and green sparkle icons for a product marketing hero section
Figma canvas featuring layered circular photo elements and green sparkle icons for a product marketing hero section

Redesigning a restaurant's web menu

53 min

53 min

Menus are deceptively complex: this demo shows how to simplify dense info into clean, inviting layouts that anyone can navigate. You’ll learn subtle tricks around visual hierarchy, typography, and usability that can apply to any info-heavy UI, from food ordering to product listing.

Dark-themed restaurant menu design in Figma, showing visual hierarchy and category navigation
Dark-themed restaurant menu design in Figma, showing visual hierarchy and category navigation
Dark-themed restaurant menu design in Figma, showing visual hierarchy and category navigation
Dark-themed restaurant menu design in Figma, showing visual hierarchy and category navigation

Animated onboarding flow in a mobile app

1 hr 19 min

1 hr 19 min

Explore how to use motion to guide, delight, and educate new users in this mobile onboarding redesign. You’ll learn animation basics, prototyping, and flow thinking—perfect for making your own mobile apps feel more polished and intuitive.

Figma frames displaying onboarding screens with icons, motion paths, and onboarding content structure
Figma frames displaying onboarding screens with icons, motion paths, and onboarding content structure
Figma frames displaying onboarding screens with icons, motion paths, and onboarding content structure
Figma frames displaying onboarding screens with icons, motion paths, and onboarding content structure

iOS news mobile app (dark mode)

1 hr 45 min

1 hr 45 min

Dive into a real-world dark mode case where accessibility, efficiency, and consistency are at the core. You’ll gain perspective on color systems, scaling components, and keeping structure tight even in content-rich designs. The patterns here apply far beyond news apps—think dashboards, social feeds, or any content-driven product.

Dark mode interface of an iOS news app in Figma, with color tokens and Figma variables in a data table
Dark mode interface of an iOS news app in Figma, with color tokens and Figma variables in a data table
Dark mode interface of an iOS news app in Figma, with color tokens and Figma variables in a data table
Dark mode interface of an iOS news app in Figma, with color tokens and Figma variables in a data table

Responsive table for a SaaS platform

2 hrs 2 min

2 hrs 2 min

Tables are one of the hardest components to design, especially when data is complex. This 2-hour walkthrough shows how to make them work beautifully—covering layouts, data visualization, and responsive strategies that will seriously elevate your B2B or enterprise UI work.

SaaS platform table design in Figma showing applicant data, responsive layout, and interface controls
SaaS platform table design in Figma showing applicant data, responsive layout, and interface controls
SaaS platform table design in Figma showing applicant data, responsive layout, and interface controls
SaaS platform table design in Figma showing applicant data, responsive layout, and interface controls

Accessible mobile bank profile creation

1 hr 04 min

1 hr 04 min

Accessibility isn’t optional—it’s essential. This demo tackles how to build inclusive interfaces for critical tasks like financial apps. You’ll see decisions unfold around color contrast, form clarity, and inclusive UX, giving you tools you can apply to any future form-heavy or high-trust UI.

Form interface for banking profile creation in Figma, with accessibility features like error messages and color contrast
Form interface for banking profile creation in Figma, with accessibility features like error messages and color contrast
Form interface for banking profile creation in Figma, with accessibility features like error messages and color contrast
Form interface for banking profile creation in Figma, with accessibility features like error messages and color contrast

Learn from Andrija, master of digital product design

Learn from Andrija, master of digital product design

This is your opportunity to learn from a seasoned UI/UX professional who has played a pivotal role in transforming hundreds of ideas into tangible, successful products

This is your opportunity to learn from a seasoned UI/UX professional who has played a pivotal role in transforming hundreds of ideas into tangible, successful products

10+ years of professional UI/UX design experience

Andrija has worked at multiple award-winning product design agencies with ratings exceeding 4.9 on Clutch

Andrija Prelec

An enviable list of design roles

CEO of a 5-person design studio Sharc, Head of Design at HIA, Team Lead of 40+ lecturers at Algebra Bernays, and one of the top 3% of designers in the world (Toptal)

10,000,000+ users positively impacted with design

With 80+ successful digital products designed and launched, Andrija has tried it all—from small MVP projects to complex B2B SaaS products with 200-member product teams

Leader in digital product design and
UI/UX education

Andrija shines as an educator, having taught hundreds of designers via
in-person 250-hour boot camps and conference workshops alongside nurturing thousands of students enrolled in Supercharge Design

10+ years of professional UI/UX design experience

Andrija has worked at multiple award-winning product design agencies with ratings exceeding 4.9 on Clutch

10+ years of professional UI/UX design experience

Andrija has worked at multiple award-winning product design agencies with ratings exceeding 4.9 on Clutch

10+ years of professional UI/UX design experience

Andrija has worked at multiple award-winning product design agencies with ratings exceeding 4.9 on Clutch

10,000,000+ users positively impacted with design

With 80+ successful digital products designed and launched, Andrija has tried it all—from small MVP projects to complex B2B SaaS products with 200-member product teams

10,000,000+ users positively impacted with design

With 80+ successful digital products designed and launched, Andrija has tried it all—from small MVP projects to complex B2B SaaS products with 200-member product teams

10,000,000+ users positively impacted with design

With 80+ successful digital products designed and launched, Andrija has tried it all—from small MVP projects to complex B2B SaaS products with 200-member product teams

An enviable list of design roles

CEO of a 5-person design studio Sharc, Head of Design at HIA, Team Lead of 40+ lecturers at Algebra Bernays, and one of the top 3% of designers in the world (Toptal)

An enviable list of design roles

CEO of a 5-person design studio Sharc, Head of Design at HIA, Team Lead of 40+ lecturers at Algebra Bernays, and one of the top 3% of designers in the world (Toptal)

An enviable list of design roles

CEO of a 5-person design studio Sharc, Head of Design at HIA, Team Lead of 40+ lecturers at Algebra Bernays, and one of the top 3% of designers in the world (Toptal)

Leader in digital product design and
UI/UX education

Andrija shines as an educator, having taught hundreds of designers via
in-person 250-hour boot camps and conference workshops alongside nurturing thousands of students enrolled in Supercharge Design

Leader in digital product design and
UI/UX education

Andrija shines as an educator, having taught hundreds of designers via
in-person 250-hour boot camps and conference workshops alongside nurturing thousands of students enrolled in Supercharge Design

Leader in digital product design and
UI/UX education

Andrija shines as an educator, having taught hundreds of designers via
in-person 250-hour boot camps and conference workshops alongside nurturing thousands of students enrolled in Supercharge Design

Your next level is just one click away—start thinking like a senior

Your next level is just one click away—start thinking like a senior

If you're serious about UI design, it's time to stop piecing things together. Watch, learn, apply—without second-guessing your every move.

If you're serious about UI design, it's time to stop piecing things together. Watch, learn, apply—without second-guessing your every move.

lifetime course access

$999
$999

pay once—inclusive of VAT, if applicable

12+ hours of practical videos

12+ hours of practical videos

2 bonus Figma files

2 bonus Figma files

Free lifetime updates

Free lifetime updates

Completion certificate

Completion certificate

supercharge design all-access

$597

$597

billed yearly and inclusive of VAT,

if applicable

UI Design Demo Videos Vault

All other courses and resources

60+ hours of video lessons

60+ bonuses and cheat sheets

150+ practical assignments

Webinar archive access

Monthly Q&A live sessions

Regular updates

Completion certificates

supercharge design all-access

$597

$597

billed yearly and inclusive of VAT,

if applicable

UI Design Demo Videos Vault

All other courses and resources

60+ hours of video lessons

60+ bonuses and cheat sheets

150+ practical assignments

Webinar archive access

Monthly Q&A live sessions

Regular updates

Completion certificates

supercharge design all-access

$597

$597

billed yearly and inclusive of VAT,

if applicable

UI Design Demo Videos Vault

All other courses and resources

60+ hours of video lessons

60+ bonuses and cheat sheets

150+ practical assignments

Webinar archive access

Monthly Q&A live sessions

Regular updates

Completion certificates

Risk-free purchase

Supercharge Design 7‑day money back guarantee

We offer a 7-day no-questions-asked guarantee for all our video courses through Teachable, one of the most well-known educational platforms in the world.

We are confident you’ll love our products and that they will help you reach your goals, but we also know it’s a lot easier to make a decision once you know there’s no risk for you!

$

$

$

$

$

$

Frequently asked questions

Frequently asked questions

We’ve answered the most common questions below. If there’s anything else you’re wondering, feel free to reach out after you apply—we’re here to help.

We’ve answered the most common questions below. If there’s anything else you’re wondering, feel free to reach out after you apply—we’re here to help.

What do I get by buying this?

What do lifetime updates mean in the context of this course?

Is there a money-back guarantee?

How do I know if this is for me?

Can I get an invoice with company details?

Can I get my company to pay for this fantastic learning resource?

Are there company/team discounts?

Do I get immediate access to the whole course?

Is there a certificate of completion?

Who is Supercharge Design?

What do I get by buying this?

What do lifetime updates mean in the context of this course?

Is there a money-back guarantee?

How do I know if this is for me?

Can I get an invoice with company details?

Can I get my company to pay for this fantastic learning resource?

Are there company/team discounts?

Do I get immediate access to the whole course?

Is there a certificate of completion?

Who is Supercharge Design?

10,000+ designers

Stay up to date

Get valuable design tips, exclusive offers, and more—straight to your inbox. We don’t spam and you can unsubscribe at any time.

10,000+ designers

Stay up to date

Get valuable design tips, exclusive offers, and more—straight to your inbox. We don’t spam and you can unsubscribe at any time.

10,000+ designers

Stay up to date

Get valuable design tips, exclusive offers, and more—straight to your inbox. We don’t spam and you can unsubscribe at any time.

10,000+ designers

Stay up to date

Get valuable design tips, exclusive offers, and more—straight to your inbox. We don’t spam and you can unsubscribe at any time.