Re-imagining a multi-brand dating platform

The Situation

Date.com is one of more than a dozen dating properties owned and operated by digipunk, llc. The entire suite of dating sites had been designed and built around 2005 — and they looked and felt that way. Following a management shake up, an opportunity to rethink the entire business and platform arose. I was brought on board to help head up the effort to re-examine and rebuild their product offering, business and subscription models, branding and brand voice and to lead the entire user experience, visual design and front-end development process.

The Objectives

  • Create a scalable platform that can efficiently serve multiple brands with different busines requirements and user flows.
  • Explore and test multiple onboarding and subscription user flows in order to increase use adoption, ensure higher profile completion rates, boost subscription sign-ups and increase user retention and life-time value.
  • Reinvigorate the dating properties by creating a brand voice, look and feel and user experience that would engage and delight users.
  • Establish a component based design system and code methodology to allow for scalability, consistency and efficiency as new brands, features and platforms are developed.

My Role

Director of Product and User Experience delivering product and UX strategy and definition, competive analysis, wireframing, prototyping, brand design, copywriting, visual design, performance analytics and leading the design and front-end dev teams. Below are examples of the product design process and a few of the UX design artefacts created during the definitional phases of the project.

Modern product exploration, processes, technology and design

Competitive Analysis

I began the challenge by conducting an extensive competitive review of the industry. A lot had changed in the online dating world since the original suite of digipunk dating sites had launched. We took a deep look at dozens of sites and apps’ unique selling points, best-practices, missed opportunities, customer flows, business models, value propositions, aesthetics and language. This analysis was not only great for helping to define the product and project goals but was also a boot camp in modern web technology, capabilities and communication styles for the existing stakeholders. We also explored how micro-services and 3rd party service providers would help make the platform as flexible, scalable and efficient as possible.

Product Vision Workshops

After studying the competitive analysis, the team was highly motivated to participate in some blue sky, big picture thinking. I lead workshops with stakeholders from business, marketing, product and technology to achieve alignment on goals, assumptions and requirements. This was a great opportunity to introduce User Centered Design Thinking and get everyone thinking in terms of User Pain Points, Tasks To Do and User Journeys.

Design and Test

With a set of priority features and user flows established, we began working on functional user flows to get the development sprint process started while we continued to interate on user flows and ultimately building wireframes and prototypes (shown below). We tested and validated these prototypes and established some baseline user journeys that we could then run A/B tests against in a live situation.

New User Experience and Brand Voice

While we were iterating on wireframes, feature definitions and beginning the build process, I had a lot of fun working on new brand aesthetics and brand voices for many of the properties which ranged from general dating sites (date.com, matchmaker.com) to niche sites based on religion, demographics or affinity groups such as dating for lovers of geek culture (gk2gk.com).

New Technology

At the same time, we were educating the stakeholders on the advantages of a modern technology stack with a cloud based microservices driven back-end architecture supporting highly responsive front-end built on React.js. The goal was to build one highly configurable platform that could handle all of the dating brands including variations in layout, registration flow, premium features and subscription models. For UX/UI designers and developers, React.js has several advantages including its component based nature and ability to have much of the application logic on the front-end as well as leveraging React Native to build crossplatform apps with the same logical code base.

Log In Flow

Invision based wire-frame prototype
(yes you can click through it)

One of the uses of this prototype was to test and validate a new perspective on the user sign up and onboarding process. We asked only three questions on the landing page and from that point on a user can view search results related to their preferences, location and age while continuing the sign up process.

Another novel approach that we ran experiments with was using sentence structure based data gathering to allow users to self select for personality types and affinity groups. Asking questions like "Are you more likely to get hurt on the climbing wall or falling off a bar stool" allows us to get beyond check box inputs and makes the process more fun while establishing the brand's playful voice.

And some responsive mobile wireframes
(launch the mobile prototype)

Mobile Wireframe screens
Our centralized performance marketing solution helps businesses to design, implement, track and analyze their advertising campaigns to improve performance and optimize their spend across all Web and Mobile channels.

Thanks for taking a look. There are more case studies below!

here are some of the other organizations I've been proud to work with:

Media / Entertainment
Media / Publishing
Media / News
Media / Entertainment
Media / Documentary
Media / News
Hospitality / Restaurants
Media / Entertainment
Non-profit / Entertainment
Public Health
Social / Recovery
Security / Parental Control
Ecommerce Platform
Digital Agency
Pharma / Manufacturing
Education / UX Mentor
Digital Agency
Ed Tech
Tech and Design Agency
Professional Services SaaS Platform
Cybersecurity
Investment Banking
User Experience Agency
Creativity Software
FinTech / Trading & Analysis
Fintech / Banking
Automotive Experience
Financial Services
Experience Design Agency
Financial Services
close email form
Get in touch

I'm always excited to talk about new projects, new partners and new relationships.