OVERVIEW

HKBU School of Communication

Being invited by HKBU, we were asked to revamp the website for HKBU School of Communication Master Programmes which require the adaptive design layouts fit on both desktop and mobile devices seamlessly.

You may see through the design process, functions and interaction on different pages by “view project” or video above.

PROJECT SCOPE

Responsive Website Design & Development

DURATION

6 months

TEAM SCALE

3 Team Members

TEAM ROLE

Project Manager
UI/UX Design Lead

LANGUAGE

English, 繁體中文, 簡體中文

TECHNOLOGY

HTML5, JS, Bootstrap 3

OLD WEBSITE

KEY FINDINGS


SOLUTION
Designed Flowchart

The main ideas was trying to sort out the clumsy contents and have more dramatic photos to impress the audiences. So it will bring some more interest for the visitors to browse through the website. Beside, we have also employed the auto-play video as background and full-width one-page layout design with vibrant colours tone as per different subjects are applied.

 
Color Palette
 
Primary
 
Communication
 
Journalism
 
New Media
 
Media Mgmt.
 
Alternative
Web Design Interface
Overlay Pop-out Menu Design
4 Main Programme Images
Programmes One-Page Layout Design with sticky quick button and scrollspy
Responsive Design

Other Works