"
Get In Touch
Contact
UI/UX June 6, 2023

Kaplan Hong Kong

Our project entails the comprehensive revamp of the website, adopting a mobile-first strategy and prioritizing a user interface and user experience design tailored specifically for students, while also enhancing the course finder feature to improve accessibility and streamline navigation.

Task

Revamped website with a mobile-first approach, prioritizing a student-centric UI/UX design.

  • Strategy

    UX Strategy

  • Design

    UI/UX Design, Prototyping

  • Client

    Kaplan Hong Kong

Color palette

/ Foundations
Primary
#1F0477
 

R 31
G 4
B 119
  

Kaplan Blue

Secondary
#005DE8
 

R 0
G 93
B 232
  

Pure Blue

Secondary
#EFEFEF
 

R 239
G 239
B 239
  
Light Gray
Secondary
#333333
 

R 51
G 51
B 51
  
Dark Gray
Secondary
#941539
 

R 148
G 21
B 57
  

Kaplan Red

Secondary
#D5083B
 

R 213
G 8
B 59
  

Strong Red

Typography

/ Scales

Typefase
Merriweather

Usage
Headlines

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Typefase
Open Sans

Usage
Paragraphs

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Let's get in touch,
we respond fast.

Ready to work together?
Back