All Projects

Brain training program interface and brand redesign

Play Attention is a brain training program aimed at improving cognitive skills and managing ADHD symptoms. The project focused on redesigning the user interface for both coaches and students, leading to faster product adoption and business growth.

Industry

Health & Wellness

Services

UI Design, Front-End Development

Completed in March 2016

www.playattention.com

Challenge

The existing user interface for Play Attention was outdated and not optimized for a diverse user needs, which included coaches setting up training programs and supporting students of different age groups during training sessions.

The challenge was to create an engaging, user-friendly interface that would accommodate these distinct user needs, all while streamlining the process for coaches and keeping students engaged through the training program.

Approach

Design & Prototyping

I worked iteratively with the product team to first create low-fidelity interactive prototypes for the coach and student environments. The coach interface focused on simplifying program setup and progress monitoring, while the student interface was designed to be engaging and age-appropriate.

playattention prototype
playattention prototype
playattention prototype
playattention prototype
playattention prototype
playattention prototype

Engaging User Experience

The student interface was designed to keep users motivated, with simple navigation and clear progress tracking. I have created visual design adaptations tailored to 3 different age groups.

playattention student interface
playattention student interface
playattention student interface
playattention student interface
playattention student interface
playattention student interface

Coach Interface

The coach dashboard was designed to streamline the creation and scheduling of training programs and the evaluation of student performance, making it easy for coaches to monitor progress and adjust training as needed.

playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface
playattention coach interface

Brand Redesign:

I led the brand refresh to create a cohesive look across the platform. This involved updating the logo, color scheme, and typography to reflect the platform’s innovative and professional approach.

playattention brand
playattention brand
playattention brand
playattention brand
playattention brand
playattention brand

Front-End Development

In addition to design, I contributed to the front-end development of the new interface, ensuring smooth implementation of the UI/UX.

Solution

  • Prototypes: Developed interactive low and high fidelity prototypes for coach and student interfaces.
  • Coach Interface: Streamlined dashboard for setting up programs and tracking progress.
  • Student Interface: Engaging design tailored to different age groups.
  • Brand Redesign: Updated logo, color scheme, and typography.
  • Front-End Development: Worked with developers to implement the design.

Video overview

Results

  • Positive Feedback: Stakeholders and users praised the new interface for its usability and appeal.
  • Faster Adoption: The improved user experience led to faster adoption and a smoother learning curve.
  • Business Growth: The design improvements contributed to the platform’s growth and increased user engagement.

Reflection

This project highlighted the importance of designing for different user groups while maintaining a cohesive brand identity. The new interface enhanced the user experience, contributing to product success.