week 10 | online | 3.23–4.1

📌 Weekly Structure (applies every week)

Week 10 Links & Notes

Live Sessions This Week:

👉 Join Live: Mon 3.23 @ noon(week 10 review)→ 🎥 [Join Here]
Will be recorded for those unable to attend live.

🎥 Watch: Mon 3.23 Weekly Review Recording → [Watch Here] 

Looking Ahead (Week 11)
Next live (recorded) session: Mon Mar 30th @ noon 

This week’s deadlines
Monday, Mar 30th @ noon

  • Discord Prompt #4
  • This entire week is focused on Project 1 development. For those wanting to meet with me about their projects, you can schedule with me here.

Due Monday 4.6 @noon:

  • P1: Final Project 1 Due Date Publish in Webflow. Copy and paste site link to D2L Assignments > P1 (I’ve decided to remove exporting from Webflow and uploading to ftp.cassreese.com from the assignment). 

Last week, we completed Blog 3, Warmup 5, and began P1 development
Next week, we will begin P2 (some project overlap)

Weekly Content

Week 10 (All items need to be completed end of week):

SECTION I, II, & III Project 1 Development

  1. Watch P1 Development Demonstration (videos – approx 1h)
  2. Finalize Development of Project 1: Typographic Storytelling
  3. Due Next Mon. 4.6 Finalize and Submit P1: Typographic Storytelling
  4. Review Development Resources + P1 Project Checklist
  5. Discord Prompt #4 – Webflow War Stories

SECTION II – assignments

1. Development Demonstration

Watch to help guide you through the development process.

6. Project 1: Typographic Storytelling (due April 6)

Project 1 Timeline:
4.6@noon Final Project Due Date

4. P1 Development Resources:
There is a lot here to help you develop. Some of these are new, but many are reposted. Please skim through these and make note of any pages you’d like to reference in your design.

P1 Project Submission Checklist

Cloning Policy Reflection

Citations & Attribution

  • Cite all external content with links and sources at the bottom of each page.

Title & Page Setup (Webflow)

  • Set a unique title tag: Go to Page Settings → SEO Settings → Title Tag.

Images & Optimization

  • Optimize images (size, format, quality).
  • Use Image Elements for content-related images; Background Images for decorative elements.
  • Avoid large text blocks in images.
  • Break up multi-image sequences.
  • Set alt text in the image settings panel.
  • Use descriptive file names (no spaces).

Typography & Styling

  • Make headings distinct from paragraphs.
  • Use color, size, and style for clear hierarchy.
  • Style hyperlinks: Remove underlines (text-decoration: none), use border-bottom instead.

Layout & Readability

  • Ensure clear prominent moments for easy scanning.
  • Maintain consistent spacing & alignment.

Functionality & Testing

  • Test all links.
  • Check responsiveness using Webflow’s preview & breakpoints.

Medium Process Work

  • Ensure all the following components are on your singular Medium post: 
  • 1. Storyboard
  • 2. User Persona
  • 3. 2 Mood Boards
  • 4. 18 Thumbnail Sketches
  • 5. 2 Style Tiles
  • 6. Prototype / User Testing Feedback
  • 7. Homepage Mockup Designs + Revisions
  • 8. Wireframe Development Plan

5. Discord Prompt #4: Webflow War Stories

2pts (reminder: these are not accepted late)

Prompt (1pt):
Webflow is awesome… until you hit a roadblock. Then it’s frustratingly awesome. This week, share a challenge you’re facing in Webflow right now (big or small!). Maybe it’s a weird quickstack issue, a mysterious margin gap, or something that just isn’t working how you expected.

  • What’s the issue? (consider including screenshots or a quick screen recording!)
  • Have you already tried something that didn’t work?
  • If you did solve a tricky problem recently, share what was happening and how you fixed it!

Participation (1pt):
Check out what others are struggling with and jump in! Have you run into something similar? Got a possible fix? Even if you don’t know the exact answer, brainstorming together can lead to solutions. Let’s help each other build better, faster!