Plan your design career for longer than your next job. Maximize the time you have for the best long-term results and be ready for changing market realities.

Long Term Strategy

We looked over 200+ successful resumes and portfolios and there are patterns! Learn to use these patterns to your advantage and skip things that can hurt your chances.

Maximize hiring chances

The ability to see bad design is a superpower. It goes well beyond just seeing bad alignment in UI though so I show you my methods to quickly spots all kinds of issues.

See bad design instantly

Communication is the most important skill of any designer! Make sure you avoid tropes, cliches and direct “ux course” pastes. You’re better than this!

Communicate better

Understanding bad design is the best way to become an amazing designer! And from there everything becomes much, much easier!

Level up!

You'll be able to finally see what you do wrong and correct it. Eye opening approach to not sucking at design and self-presentation.

Bad Design - The Course


What is bad design and why you need a long term strategy.


Intro


Red flags and solutions to most common resume problems.


Resume/CV


To have a winning portfolio you need to first avoid these red flags.


Portfolio


Learn how to divide your UI into steps and then find problems in each step.


UI Design


Spot logic problems in your flows and general user experience design.


UX/IA


Bad design

Learn this unique method that shows you understand the design decisions behind your projects and know how to guide the user to the desired action.

Hierarchy Strips

We will be using the Red Square Method to learn alignment by hand - it’s really important to train your eye first before you jump into auto-layouting tools.

Red Square Method

Learn to actually SEE the design for what it is. That unique skill will allow you to spot mistakes early on and correct course. Trained designers feel like they’re superhumans at work!

Optical Alignment

Auto Layout is pretty easy at its core. I’ll show you exactly how it works based on extremely simple examples so you can skip thinking it’s magic and understand it completely.

Auto Layout principles

Nesting allows for more complex, multi-directional auto layouts. I’ll show you how to achieve it with forms, complex grids and robust card layouts the right way!

Nested Auto Layout

Auto Layout - The Boring Guide

What the course covers, why and why you should learn auto-layout from this unusual angle

1. Intro

Before diving into auto layout, let’s explore optical precision and the ability to actually SEE the layout and its precision.

2. The Red Square Method


The Red Square Method


Hierarchy includes the spacing between individual groups and how it influences everything. Use this unique method to plan, execute and better explain your decisions.


3. Hierarchy Strips


Hierarchy Strips


What Auto Layout is at its core, how it works, based on a super simple exercise with blocks.


4. Auto-Layout Basics


Auto-Layout Basics


Now that we already know the basics let’s use them in one of the simplest yet most common UI elements - a list view.


5. Simple list


Simple list


Grids can be a fun way to play around with Auto Layout, but it’s also good to remember that while pretty visually impressive it’s not really a common UI pattern.


6. Masonry grid


Masonry grid


Forms on the other hand are usually very fitting to use Auto Layout on and allow you to create more complex form flows much faster and easier.


7. Form design


Form design


This is where Auto Layout can truly shine, but it can also completely ruin the experience. Learn how to do it right.


8. Complex cards


Complex cards


Wrap up and what to focus on while learning and practicing further.

9. Outro

Outro

Most junior case studies look like identical copies. Learn to come up with innovative ideas and processes that are sure to impress the readers.

Generating unique ideas

To thrive online you need a personal brand. Consistent colors choices, photos and social media presence that sets you apart from other designers.

Personal brand

Pen and paper, or on a tablet - doesn’t matter as long as you can bring your ideas to life  and show a personal and interesting look into how you solve problems.

Sketching ideas quickly

Learn the basics of Spline and how you can use it to create your very own, custom mockups, as well as completely custom, interesting hardware of your own.

3D design

I’ll guide you how to create engaging, full-length case studies for your projects with varied visuals and a structure that makes
them easy to follow.

Case study writing process

Learn how to create unique solutions to everyday problems and present them in a way that will get you noticed

Don't be boring!

Learn how to create unique solutions
to everyday problems and present them
in a way that will get you noticed

What we’ll cover in the course and why is it important to stand out.

Intro

Create your online persona and be easier to spot on social media.

Personal Branding

Basics of personal branding and creating your very own, unique, 3d and 2d mockups.

BONUS CHAPTER

Define problems and outline solutions to an existing hardware design

Hardware exploration

Design a new, redefined UI for the custom hardware

Hardware and Software

Learn how to prepare and annotate images for your case studies

Image preparation for articles

Step by step guide on how to plan, structure and execute a successful Medium article with your case study.

Writing the case study

Come up with an idea for a completely new, previously unseen device. Plan it out and then create it!

Hardware Exploration 2

Learn to find problems and solutions within existing software - how can your phone OS be made better?

Operating System Explorations

Think about existing smart home appliances - how can they be made better? What features would be helpful and why?

Smart Fridge Exploration

Explore how a wearable, a smart-watch can have expanded functionality with some unique out-of-the-box thinking.

Wearables exploration

Explore spatial design ideas from initial sketches all the way to 3d mockups.

Learn Spatial Design

And that's a wrap! Use this course as a creative base and come up with your own ideas! Then write!

Understand breakpoints and plan the layout not just to fit within it, but to make sense and create a full, ready to use and beautiful looking experience.

Breakpoint thinking

The best alignment technique now comes to the web with some tweaks to work with both  larger and smaller canvas and around the visual decoration.

Learn when to modify the design, remove sections or merge them in creative ways. Work with data tables based on what they’re used for, so they’re fully usable.

Small screen experience

Learn how to structure the layout, font sizes and grids from larger to smaller canvas. How to use whitespace to your advantage, so the project never looks boring or empty.

Layout, grid and more

I show you my workflow, including some unique design patterns that come from 20 years of commercial experience. Responsive design is all about having the right plan!

My workflow

Master designing for tv’s, computers, phones, 
tablets and everything in between.

Responsive Web

1. Introduction

Introduction

All the possible ways to create responsive navigation that makes sense for the project

2. Responsive Navigation

Responsive navigation

How to plan and execute a complex responsive dashboard that makes sense for the user.


3. Responsive Dashboards

Responsive Dashboards

Plan responsive data tables from complex to super simple in a way that fits the product context.

4. Responsive Data Tables

Responsive Data Tables

How to handle forms, large scale map views and displaying visually engaging cells.

5. Forms, Map Views, Cells

Forms, map views and cell views

Make a complex landing page responsive by identifying what should be responsive in the first place.

6. Complexity in Landing Pages

Landing page headers, complex sections

A mobile experience doesn't mean everything has to transfer from desktop the same way. Learn how to approach it.

7. Mobile Experience context

Contextual edits for mobile

Custom cutoff, multi-decoration and simple photo background headers on mobile devices.

8. Landing Page Header options

Landing page header options

How to design websites for tablets, tv's and why FOCUS is very important for the latter.

9. Bonus: Tablet and TV

 Bonus: Tablet and TV

How to use AI right now, what NOT to use it for and how to navigate the potential issues that may come from the technology. Learn how to critically approach AI content.

AI in design

An outline of skills that will likely NOT be replaced by AI anytime soon and are worth focusing on right now. Ranging from presenting your work to communication.

Skills to focus on

Because we are both working for clients AND building an AI startup, we crafted a couple of unique methods on how to work with external AI tools well. You’ll learn them here.

Unique methods

Learn this unique method that shows you understand the design decisions behind your projects AND how to annotate AI generated content in your design work.

Hierarchy Strips + Annotation

This is a hybrid course with a goal to update every time something relevant to UI or UX design gets released in the AI space. It’s only the beginning phase of our exploration.

Updates

Course

Learn what AI is, how to use it well, what definitely NOT to use it for, and what skills to focus on learning to get ready for the future of design.

Design + AI - Get Ready for the Future

Let’s first explore what AI is, where it came from and how it connects with our specific UX design industry.


1. Introduction to AI

Introduction to AI

At this point knowing what NOT to use AI for is actually more important than the opposite. Learn usecases in which AI tools currently do more harm than good

2. How NOT to use AI

How NOT to use AI

I believe the most important skill to learn right now regarding AI is annotating those rare use-cases in a way that makes it clear to everyone to check the AI content for legal or consistency issues.

3. How to USE AI + Annotate it right

How to USE AI + Annotate it right

AI is just a tool, but the skills you have next to it can help you use that tool to its full potential and thrive in the industry.

4. Skills to focus on

Communication will be one of the most important skills of the future. Learn to express your thoughts and ideas well!

5. Communication

Communication

Designers should also understand the business and economic side of work they do and of the world they live in.

6. Business side and economics

Business side and economics

Contrary to popular belief, UI won’t be the first skill to be replaced by AI (it’ll likely be big parts of research instead). Learn UI right now to be ready for AI UI generators.

7. Learning UI

Learning UI

Annotation is a great way to present your work to stakeholders or even your portfolio viewers. When AI will manage to eventually do some of the UI work, it will be essential to present it well to everyone. This is key!

8. Annotating Design

Annotating Design

Communicating with developers and ensuring the highest quality frontend execution of your design is a great way to be an important part of any business.

9. Working with developers

Working with developers

It’s not the end of the course - we’re just wrapping up the intro here. From now on I’ll be constantly researching new ways to use AI in UX design that make sense and update the PDF ebook with that information. It’s only the beginning!

10. Summary

Summary

Testing the current state of AI generated UI designs with Midjourney V4.

Midjourney for app design

Trying to use Chat-GPT for generating colors, and midjourney for images for a mobile app design. Learn why these tools are not yet ready.

Using Chat GPT and Midjourney for design

Learn even more about the hierarchy strips method and improve your presentations.

Why Microsoft Designer is not a real AI based design tool you should think about.

Testing Microsoft Designer

This can actually be useful… for Graphics designers. 
It is not useful in its current state though.

Adobe Firefly

How many fonts to pick? How to choose the right colors? How to space it all out? All of these questions and more are answered within the course with direct examples.

Fonts, colors, spacings

I’ll show you which grid works the best for most UI design and why. Then we’ll apply that grid to all of our elements for maximum design consistency and an easy way to expand it.

It all starts with a grid

We’ll explore the basics of Components (Figma) and Symbols (Sketch), how to annotate a design for developers and for your portfolio, beautiful presentation and more!

And more

Learn the UI design fundamentals by creating a consistent, beautiful design component library of your own.

Boring UI Course

In this free chapter of our full UI design course, we'll take a look at JUST the functionality of Figma, that is necessary to start your design practice. Watch this video, then try doing these simple shapes on your own for a day or two.

OUR BESTSELLING COURSE

Learn how to create a portfolio that will land you a design job

UNIVERSITY ACCLAIMED

The most comprehensive book about UI Design

UX FINALLY MADE EASY

Learn UX in the easiest & understandable way

OTHER COURSES & BOOKS

Hello there!
Log into the academy:

See our bestselling video courses & books

Books and Courses

UNIVERSITY ACCLAIMED

The most comprehensive book about UI Design

UX FINALLY MADE EASY

Learn UX in the easiest & understandable way

Hello there!Log into the academy:

Hello there!
Log into the academy: