OLIN / PIANO SCHOOL

A little music,every day.

A digital experience for OLIN Piano School, from discovering the school and its teachers to finding a class and managing the teaching day.

Web application
WeChat Mini Program
Warm optical glass

Explore web app View Mini Program ↓

WEB / STUDENTMINI PROGRAM / DESIGN

SECTORPiano education

PLATFORMSWeb + WeChat Mini Program

DESIGN LANGUAGECream · Tea · Optical glass

01 / THE EXPERIENCE

Designed around a teaching day.

Students, parents and school staff have different needs. Clear course information and considered navigation keep the experience focused on learning.

Student booking

Discover classes, filter by date and time, check availability and review bookings.

School administration

Review the daily schedule, bookings, attendance, teacher availability and summary views.

School and courses

Explore the school, teaching team, course information and performance stories.

02 / WEB APPLICATION

For students and staff,
in one visual language.

The web app follows familiar mobile patterns. Students browse course cards while staff review the day, with a shared warm and quiet visual language.

Student experience Staff experience

The web experience uses sample data to demonstrate the interface and booking flow. The WeChat Mini Program is a separate entry point.

OLIN student web screen — Student · Class discoveryWeb interface / Open full image

OLIN staff web screen with sample data — Staff · Daily scheduleSample data / Open full image

03 / WECHAT MINI PROGRAM

From discovering OLIN to finding a class.

The Mini Program brings together school information, courses, teachers and member services. These public-facing screens from the project materials illustrate its visual direction.

School homeThe school, its visual identity and course entry.

Courses and schoolCourse discovery, teaching team and school stories.

Teacher profileTeacher information and layered portrait treatment.

An official Mini Program is available. This gallery presents project design work, including later redesign material; the current WeChat release may differ. Images open in a new tab.