Loading video player...
In this case study, I'm taking you behind the scenes of a real client project for Vinyl—an AI-powered note-taking app for the accounting and bookkeeping space. This wasn't just about making things look pretty; it was about solving real problems with design systems, scalable UI, and smart tools. We tackled three major challenges: 1️⃣ Building a design system that could scale as new features rolled out 2️⃣ Creating a marketing website in Framer that the team could update without breaking 3️⃣ Adding complex functionality like a dynamic table of contents and a custom price calculator If you're working on web apps, design systems, or client projects in Framer, this video will show you how the right approach and tools can solve complex problems and set your projects up for long-term success. 🔗 Try Framer: https://framer.1stcollab.com/imjesseshow_ig Use code JESSESHOWALTER for special perks! #Framer #WebDesign #DesignSystem #UIDesign #ClientWork #ProductDesign... Remember to Subscribe https://goo.gl/6vCw64 ------------------------------------------------------------------------------------ 🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.: https://designchamps.io/ ------------------------------------------------------------------------------------ 🎨 ////////// I Design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites in Framer https://framer.link/jesse 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252 0:00 Intro 0:26 Context and Background 1:16 Problem #1 5:48 Problem #2 10:41 Problem #3 15:35 Outro