InnoHK@HKU Website
The HKU Innovation Holdings Limited (the “Company”) was set up by the University of Hong Kong in 2020 to provide a governance oversight of a number of subsidiary companies which focus on innovation-related research and development.
UI UX design
HTML & CSS
Responsive Design
CMS System
ROLE
Website Designer (UX/UI)
TIME
1 year
TASK
Design New Website | Responsive Design |
HTML & CSS | Animation Design |
CMS System
HTML & CSS | Animation Design |
CMS System
TOOLS
Sketch | WordPress
Sitemap
Wireframe
Mid Fidelity Prototype
Taking the wireframes, I then worked on creating a mid-fidelity, limited functionality prototype, using Figma, to use for usability testing.
Animation Sketches
Screen flows are a combination of wireframes and flowcharts. With that information in hand, it can explain better the decisions I've made regarding the interaction design.
Unique Animation
A simple and interest way to represent what centre are doing.
Opening Animation
Provided these different options to present the opening about HKU@Inno, it makes the screen is interesting and exciting experience.
Standard
Key Feature
Text Movement
Text sliding in cover static images, it will be more interesting to the eye than static images to make it a lot easier for content to stand out in.
Solve the Complex Content
Among the massive information, users can select specific information through the filter function.
Dynamic Scrolling
Dynamic websites give you an elevated look and seem more professional than static websites. This kind of impactful experience is more likely to stay for a long time as opposed to static walls of texts and images.
Responsive Filter
The filtering function is also more convenient for mobile users.
Final Design
