Mark Lauren

Case Study

Mark Lauren is an international bestselling fitness author whose exercise journey has inspired millions to move beyond the walls of a gym.

( SCROLL )

(01)

The Challenge

As a content creator for the better part of a decade, Mark came to us with an extensive catalog of disparate product verticals — books, DVDS, mini-courses, PDF downloads, an outdated mobile app and more. With a desire to future-proof his content, reinvent his brand identity, and build scalability into his creation process, we led the conversation toward going fully digital.

(Project Focus)
Fitness
B2C
Branding
Product Design
Design System
App Development
(02)

Our Approach

After dreaming up various concepts of what this new all-in-one fitness platform could be, we determined that the most sustainable business model would be to build a streaming video platform where tailored workouts would be delivered through a monthly subscription.

(03)

UX Strategy

Starting with user types, we outlined strategic goals for Mark’s potential customers to achieve by navigating through a conceptual UX flow. Through deeper discovery, research, and strategy, we defined the application’s initial epic, core feature set, and backlog items to begin building our product roadmap.

We approached Mark’s application with the understanding that it needed to work across all major browsers and devices, in a myriad of bandwidth limiting situations, and behind large government firewalls such as China’s.

We created the app as a “Progressive web app”, not unlike Gmail, Alibaba, or West Elm. Advantages of this are inherit HTTPS, offline mode (aside from streamed content), web push notifications, and “Add to Home Screen” prompts on most major devices allowing for a semi-native app experience on mobile.

(04)

Build and Management

We used ReactJS as our primary Javascript framework, an efficient vehicle in serving data. Instead of clicking a button and loading another page, only the data that needs to change on the page gets updated, saving time, bandwidth, and power.

The CMS needed to be simple and flexible enough that Mark’s team could easily update, administrate, and add content. We found this NodeJS CMS, Keystone — the primary administration panel for the site. We integrated Stripe subscriptions for billing, and JWPlayer for hosting and serving video content.

"Now, we have a new brand story that unifies us with one human, evidence-based, clear, optimistic, and bold voice. It universally describes who we are, what we believe, how we think and operate, and, of course, what we do."
Mark Lauren
Founder
(05)

What We Did

Strategy/Planning
Discovery + Design Sprints
Research, Analytics & Insights
Product Requirements
Brand + User Experience
Identity + Positioning
Visual Language + Art Direction
Design Systems + Style Guides
Prototyping & Optimization
Technology
Technical Discovery
Application Development
Quality Assurance
Work With Us
#shapethefuture
Up Next
WA Solutions