Branches of a Branch Figma to framer development

Project title Branches of a Branch – Blog & Lifestyle Website Design

About Branches of a branch Branches of a Branch is a lifestyle blog platform that blends thoughtful content with curated product recommendations. I led the design in Figma and collaborated with a developer to bring the experience to life in Framer. The website features a clean, content-focused layout that enhances readability and encourages exploration.

Goal of the project To create an engaging and elegant blog website that:

Highlights lifestyle and healthcare content in a visually appealing way

Integrates eCommerce elements like book and product features

Encourages longer time on site and repeat visits through intuitive navigation and layout

Balancing rich content with product features without overwhelming the user

Creating a visual hierarchy that supports both reading and browsing

Designing a system that the developer could easily implement in Framer

Maintaining consistent performance and readability across devices

Designed a minimal, airy layout in Figma that highlights articles while making products easily discoverable

Collaborated closely with the developer to ensure seamless animations and performance in Framer

Implemented a category-based structure for easy content discovery

Results: Improved average session duration by 50%, and early feedback noted a 70% satisfaction rate for design clarity and ease of use This project reinforced the importance of design-to-dev handoff and how a strong visual system supports both storytelling and conversions.

Why It Matters for the Client The finished site is more than a blog, it’s a lifestyle destination. The thoughtful design helps content shine, while product features feel natural and unobtrusive, creating a refined, seamless user journey.