Redesigning The Future of Digital Identities (Framer & Unicorn Studio)
6049 次观看 · 2024-09-04
UI 设计
In this stream we'll use Framer and Unicorn Studio to redesign a web3 project that aims to revolutionize digital identities.
⚡ Work with our agency: https://zipzap.design
🎥 Master Framer: https://timgabe.com/framer-course
Timestamps
0:22 - Introduction to stream and project
0:50 - Request for engagement (likes, shares, comments)
1:03 - Overview of project: Redesigning online persona management
2:03 - Explanation of unified digital identity concept
3:09 - Introduction to D3 project (blockchain-powered digital identity)
5:05 - Stream structure: Design sessions and Q&A breakdown
5:53 - Viewer comments and interactions
6:12 - Discussion on choosing Framer over Figma for web design
6:58 - Advice on getting clients as a UI/UX designer
8:09 - Importance of learning different tools and becoming a generalist
9:22 - Answer to question on how to get hired without experience
10:15 - Opinion on becoming an expert in UI design
10:57 - Comments on using Google for website login
11:24 - Viewer question on learning Framer and picking it up as a skill
12:06 - Framer vs Figma as a UI designer tool discussion
12:25 - Starting the design process: Introducing the hero section
14:46 - Creating a button component in Framer
16:15 - Button copywriting: “Reclaim your identity”
19:05 - Adjusting layout and spacing in Framer
22:03 - Hover state creation for button in Framer
30:01 - Further layout adjustments
31:31 - Introduction to Unicorn Studio (3D design tool)
33:01 - Creating glow effects and adjustments in Unicorn Studio
36:44 - Mouse tracking and interactivity in Unicorn Studio
40:02 - Playing with blur and smoke effects in Unicorn Studio
43:04 - Viewer Q&A session
47:10 - Framer vs Webflow discussion
48:52 - Effects in Unicorn Studio: Adding a logo as a 3D object
57:04 - Final adjustments to design in Unicorn Studio
1:09:45 - Adding animations and hover effects to buttons
1:23:31 - Viewer Q&A session
1:24:06 - Making buttons more interactive in Framer
1:38:03 - Adding scroll animations to elements
1:43:16 - MidJourney experimentation for adding visual elements
1:49:59 - Creating additional sections with text animations
⚡ Work with our agency: https://zipzap.design
🎥 Master Framer: https://timgabe.com/framer-course
Timestamps
0:22 - Introduction to stream and project
0:50 - Request for engagement (likes, shares, comments)
1:03 - Overview of project: Redesigning online persona management
2:03 - Explanation of unified digital identity concept
3:09 - Introduction to D3 project (blockchain-powered digital identity)
5:05 - Stream structure: Design sessions and Q&A breakdown
5:53 - Viewer comments and interactions
6:12 - Discussion on choosing Framer over Figma for web design
6:58 - Advice on getting clients as a UI/UX designer
8:09 - Importance of learning different tools and becoming a generalist
9:22 - Answer to question on how to get hired without experience
10:15 - Opinion on becoming an expert in UI design
10:57 - Comments on using Google for website login
11:24 - Viewer question on learning Framer and picking it up as a skill
12:06 - Framer vs Figma as a UI designer tool discussion
12:25 - Starting the design process: Introducing the hero section
14:46 - Creating a button component in Framer
16:15 - Button copywriting: “Reclaim your identity”
19:05 - Adjusting layout and spacing in Framer
22:03 - Hover state creation for button in Framer
30:01 - Further layout adjustments
31:31 - Introduction to Unicorn Studio (3D design tool)
33:01 - Creating glow effects and adjustments in Unicorn Studio
36:44 - Mouse tracking and interactivity in Unicorn Studio
40:02 - Playing with blur and smoke effects in Unicorn Studio
43:04 - Viewer Q&A session
47:10 - Framer vs Webflow discussion
48:52 - Effects in Unicorn Studio: Adding a logo as a 3D object
57:04 - Final adjustments to design in Unicorn Studio
1:09:45 - Adding animations and hover effects to buttons
1:23:31 - Viewer Q&A session
1:24:06 - Making buttons more interactive in Framer
1:38:03 - Adding scroll animations to elements
1:43:16 - MidJourney experimentation for adding visual elements
1:49:59 - Creating additional sections with text animations