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!

Outro

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.

Red Square Method

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.

Hierarchy Strips

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

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.

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.

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.

Figma - The complete basics for beginners

Why it’s good that most of UI design is boring.

It all starts with setting up the colors, grid and picking fonts.

2. Grid, Colors, Type

Grid, Colors, Type

All you need to know about making buttons and more.

3. All you need to know about making buttons and more.

Buttons

Build inputs, dropdowns, multi-select boxes, calendars…

4. Textfields

Textfields

Radios, Checkboxes, Sliders, Toggles, Tags and more.

5. Small stuff

Small stuff

Lists are a very popular design pattern. Let’s explore them!

6. List items

List items

Greatly reusable components for multiple purposes.

7. Cards

Cards

Universal mobile navigation patterns starting point.

8. Tabs and Navs

Tabs and Navs

Showcase a service or a product in a reusable way.

9. Detail Pages

Detail Pages

Learn how to define hierarchy
in early stages of design.

10. Hierarchy

Hierarchy

Show your design library and components in a beautiful way.

11. Present like a pro!

Present like a pro!

The complete basics of using Components in Figma.

Components - Figma

The complete basics of using Symbols in Sketch.

Symbols - Sketch

How to design with this unique annotation method.

We always start our landing page designs with text framing. It’s a mix of low and high-fidelity wireframing that allows for much better content creation processes.

TextFraming

The best alignment technique for mobile 
projects now come to the web with some 
tweaks to work with the larger canvas and 
around the visual decoration.

Red Square Method, but bigger

Learn the basics of graphic design and 
decoration positioning to WOW your users and create a lasting impression. That includes multiple options for each section!

Key visuals

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

I will share with you my entire high-fidelity 
lp design workflow, based on landing pages 
viewed by millions of users and created for 
both startups and Fortune 100 companies.

My Landing workflow

Learn how to design versatile and functional Landing Pages for products from scratch

Web Design Course 2 - Landing Pages

Web Design Course 2 - Landing Pages | Hype4Academy

What is the course about, how we approach landing page designs and what you need to be aware of before you start.

Never start your designs with the visuals. They need to start with a plan and that plan is best to be done outside of your design tools - without distractions.

Writing

Textframe is a mix of a low-fidelity wireframe and a high-fidelity typography and layout. It allows for a much better understanding on how to structure the text further, write better copy and expand the message.

Textframe

Header is the most important part of the landing page because it’s the first thing people see. It needs to be both engaging visually, and carry a message that makes your users interested to learn more.

Header

Learn how to create multiple variations of the header and how you can get inspired by other websites and incorporate that inspirations into your own work.

Header - versions

After a visually heavy and engaging part, let’s give our users a breather and create a more minimal, easier to focus section talking about the product with included social proof. Of course in a couple potential versions!

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:

Video courses

Courses that help beginner designers become true unicorns. Trusted by thousands of designers from around the world.

Don't be boring!

Responsive Web

Design + AI - Get Ready for the Future

Boring UI Course

Web Design Course 2 - Landing Pages

Web Design Course 1 - SaaS Product

How to master freelancing

How to Present Your Work

Create Case Studies for UI Projects

Going High Fidelity: UI in Mobile Apps

The complete guide: UI in Mobile Apps

UI In Mobile Apps: Both Courses

Ultimate Design Portfolio Bundle

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:

Don't be boring!

Responsive Web

Design + AI - Get Ready for the Future

Boring UI Course

Web Design Course 2 - Landing Pages

Web Design Course 1 - SaaS Product

How to master freelancing

How to Present Your Work

Create Case Studies for UI Projects

Going High Fidelity: UI in Mobile Apps

The complete guide: UI in Mobile Apps

UI In Mobile Apps: Both Courses

Ultimate Design Portfolio Bundle

Hello there!
Log into the academy: