The Colors were chosen to represent timelessness yet be classy and modern according to the brief.

TYPOGRAPHY

Competitive Analysis

The Who?

The goal was to Foster a community of chess enthusiasts by providing a seamless appointment booking system with National Chess Champion.

Traditional chess learning methods often lack personalized guidance, flexible appointment scheduling and real time feedback by Expert Mentors.


The WhY?

The What?

Chess Enthusiasts seeking to find personalized guidance.

To Teach and Reach as many Chess Enthusiasts online and in-person.


To foster a community of chess enthusiasts through Membership Programs.

To Establish partnerships with chess clubs and organizations in 2 years.

To expand to 3 additional languages within 2 years.



Client

Constraints

To Develop for all iOS and Android Platforms and ensure seamless integration.



To launch a Testable Model within 2 months.

Full Feature Launch within 9 months.



Business Goal:

MVP (Minimum Viable Product)

Technical

Goal

CONTEXT

1.Contextual Enquiry

2.Competitive Analysis

3.Empathy Mapping

To understand chess enthusiasts needs, expectations behaviors and pain points to inform user centered design of ChessMate online learning platform.













Contextual Enquiry


We conducted interviews and online survey with 21 existing customers, including beginners, intermediate and advanced players alike.











Beginners


  • Seek to gain fundamental

    skills and understand

    the game

  • Need Personalized Lessons

  • Want Interactive Lessons


Intermediate


  • Seek to learn strategies

    and gain feedback

  • Need strategic thinking

    lessons.

  • Want Tactic Games.

Advance


  • Seek Finetuning and

    master Skills.

  • Need In depth Analysis

  • Want to refine opening

    and closing moves.

USER RESEARCH

One has to bear in mind that children should not play alone online, they

just press the buttons until they get the result, without really understanding why.

Online lessons involve clicking the next button at least 100 times

which is very clumsy, irritating and distracts from the actual game.

User Quotes

Key Findings

Showed interest on personalized one on one coaching

Showed interest in structured lessons and with tips and tricks.

Expressed interest in affordable community membership.

Expressed interest in one time bookings and masterclass.

Personalized Lessons with Grandmaster Dr.Wolf.

Learn Chess with

Dr. Wolf

ChessKid

Magnus Chess

Academy

Chess For Kids

Chess Coach

Videos Lessons

from World Champion Magnus Carlsen

Progress Tracking and lesson plan

Community Forum for Q&A

Personalized Study Plans.

Live Sessions on Premium Subscription

Simple Interactive Lessons for Beginners.

Limited Personalized Feedback.

Parental Monitoring and Progress Tracking

Video Tutorials from Chess Coaches

Offers Limited Content

Progress Tracking

and Rewards.

Lacks Adaptive

Learning.

Limited Analysis Tools

Limited Advanced Content.

Expensive

Subscription

Lacks Individual Personalization

Comprehensive

Curriculum

Extensive Gamification of Content.

Lacks Interactive Features and leads to cumbersome progress.

Expensive

Subscription

Limited

Community

Features

Live Sessions with Coaches on Premium

Video analysis and Feedback.

AI driven Lessons

and custom study plans.

User Persona

User Journey Map

"I want to take my chess game to the next level, but it's

hard to find resources and opponents that challenge me."


Goals


  • To improve chess skills to compete in national tournaments.

  • Analyze games and strategies to enhance decision-making.

  • Gain personal feedback.

Pain Points:


  • Difficulty finding opponents with similar skill levels.

  • Limited access to experienced coaches or mentors.

  • Finds online chess lacking personalization.

Motivation


  • Passion for strategic thinking and problem-solving.

  • Desire to improve and compete at higher levels.

  • Dopamine of intellectual challenge and mental exercise.

Behavior Patterns


  • Spends 7-10 hours weekly playing chess online.

  • Watches chess streams and YouTube tutorials.

  • Analyzes games using chess software.

  • Participate in local tournaments.

17 years

Student

English, Malayalam

Kozhikode





David Thomas

GOAL

The goal is to teach and reach all chess Enthusiasts online and in-person.

Get in Touch

Coach Appointment Booking

Personalized Learning with interactive Lessons

Track and Analyze progess

ChessMate provides seamless Appointment booking for personalized Chess Learning with Coach. User can schedule appointment at their convenience and custom preferences.

ChessMate facilitates personalized learning along with various interactive methods. Users can opt for individual coaching, puzzles, strategy games, end games, feedback analysis according to their preference.

ChessMate promotes and strives to build an engaging community both offline and online. Users can create virtual events, join forums and tournaments through the application.

KEY FEATURES

Appointment Booking

Interactive Learning

Exclusive Community

Flat Sitemap: To enhance Discoverability and ease navigation and complete the tasks.

Responsive Web Service

ChessMate is a seamless Responsive Web Service designed to provide personalized coaching and appointment booking for chess enthusiasts.

Designed for ChessMate Academy,

run by National Chess Player Adithya Nair.


ChessMate App aims to streamline mentorship through ease of appointment booking, access to membership and in building the community.

| Client

Freelance

| Duration

5 Weeks

| Tools

Figma

Streamlining Mentorship with ChessMate

My Role(s) : UX Design, User Research & Visual Design


I had to shape the project goals and outcomes, the scope of the application and conduct and coordinate various suitable research methodologies. I coordinated with client and stakeholders to understand the business goals and vision and have several brainstorming sessions.


To understand the market scenario and get inspiration.










Design System

Navigation Menu

Icons

Cross Functional Collab


Collaborating with stakeholders and developers provided me with various insightful learnings. I was able to expand my skills and understand feasible decision making.

Iteration and Testing


I was initially overwhelmed with feedbacks, soon learnt to prioritize and implement relevant ones. Feedbacks helped improvise the designs and refine on the details. This led to improvised overall experience of the app and simplify navigation.

Design Thinking


I was able to apply my creativity and artistic preferences while designing. Throughout I learnt to blend creativity with functionality and be as intentional with each design decision as possible.

REFLECTION

LIGHT MODE

Ui for Light Mode was designed simultaneously.

APPOINTMENT BOOKING

45+ Screens

FEEDBACK IMPLEMENTATION

Worked on Visuals to enhance contrast and changed typography for better readability.

Check out other Projects

Get in Touch

View Projects

Want to Discuss a Project?

| Overview

Empathize

Define

Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Overview

Empathize

Define

| Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Overview

| Empathize

Define

Ideate

Prototype

Reflect

Card Sorting

To group ideas and features into meaningful categories optimizing priorities.

Low Fidelity Wireframes

Initial explorations and sketching of ideas to structure thoughts and streamline.

Work in Progress


The Website along with the App presented are currently in the development phase. The Screens represent the Minimum Viable Product serving as visual prototypes, and are subject to further reiterations and refinements. The Final Product Launch is aimed at catering various other features, enhancing community requirements.



PROJECT STATUS

Overview

Empathize

Define

Ideate

| Prototype

Reflect

Overview

Empathize

Define

Ideate

| Prototype

Reflect

Overview

Empathize

| Define

Ideate

Prototype

Reflect

Overview

Empathize

Define

Ideate

Prototype

| Reflect

| Overview

Empathize

Define

Ideate

Prototype

Reflect

Thankyou for Scrolling all of 25952px down!

GRID SYSTEM

Information Architecture

Wireframes and Prototypes

Create a free website with Framer, the website builder loved by startups, designers and agencies.