B2B
B2B
Energy
Energy
Enterprise
Enterprise
UX Strategy
UX Strategy
Modular Design
Conversion Optimization
Adaptive Product Pages
Adaptive Product Pages
Adaptive Product Pages
Transformed underperforming product pages into modular, conversion-focused layouts. Improved lead generation, user experience, and gave the marketing team better tools to tell product stories.
Transformed underperforming product pages into modular, conversion-focused layouts. Improved lead generation, user experience, and gave the marketing team better tools to tell product stories.
Transformed underperforming product pages into modular, conversion-focused layouts. Improved lead generation, user experience, and gave the marketing team better tools to tell product stories.
Client: Wood Mackenzie | Role: Creative Director & UX/UI Designer | Project Duration: 6 weeks to ship
Client: Wood Mackenzie | Role: Creative Director & UX/UI Designer
Project Duration: 6 weeks to ship
Client: Wood Mackenzie
Role: Creative Director & UX/UI Designer
Project Duration: 6 weeks to ship
Client: Wood Mackenzie | Role: Creative Director & UX/UI Designer | Project Duration: 6 weeks to ship
The Challenge
The Challenge
The Challenge
Pages were cluttered and hard to navigate, with rigid templates and unclear messaging. This hurt conversions and limited content agility.
Pages were cluttered and hard to navigate, with rigid templates and unclear messaging. This hurt conversions and limited content agility.
Pages were cluttered and hard to navigate, with rigid templates and unclear messaging. This hurt conversions and limited content agility.
The Solution
The Solution
The Solution
Developed four new page templates and over 20 modular components to create a flexible, scalable system. Collaborated with marketing, sales, and dev teams to align design, content, and brand goals.
Developed four new page templates and over 20 modular components to create a flexible, scalable system. Collaborated with marketing, sales, and dev teams to align design, content, and brand goals.
Developed four new page templates and over 20 modular components to create a flexible, scalable system. Collaborated with marketing, sales, and dev teams to align design, content, and brand goals.
Key Outcomes
Key Outcomes
Key Outcomes
+27%
increase in product page engagement
increase in product page engagement
increase in product page engagement
20+
20+
20+
new components adopted by marketing
new components adopted by marketing
new components adopted by marketing
new components adopted by marketing
Faster
Faster time-to-market for new content
Faster time-to-market for new content
time-to-market for new content
Clearer UX and brand-aligned visuals
Clearer UX and brand-aligned visuals
Faster time-to-market for new content
Clearer UX and brand-aligned visuals
My Role
My Role
My Role
Led UX strategy and design execution, worked with product marketing, internal designers and developers, and validated solutions with cross-functional teams.
Led UX strategy and design execution, worked with product marketing, internal designers and developers, and validated solutions with cross-functional teams.
Constraints
Constraints
Constraints
Existing CMS limitations
Existing CMS limitations
Tight timeline to launch
Tight timeline to launch
Balancing consistency and flexibility
Balancing consistency and flexibility
Collaboration 🤝
Collaboration 🤝
Collaboration 🤝
Product design, marketing and content leads, In-house developers, Sales, and GTM stakeholders.
Product design, marketing and content leads, In-house developers, Sales, and GTM stakeholders.
Skills Used 🔧
Skills Used 🔧
Skills Used 🔧
UX Strategy
UX Strategy
Modular Design
Modular Design
Creative Direction
Creative Direction
Content Architecture
Content Architecture
Figma Prototyping
Figma Prototyping
Design-to-Dev Handoff
Design-to-Dev Handoff
Tools Used
Tools Used
Tools Used
Standard Page (Version 1):
A foundational layout for core product information.
Building Trust (Version 2):
Incorporates compelling stats and testimonials to establish credibility.
Common Questions (Version 3):
Anticipates customer queries with a dedicated FAQ section.
Demos (Version 4):
Highlights product demos to drive engagement
and conversions.
Highlights product demos to drive engagement and conversions.
See the whole process and results in the case study:
See the whole process and results in the case study:
See the whole process and results in the case study:
“These new templates are a game-changer they are cleaner, more flexible, and finally let us tell the story the right way.”
— Product Marketing Manager, Wood Mackenzie