top of page

Check-in

Applet

Motivate users to do coding practice 

LEARN MORE

About the project

This is a mobile app embed in Wechat which is to solve the pain points of the marketing operation. In order to sell more courses, the marketing department has to hold a check in activity to encourage students to do a training plan at the Laicode platform and then motivate users to buy our courses. 

Project Type & Involvement

Mobile app - UI/UX Design

 

Timeline

Jul 2018-Present

 

Platform

Mobile-WeChat

User type

Users who want to use this app to motivate them to keep coding practice and earn awards. The users want to use this app to motivate themselves to do coding learning and gets more benefits about the coding course, and at the same time, user can get a certain sense of identity and satisfaction in personal achievement.

The main feature

The user can choose the check-in activity in the applet

Invite friends to participate in the check-in, share check-in achievements;

View the check-in dynamics and as the friends;

view the check-in list;

Check the calendar at any time to witness their growth and achievement;

unlock endless benefits in accordance with the rules of check-in;

The main feature of this app:

1. Ranking: user can view the ranking list to know their friend's activities.

2. Training plan solution video: students can comment and saved.

3. Course introduction page: help the marketing department publicizes the courses.

4. Check-in Group: According to a different location the user can find friends in the same city.

Sketch

下载.png

User Flow

check in.png

Site Map

Check-in Program 2.png

Boarding Page

boarding page.png

If users want to participate in the Check-in activity, they need to link to laiCode account and bring customer to LaiCode. The LaiCode user can use their email and password to link their account. The non-LaiCode user can be clicked to register the LaiCode account directly.

Visual Design

组 4589.png
组 4587.png
组 4588.png

App Screen

1. Check course dynamic.

In explore page, user can check all recent courses, overview the course syllabus what they interested in.

User can share course to their WeChact friends and do online course consultants.

 

iPhone 6-7-8 Plus – 5.png
iPhone 6-7-8 Plus – 16.png
share-2.gif
iPhone 6-7-8 Plus – 6.png

2. Completed the task and received benefits

Task 1: Watch the exercises video to complete the task

Task 2: Do the training plan on LaiCode 

 

iphone-free2.gif
iPhone 6-7-8 Plus �– 28_3x.png
iPhone 6-7-8 Plus – 23_3x.png
iPhone 6-7-8 Plus – 47_3x.png
iPhone 6-7-8 – 11_3x.png

3. View the latest lecture information and watch previous lectures video

In order to reach the number of students enrolled, the marketing department will hold several lectures per week. This function can increase the exposure of the lectures and increase the number of courses sold

 

Mockup 07.jpg
iphone-free3.gif

More projects.

Uber Trip

mobile app

UIUX design & Research 

Coding Platform

mobile app

UIUX design & Research

Recruiting web

Website

UIUX design

QS

© 2023 by Daisy Sun | Portfolio

bottom of page