RipeMetrics

Redefining the CX Management Platform

View Site
Web Design
UX/UI
Visual Design
WordPress
Led the front-end design for Ripemetrics, ensuring a unified look across the website, landing pages, and social media. While collaborating with the marketing team and CEO to align with brand goals.

The Challenge

While functional, the site lacked a strong brand identity. It needed a redesign to better reflect the company’s personality and future aspirations while improving usability and visual appeal.

Ideation and Mockup Development

The software was innovative and dynamic; demanding a design that showcased this without overwhelming users. Early brainstorming sessions focused on refining the core message and balancing visual clarity with functionality.

Starting with low-fidelity wireframes to outline  layout and content hierarchy, leading to high-fidelity mockups, and followed by extensive user testing—both remote and in-person. Collaborative feedback with designers, developers, and leadership ensured alignment and a consistent vision.

The Competition

A creative audit of leading competitors in the customer experience management space.

Satmetrix

Satmetrix’s website lacked the rich introduction that could be achieved above the fold. While brand strong, the orange background felt monotonous and desolate. This inspired us to prioritize a compelling, high-impact opening section. We selectively adapted their clean transitions for a polished and breathable layout.

Flowhub

Flowhub’s focus on great customer service was reflected through their humanistic use of blob design, real people, and vibrant color choice. Demonstrating how these elements bring the warmth and personality accompanying a real product.

Qualtrics

Qualtrics excelled at compartmentalizing software features clearly, which demonstrates care and elicits user trust. While not fully intrigued by it’s overall composition, we drew inspiration from this approach to highlight key platform functionalities effectively

Evolving Towards High Fidelity

Building on insights of the competitive analysis, Ripemetrics’ new identity began to take shape. The brand's palette was applied more dynamically, and the use of authentic imagery brought us closer to our intended audience. Emphasizing approachable visuals while maintaining expertise credibility.

UX Testing

User testing revealed various critiques for refinement. Here’s what was learned and how feedback was addressed:
Users wanted clearer information about installation and how the customer rating system worked.

Added a streamlined the three main steps section with imagery illustrating corresponding steps.

Excessive text density and occasional jargon made content less accessible.

Simplified and condensed copy to focus on the platform’s core values and solutions.

The bold orange section created a false sense of hierarchy, diverting attention from more critical content.

Reorganized how content flowed to ensure key information appeared closer to what was above the fold.

Users desired real screenshots or previews of the software in usage.

Integrated high-quality screenshots and matching imagery to make the platform’s features more tangible.

Final Site

The redesigned website brought together user insights, brand personality, and competitive strategy into a cohesive and engaging platform. Prioritizing clarity, authenticity, and usability, reflecting our  mission to transform the customer experience (CX) landscape.
View Site