SuperHi FM

Search:

Catalog Cart About Sign in

Visual Design + Branding

Designing For Screens: Part 1

Chapter 06

Designing For Screens: Part 1

Links + downloads

Chapter URL

Videos

Lesson 01

Week 6 Overview

Lesson 02

Introduction to Responsive Design

Lesson 03

Design Systems

Lesson 04

Web Do's + Dont's

Lesson 05

Week 6 Project Introduction

Lesson 06

Navigation + Hero

Lesson 07

Hero Inspiration

Lesson 08

Hero Layout Variations

Lesson 09

Creating Animated GIFs for Hero Sections

Lesson 10

Final Hero Design

Lesson 11

Blog Section

Lesson 12

Blog Section Inspiration

Lesson 13

Optimizing Images for the Web

Lesson 14

Fun Fact Section

Lesson 15

Donation Cards

Lesson 16

Get Involved Section

Lesson 17

Logo Garden

Lesson 18

Finishing Homepage Design

Lesson 19

Donation Popup Part 1

Lesson 20

Donation Popup Part 2

Lesson 21

Finishing Donation Popup Flow

Lesson 22

Prototyping in Figma

Lesson 23

Industry Talks: Victoria Jung

Homework 01

Donation Flow + E-card Design

SuperHi FM

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

Designing For Screens: Part 2

Next: Chapter 07

Designing For Screens: Part 2

Back: Chapter 05

Branding: Visual Identity + Brand Guidelines

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!

© 2025 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

We'll take our completed brand to design the desktop version of our website. We'll learn best practices for web + UI design, responsive designing, tips for designing with code in mind, how to work with and hand off to developers using Figma prototypes.

Donating to charity in honor of someone is a simple way of sharing the great joy that comes from doing good. In your project you already designed how the donation popup looks like.

For this homework, we’re going to go a step further and design all the screens needed for the “Give in honor of someone” flow. An extra fun challenge awaits you in the middle of the exercise! You have the opportunity to expand your brand’s visual style and design four thank you notes.

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