Redesigning The Future of Movie Platforms (in Framer)
In this stream we'll use the popular no-code tool Framer to redesign a web3 project that redefines how movies are produced.
⚡ Work with our agency: https://zipzap.design
🎥 Master Framer: https://timgabe.com/framer-course
Timestamps:
0:04 - Intro and Stream Setup
2:27 - Project Introduction: Shibuya
6:04 - Stream Schedule Overview
8:08 - Reviewing Shibuya’s Current Website
9:43 - Design Focus: Hero Section
14:15 - Hero Section: For Fans and For Creators
18:00 - Discussion on Sign-Up Button
22:59 - Hero Section Visual Ideas
25:29 - Searching for Inspiration
31:42 - Font Selection
35:33 - Starting the Hero Section Design
45:51 - Hover State Design
52:23 - Adding the Ticker Component
57:08 - Animating Elements
1:10:56 - Designing for Different User Paths (Fans vs Creators)
1:22:02 - Testing and Previewing the Design
1:32:05 - Adding Preview Button on Hover
1:42:02 - Finalizing the Hero Section
1:51:59 - Adding Tab Functionality
1:55:32 - Wrapping Up Design Work
1:56:27 - Final Q&A Session