Monotype: Homepage Redesign & UX Strategy
Overview
As part of the MonotypeFonts.com and Monotype.com consolidation, I led the strategy, UX planning, and content architecture for the redesign of Monotype’s global homepage. This work was focused on improving discoverability, user engagement, and conversion by structuring the page around high-intent journeys and scalable content blocks aligned to CMS capabilities.

Objectives
-
Redesign Monotype’s homepage to improve user experience and funnel engagement
-
Align homepage structure with SEO, CRO, and product-led growth priorities
-
Improve content discoverability and support campaign personalisation
-
Ensure scalability within Drupal CMS and integration with Shopify rendering
My Role
-
Led homepage content strategy, UX alignment, and stakeholder facilitation
-
Created wireframes and IA aligned to SEO, CRO, and product goals
-
Defined key user journeys based on behavioural insights and funnel data
-
Partnered with UX, dev, and content teams to align design and CMS capability
-
Managed executive feedback loops and handed off to dev with content guidance
01.
User Journey & IA Definition
-
Mapped homepage journeys for multiple personas (e.g. designers, brands, foundries)
-
Prioritised discoverability of Monotype Fonts trials, WhatTheFont, and case studies
-
Reduced cognitive load by simplifying nav and adding “action-led” modules
02.
Content Block Wireframing
-
Designed modular homepage structure using scalable content blocks
-
Integrated CTA tiles, social proof, featured fonts, and trial/product education
-
Planned above-the-fold real estate based on funnel intent and search volume
03.
UX & CMS Alignment
-
Ensured design aligned with Drupal component flexibility and Shopify rendering needs
-
Collaborated with UX team for usability feedback and iteration
-
Worked across time zones with engineering and marketing to drive launch alignment
Strategic Pillars
Results
-
New homepage structure approved by executive team and UX sign-off
-
Increased CTR to trial, font discovery, and high-value pages (based on staging testing)
-
Homepage design successfully implemented with CMS-to-Shopify integration
-
Clearer messaging hierarchy and improved visual clarity across devices
Tools & Tech Used
-
Figma (wireframes), Miro (journeys), Jira (handoff), Google Analytics (behaviour data)
-
CMS: Drupal, rendering via Shopify front-end
-
UX collaboration via Zoom & design feedback cycles