WALL STREET ENGLISH APP
Simple & fun booking app
for English class
Simple & fun booking app for English class
Duration
2 months
Platform
Hybrid Mobile Application
Services
  • Product design
  • Mobile development
The brief
Wall Street English is a rapidly-growing language center in Vietnam. In a few years of entry, it expands to 6 language centers in Ho Chi Minh City. Their goal is to help busy adults find English classes that match with their schedule and offer them the flexibility to join class by checking the schedule on the mobile app.
The app must provide a smooth experience for students to view and book their class. They can also view different English lessons, news and videos to learn on the go.
Wall Street English is a rapidly-growing language center in Vietnam. In a few years of entry, it expands to 6 language centers in Ho Chi Minh City. Their goal is to help busy adults find English classes that match with their schedule and offer them the flexibility to join class by checking the schedule on the mobile app.

The app must provide a smooth experience for students to view and book their class. They can also view different English lessons, news and videos to learn on the go.
01
UX Research
Method
We start this project with a clear understanding that our deadline is yesterday. Applying user-centered design in such strict deadline is a big challenge. We run a few workshops with the marketing and IT department and the product owner to understand the product vision and problems. Luckily, Wall Street English already provides us some solid data of their current students so we do not need to spend too much time on the initial user research.
We sketch out the wire-flow to get the consensus from Wall Street English team. The wireframe and usability testing come after that.
We start this project with a clear understanding that our deadline is yesterday. Applying user-centered design in such strict deadline is a big challenge. We run a few workshops with the marketing and IT department and the product owner to understand the product vision and problems. Luckily, Wall Street English already provides us some solid data of their current students so we do not need to spend too much time on the initial user research.

We sketch out the wire-flow to get the consensus from Wall Street English team. The wireframe and usability testing come after that.
Insight
Collaboration tightly between development team and client is crucial to get a project going.
Take Away
Collaboration is crucial to keep the project timeline on track. The design and product members must work closely with our clients to understand their problems, propose different solutions and test it with the users.
Our main design challenge is the calendar. On a small screen, the calendar must highlight upcoming classes and also indicate their types intuitively. In order to do this, we use opacity to differentiate upcoming and past classes and use color codes for different types.
Collaboration is crucial to keep the project timeline on track. The design and product members must work closely with our clients to understand their problems, propose different solutions and test it with the users.

Our main design challenge is the calendar. On a small screen, the calendar must highlight upcoming classes and also indicate their types intuitively. In order to do this, we use opacity to differentiate upcoming and past classes and use color
02
Wireframes
Schedule flow
The calendar must match the goal of letting the user see the overview of monthly schedule but still be able to select and view detail of the class quickly.
Profile flow
Simple and straightforward profile view, allow user to view basic profile info and study info.
Tips & Info flow
Quick and simple listing for tips and news so user can always get the updated info, full screen reading and video for maximize the reading space.
03
Technical & Art Direction
Schedule flow
A super fast growing English education center needs an application for their student to access to their studying schedule, view class information, practice English skills by playing games... and will be launched in a very short time. Therefore we build this product by picking Ionic as the main weapon to implement the cross-platform mobile application. We also use DropWizard as the main framework to construct the server side which not only provides API for mobile to request, but also connects to the existing CRM in client’s internal system for bidirectional synchronization. With modular approach, the product can be evolved easily on the go basing on users’ demands.
Art direction
Our design proposal follows the client’s existing branding guideline including color palette and font choice. With the main targeted users are adults from 25-40 year olds, we try to make the design feel professional but still fresh and elegant.
The customized on-boarding illustrations gives users a quick look of the app features. We also customize an icon set, the overall style is very minimalist and clean.
04
Hifi Designs
TYPOGRAPHY
This is the Headline
Subline is here
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut laborE... Lorem ipsum dolor sit amet, consectetur adipiscing elit.
COLOR PALETTE
E74239
144069
CFD8E1
F6F7F9
ICONS
04
Final Comps
NEXT PROJECT
A high-performance website
for financial marketing campaign
A high-performance website for financial marketing campaign
Learn more

Let's build
great product together

Just have an idea or ready to build a product? We’re here for you