Rodan.io, a growing SaaS startup, approached us with a requirement to customize a Framer template to reflect their unique brand voice and identity. While they had selected a pre-made Framer template, they needed expert guidance to adapt the layout, structure, and content dynamically while maintaining a seamless, professional look and brand consistency.

This project involved deep customization of the UI, CMS architecture planning, and careful alignment of the design with Rodan's core values and messaging.

As the Lead Framer Designer and Developer, I handled:

Full template customization

CMS integration and structuring

Brand-aligned visual design refinements

Final testing and performance optimization

We began with a discovery session to understand:

The vision behind Rodan's product

Key differentiators they wanted highlighted

Design elements they liked/disliked in the base template

Their target audience and brand tone

This helped me isolate the gaps between the default template and their desired brand expression.

I conducted a quick brand identity review to extract:

Visual cues: color palette, type hierarchy, iconography

Voice/tone: direct, modern, trustworthy

UX goals: high clarity, quick navigation, call-to-action emphasis

Using the base Framer template, I:

Reorganized sections to follow a more strategic user journey

Created custom variants of components (e.g. hero, pricing, testimonials)

Adjusted spacing, grid layout, and responsiveness for optimal UX

I structured and connected a CMS backend that allowed Rodan's team to:

Easily manage team bios, use cases, and blog content

Dynamically inject new pages without breaking layout consistency

Scale content over time without technical debt

Ran responsive design tests across mobile and desktop

Optimized for load time and accessibility

Final polish to match pixel-perfect consistency

Rapid deployment with fully customized visual experience

CMS-powered scalability enabling content updates without dev support

Brand-consistent design that communicates trust and clarity

Empowered the Rodan.io team to move forward confidently with marketing efforts

The final product reflected Rodan’s mission and values, helping them present a more polished and conversion-friendly brand presence.

Framer (Design + Development)

Figma (for brand asset references)