UI/UX, Mobile Experience, Web Game Design

MTR Daily Login Mission

Year: 2022

Duration: Over 12 months

This ongoing MTR project comprises two main components: a daily login event and mobile web games, with a primary focus on the gaming aspects. The daily login encourages new users to engage with the MTR mobile app regularly by prompting them to check in daily to qualify for an ultimate lucky draw, with interaction requirements based on the number of stops on each line. An interactive gaming feature allows players to collect in-game currency through gameplay, which can be redeemed for MTR points. The game also includes options for sharing with other users, recruiting new players for team play, and a leaderboard. Overall, the project aims to boost user activity and expand the user base.

Overview

The overall design of check points and game elements draws significant inspiration from board game mechanics, creating a familiar and enjoyable experience for users. This approach not only makes the game more accessible but also encourages strategic thinking and planning, similar to traditional board games.

As users advance through the levels, the number of check points gradually increases, providing a challenging yet rewarding experience. This incremental rise in difficulty helps maintain user interest and motivation, as players strive to reach new milestones.

To further enhance the user experience, the interface incorporates an experience bar that adds elements of gamification. This visual representation of progress gives users a tangible sense of accomplishment as they complete daily tasks. By rewarding users for their efforts, the experience bar encourages consistent engagement and reinforces the habit of returning to the app each day.

Design System

Typography

Color

Iconography

Layout (Phase 1)

The landing page serves as a central hub for recurring users to track their progress and view past records. It features check points and game elements inspired by board game designs, with the number of check points gradually increasing with each new level. Additionally, an experience bar adds gamification elements, providing users with a sense of accomplishment as they complete daily tasks.

Layout (Phase 2)

The primary objective of this project is to market the MTR platform and promote its point redemption system, which is facilitated by a share feature on most pages to help recruit new users. Building on the daily login from phase one, MTR has continued the campaign with a similar check-in mechanic while introducing new gamification elements. After checking in, users can engage in various mini-games to earn extra MTR points, with a rotating selection of four games available each week.