SuperHi FM

Search:

Catalog Cart About Sign in

Intro to User Experience Design

Wireframing

Chapter 07

Wireframing

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Wireframing intro

Lesson 02

Wireframing tips

Lesson 03

Hierarchy

Lesson 04

Wireframing content

Lesson 05

Home page wireframe: UI

Lesson 06

Home page wireframe: hero grid and 8px

Lesson 07

Home page wireframe: products component and proximity

Lesson 08

Home page wireframe: adding sections + spacing between

Lesson 09

Home page wireframe: grid vs percentage based design + primary vs secondary CTAs

Lesson 10

Home page wireframe: comparing landing pages + keeping a homepage short

Lesson 11

Home page wireframe: designing a grid section

Lesson 12

Home page wireframe: finishing up

Lesson 13

Home page to category page

Lesson 14

Category page filters

Lesson 15

Product page

Lesson 16

Homepage mobile: set up + mirror

Lesson 17

Homepage mobile: first half

Lesson 18

Homepage mobile: category section

Lesson 19

Homepage mobile: new solution

Lesson 20

Homepage mobile: last section + footer

Lesson 21

Conclusion

SuperHi FM

Want some ambient music in the background? Play our radio station!

Design process

Next: Chapter 08

Design process

Sketching + Paper Prototyping

Back: Chapter 06

Sketching + Paper Prototyping

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Once we've tested on paper, it's time to wireframe. We talk about the typography, hierarchy and content of our pages - no colors or typefaces yet but all about design thinking.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes