2023

Lumosity App

During my 10+ years as a designer at Lumosity, I worked on everything from email marketing to redesigning the entire product.

About

I started at Lumosity in 2011. During my time Lumosity went from a novel Facebook games platform to a perennial top download and app store earner in the Education space.

My journey began as a marketing designer, but eventually moved into a product design role. Since then I have helped drive conversion and retention metrics through elegant, user-centered, design solutions.

In my last couple of years at Lumosity I took on the role of the lead designer for design systems as the company took on rebranding and refactoring the app.

Role Responsibilities

  • UX design
  • User research & user personas
  • Competitive research
  • Visual and interaction design
  • Design Systems
  • High-fidelity prototypes
  • User testing and QA
  • Mentoring junior designers

User Interface

Figma prototype, day 0 experience.

Onboarding UX

Coming soon...

Design System

User Settings

A screenshot of a Figma document and mobile screen designs laid out in an organized way.

Checkout & Payments

Mobile-web view + dark mode.

Basic UX flow, requirements, and questions.

Interactive prototype with live updating totals.

Competitive research.

Illustration

Game icons

Evolving the game library visual language.

Other Description

Also coming soon...

Case Study: Lumosity Redesign

Background

By 2020, Lumosity's decade-old mobile app infrastructure was limiting our ability to implement user-centered improvements. This technical constraint presented an opportunity to reimagine the entire user experience through the lens of accumulated user insights and modern design principles.

The Lumosity app of 2020: outdated.

Research

The creation process truly begins in the research phase. By the end of 2019, I had become the sole product designer at Lumosity. It was around this time that I initiated a comprehensive research phase to ensure our redesign decisions were rooted in user empathy:

Discovery & Analysis

  • Conducted an extensive audit of over 30 past user research documents spanning 2011-2019
  • Synthesized insights from surveys, user interviews, and competitive analysis
  • Identified key user pain points and opportunity areas

Persona Development

To improve stakeholder adoption and usability of our personas, I introduced some useful elements:

  • Persona "stats" for quick understanding of user motivations
  • Preference indicators showing likes, dislikes, and pain points
  • Direct correlation between user needs and business metrics

Design Evolution

Our iterative design process began with extensive ideation sessions where we created rapid prototypes to test assumptions and challenged existing mental models.

Rough pen sketches of possible app features.

One interesting exploration was the development of a novel "overworld" game progression system, complete with reward mechanisms to enhance user engagement and integrated gamification elements to strengthen user motivation.

Two mobile app screens, one light and one dark, showing how the app colors change

Design Systems

The systematic design approach started with the creation of a comprehensive design system. Built meticulously atop a foundation of typography and color (WCAG tested), this included creating a modular component library for rapid prototyping and implementing a consistent visual language across all touchpoints. This foundation proved crucial for maintaining design consistency while allowing for rapid iteration and testing.

Final Prototype

The user experience enhancements centered around creating a more engaging and rewarding journey for our users. We implemented an achievement-based progression system, featuring collectible badges and an experience point system for sustained engagement. The streak-based reward mechanisms were carefully designed to reinforce daily usage patterns while providing meaningful feedback to users.

In terms of visual design evolution, we maintained brand consistency while modernizing the aesthetic through refined typography and weight hierarchies. The enhanced white space utilization improved readability, while our strengthened visual hierarchy through careful color application made the interface more intuitive and engaging.

Outcome

The redesign resulted in a more intuitive, engaging, and scalable product that better served user needs while maintaining the core Lumosity experience. The new design system and prototyping framework significantly improved development efficiency and cross-functional collaboration, setting a new standard for how we approach product evolution at Lumosity.

More artifacts from this project

Custom interface design for an event analyzer tool our Core Services team was developing.

A screenshot of a Figma document and mobile screen designs laid out in an organized way.

Figma file for a complex section of the app.

Research doc for leadership comparing and contrasting common login & password patterns.

Prototype for an Achievements feature.