WordPress Engine

RESPONSIVE WEB DESIGN · INFORMATION ARCHITECTURE· DESIGN SYSTEM

Introduction

In Spring 2023, WordPress Engine was revamping the design of their website product and resource pages with the goal of education and conversion of new customers.

My part in this redesign was collaborating with the in-house design team to:

  • explore new potential components
  • utilize the new design system to design responsive web pages

This process involved:

  • competitive research
  • information architecture
  • content strategy

My role

Responsible for competitive research, and designing website product pages.

The team

1 UX Architect, 1 UX Designer, 2 UI Designers, In-house marketing & design teams

Timeline

2.5 months

problem statement

The previous WPE website design was not engaging customers due to text heavy explanations and a lack of visuals. How might we utilize a design system to educate and build trust, while increasing engagements?

Competitive Research

Breakdown of the problem

Blocks of information are dense and difficult to read

Current design of WPE's product pages are text heavy which drains user's attention instead of engaging them

Users don’t understand the benefits of WPE

Text heavy content does not provide users with quick and easy insights into how WPE's services might benefit them

Different customer segments don't have quick access to the information relevant to them

WPE's different customer bases such as small businesses, agencies, and enterprises, are not able to easily determine which plans after features might be best for them

Competitive Research Analysis

What information do customers look for when choosing service?

Researching competitors and similarly structured content provided crucial insights into understanding how customers expect to interact with a company and how to work these elements into a design.

USer Insights

Key Takeaways

Knowing a company is trusted by others

Concise information, engaging visuals

Establishing expertise

Highlighting the uses for different audiences

Ideation

The ideation phase of this project was the crucial work I contributed to the team which involved presenting new ideas for components. After each round of ideation, I presented my designs to the team for review. Below are the new component explorations.

Communicating the benefits of WPE features with a strong CTA

Exploring a new hero section that puts benefits & services at the forefront

Designing a filtered search feature for partners & agencies

Solutions

Versatile components for different audiences, flexible designs to highlight various WPE benefits, and social proof to build trust

Each product page was a collaboration between outside & in-house design teams along with the in-house marketing team. My contribution alongside the exploration of new components, was ensuring that each segment of a product page did its best to foster a positive relationship with new customers.

Building credibility through customer validation

As noted in the research, establishing trust via various forms of social proof is a key expectation users have when interacting with a company. To address this, each product page design Included at least one type social proof from previous customers and partners in the form of reviews and/or logo displays, with links to case studies and third party validations.

Putting a face to the company

To further build a unique and personable connection with potential new customers, particularly within the support team, I designed a component for displaying team member information and photos. Not only does this make the experience more engaging, but also helps to demystify the experience that accompanies working with a large organization.

More projects