Course curriculum

  • 1

    Week 1: Design Project 1 - Part 1

    • Welcome to Portfolio Kickstart

    • Join Our Learning Community

    • Project Overview: Choose Your First Project

    • Option 1: Apparel Brand For People with Disabilities

    • Option 2: Content Creation Company For Emerging Performing Artists

    • Option 3: A Company Helping Schools Integrate Virtual Reality Technology with Classroom Education

    • Option 4: An Interactive Video Streaming Platform For The Live Events Industry

    • Option 5: A Beauty Brand For People With Skin Conditions

    • Option 6: Real Estate Services Marketplace Streamlining the Home Purchase and Selling Process

    • Option 7: Meal Kit Delivery Service Website for the Asian, Latin American or Other Cultural-Specific Diet

    • Option 8: Cryptocurrency Investment App For Novice Investors

    • Option 9: Health Insurance Marketplace Website for Self-Employed Individuals

    • Option 10: NFT Marketplace for Emerging Artists

    • Option 11: E-learning Management System For Small Education Businesses

    • Option 12: Mental Health App For Men (Or Another Demographic)

    • Option 13: A Company Connecting Busy Working Parents With Affordable Quality Childcare

    • Option 14: Modeling Agency Focused on Diversity and Size Inclusion

    • Option 15: BBQ To-Go Kit

    • Option 16: Mid-Century Modern & Multifunctional Furniture Brand

    • Option 17: CBD Brand for Low-Income Customers With Medical Needs

    • Option 18: Lifestyle Concept Store Curating Independent Design

    • Option 19: Redesign A Pharmaceutical Company's Website

    • Option 20: Redesign A Credit Union's Website

    • Option 21: Redesign a Nursing Home/Assisted Living/55+ Community Website

    • Option 22: Redesign A Government Agency Website

    • Option 23: Redesign a Confusing and Deceptive Online Ordering System

    • Option 24: Redesign The Multiple Listing Service (MLS)

    • After You Decide On A Project

    • Submit Your Work In Progress: Project 1 - Part 1

    • Review and Feedback: Request 1 Live Session
  • 2

    Week 2: Design Project 1 - Part 2

    • Submit Your Work: Project 1 - Part 2

    • Review and Feedback: Request 1 Live Session
  • 3

    Week 3: Design Project 2 - Part 1

    • Submit Your Work In Progress: Project 2 - Part 1

    • Review and Feedback: Request 1 Live Session
  • 4

    Week 4: Design Project 2 - Part 2

    • Submit Your Work: Project 2 - Part 2

    • Review and Feedback: Request 1 Live Session
  • 5

    Week 5: Design Project 3 - Part 1

    • Submit Your Work In Progress: Project 3 - Part 1

    • Review and Feedback: Request 1 Live Session
  • 6

    Week 6: Design Project 3 - Part 2

    • Submit Your Work: Project 3 - Part 2

    • Review and Feedback: Request 1 Live Session
  • 7

    Optional: Get Paired Up with Start-Up Clients

    • Apply to Be Connected To A Start-Up Client

    • What Happens Next?

    • Submit Your Work: Show Us What You've Done For The Client
  • 8

    Portfolio Building Pre-Work: Discover Your Brand

    • Warm Up: Show Us What You Have So Far

    • Personal Brand Builder
  • 9

    Week 7 - Part 1: Build Custom Websites With No Code - Pre Work

    • Introduction To No Code Website Building

    • Pre-Work 1: What Are Domains?

    • Pre-Work 2: What Is Hosting?

    • Pre-Work 3: SEO (Search Engine Optimization)
  • 10

    Week 7 - Part 2: Introduction to Webflow

    • Before You Start

    • Introduction to The Designer

    • HTML & CSS for Beginners

    • Introduction To The Box Model

    • Element Hierarchy

    • Navigator Panel

    • The Add Elements Panel

    • Section Link

    • Container

    • Columns

    • Div Block

    • Nav Bar

    • How To Structure Content in Webflow

    • Background Images, Colors, Gradients and Videos

    • Exercise 1: Build A Nav Bar and Hero Section

    • Forms

    • Exercise 2: Build A Form

    • Slider

    • Exercise 3: Build A Full-Screen Slider

    • Symbols

    • Style Panel Overview

    • HTML Tags

    • Classes

    • States

    • Exercise 4: Build Hover Effects To Buttons

    • Layout Settings

    • Spacing

    • Display Settings

    • Flexbox

    • Grid

    • Flexbox vs. Grids

    • Position

    • Exercise 5: Build Portfolio Project Grids

    • Introduction To Responsive Design

    • Breakpoints

    • Exercise 6: Make A Page Responsive

    • Introduction to Interactions

    • Triggers and Animations

    • Exercise 7: Animate Your Hero Header

    • Prepare to Publish: Add SEO and Meta Descriptions

    • Optimize Your Webflow Website On Social Media: OpenGraph

    • Exercise 8: Optimize SEO and OpenGraph Settings

    • Optional: Request 1 Live Session
  • 11

    Week 8: Personal Branding Design - Personal SEO and Logo Design

    • Warm Up Project: Personal Brand Audit

    • Project 1.1: Take Action To Build Positive Online Presence - LinkedIn

    • Project 1.2: Take Action To Build Positive Online Presence - Dribble and Behance

    • Project 1.3: Take Action To Build Positive Online Presence - Instagram

    • Introduction to Personal Brand Logo Design

    • Types of Logos and How To Use Them

    • Customizing Types for Logos

    • Project 1.4: Personal Logo Design

    • Optional: Request 1 Live Session
  • 12

    Week 9: Personal Branding Design - Color, Typography and Personalized Elements

    • Typography Refresher: Web Typography

    • Project 2.1: Personal Brand Typography Design

    • How To Create Effective Color Palettes?

    • Project 2.2: Personal Brand Color Palette Design

    • Refresher Add On - Visual Design: 0-100

    • Personalized Brand Elements

    • Project 2.3: Design Your Own "Personalized Branding Elements"

    • Optional: Request 1 Live Session
  • 13

    Week 10: Portfolio Website Design

    • Ways to Build Your Website's Information Architecture

    • Project 3.1: Define Your Site's Information Architecture

    • Project 3.2: Design Your Site

    • Optional: Request 1 Live Session
  • 14

    Week 11: Portfolio Website Build (with Live Sessions)

    • Project 4.0: Document Your Existing Site

    • Project 4.1: Build Your Approved Design Using the CMS of Your Choice

    • Required: Schedule 2 Live Sessions
  • 15

    Week 12 - Part 1: Storytelling for Designers

    • Rules of Great Storytelling

    • Using Storytelling for Design

    • Project 5.0: Add Storytelling Elements Into Your Portfolio Design
  • 16

    Week 12 - Part 2: Portfolio Critique (Live Sessions)

    • Required: Schedule 3 Live Sessions

    • Finish Up: Push Your Website Live

    • Share Your Site With Us!
  • 17

    Week 12 - Part 3: Promote Your Work (Bonus)

    • Join Communities

    • A Master Collection of Resources for Designers

    • Optional: Submit Your Site For Awards!
  • 18

    End of Program Survey

    • Please Review Our Program on Course Report, SwitchUp, Google and Facebook

    • How Did Everything Go?