Countrywide Mortgages Website

Comany name

Countrywide Group PLC

Industry

Real Estate

Company size

5k - 10k employees

Timeline

Mar 18 - Mar 20 / Jul 20 - Jun 21

# Summary

Turning mortgage complexity into clear, guided journeys

Services

  • UI/UX design
  • Component-based design system
  • Responsive layout design
  • Collaboration with developers and content strategists
  • Documentation of reusable patterns
  • Design-to-dev handoff support
  • Adobe XD & InVision

Deliverables

  • Responsive mortgage listings and filter interface
  • Page templates for guides and tools
  • Interactive prototypes for testing
  • Design QA and implementation support
  • Meeting financial and legal requirements
  • Mortgage calculator

Outcomes

Countrywide needed a new mortgage site experience that could handle complex financial products while staying approachable, clear, and user-friendly.

I designed a set of flexible layouts and UI components to support mortgage listings, guides, and tools—while also creating documentation to help the broader design team maintain consistency and scale the system going forward.

# Understanding the problem

Multiple brands, duplicated effort, and no consistency

A disconnected experience slowed users down and hurt conversions

The existing Countrywide Mortgages site lacked structure and clarity. It was difficult to compare products, and users struggled to find the advice they needed without getting lost in a sea of content.

Internally, there was little documentation or consistency in UI decisions. Rebuilding the experience meant not only improving the interface—but also defining how future designs would be created.

# The solution

Flexible templates built on consistent rules

Designing with reuse in mind, for editors and users alike

I created a clean, modern layout system focused on helping users navigate listings, find guidance, and connect with brokers.

Each design was responsive, content-aware, and built with future reuse in mind—giving Countrywide the ability to scale the mortgage offering and keep messaging aligned.

Alongside the UI work, I documented the core components and layout principles to support internal teams and maintain quality over time.

# Outcomes

A smarter mortgage site—and a stronger foundation

Better journeys for users. Better tools for the team.

The redesigned experience made it easier for users to search, compare, and engage with mortgage content. Which then in-turn increased conversion, and enabled the mortgages website to grow.

Internally, the new layouts and design documentation reduced rework, increased consistency, and gave editors clearer direction when expanding the site.

Services

  • UI/UX design for mortgage journeys
  • Responsive page templates
  • Content-friendly layout system
  • Design system documentation
  • Interactive prototyping
  • Developer handoff and design QA