Designing in the Space Between Brand and Product: Translating Visual Direction into Scalable, System-ready design

Company

Prolific

Role

Designer

Focus & Themes

Multidisciplinary Design, UI, Design System & Collaboration

B2C Engagement, Gamification &
Data-driven Design

“Design happens in the overlaps.”
Bruce Mau

This short website redesign project focused on bridging the gap between graphic design and product execution. I took an initial visual concept from our in-house graphic designer and worked closely with marketing and product to align on goals, constraints, and success metrics.

I translated these requirements into scalable Figma components, updating our design system to ensure the final designs were both brand-led and build-ready. The work ran over a few weeks and took roughly 15% of my time, but played a key role in keeping teams aligned and the experience cohesive.

Reflections

Writing this case study around six months after it was completed, I can’t help but be struck by the speed of technological change. Although this work ran in parallel to my sprint work, it still required a sizeable group of collaborators and several alignment sessions to bring it together.

Today, the same outcome would likely be far more straightforward. With a tiny bit of upskilling, a designer can step in and push code themselves, which is genuinely exciting. But the romantic in me feels a quiet sense of loss. As we become more pragmatic and streamline the process with AI and vibe-coding, I wonder if we risk losing those messy but necessary moments of alignment that bring flair to the work.

Of course, the opposite could also be true. We might let AI handle the laundry while we focus on creating. I guess we’ll have to wait (not that long) and see!

Create a free website with Framer, the website builder loved by startups, designers and agencies.