Case Studies — 2019 - Now

Crafting All-round Travel Experience

HyperAir

Mock-ups of HyperAir App

In 2019, I was invited to work full-time after the prototype, scaling up the design operation on mobile app & website.

I took the ownership of the product and lead in every aspect of design as I'm the first designer joining the team.

platform

platform

Website, Mobile App

timeline

timeline

2019 Jan - Present

type

type

Full-time Employment

workflow

workflow

Scrum Model

Role

Onboarding as a product designer for the company, I took more ownership to the design, continued to ship more features and created design system ready for scale. I also weigh in business goals and daily operation throughout my design process.

Interface Design
Design System
User Testing
Brand & Marketing Design

Design Process & Deliverables

Since we are still an early stage start-up, looking for market niche, our design & development share the same 2-week cycle under Scrum model.

Roadmap

hyperair roadmap

We have outlined a map of users’ preparation for travel , which has later become our roadmap in design and development.

Turning a MVP into full feature website and app

hyperair fullfeature

As the app continues to grow, We have launched more service modules to facilitate the journey of travelers in preparing their trips.

Creating a design system ready for scale

I started to consolidate all screens and put together a design system. Even though using different technology stack on mobile app and website, design tokens like typography, iconography, colors are still shared across platforms.

Screenshots of design system file created by Figma

Conducting usability testing for rooms of improvement

With limited budget, usability data are mostly collected from user feedbacks, recorded user sessions on the web as well as data from Google Analytics.

We categorized keywords in customer messages, in-app feedback channels and store reviews.

We also validated our designs and optimized conversion by observing user behavior on our website using Hotjar.

Achievements

App Installs

85,000

Ratings

4.0/5

We have received positive feedback and reviews, endorsing our platform for making travel preparation process more convenient.

Business has grown and the app has pivoted to a travel comparison platform. HyperAir also offered a full-time design position to me.

So convenient, save loads of research time on seeking for the best FX rate

Roy
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir
  • Logo of HyperAir
  • Colors of HyperAir
  • Typography of HyperAir
  • Splashscreen of Landing Page of HyperAir