Website Revamp
Hong Kong Nuclear Investment Company
Explore other projects
Design Showcase
By improving the structure and simplifying the content, we aim to enhance the overall user experience, making it easier for visitors to find and understand important information.
Home Page | Key Visual Video Banner
-
Open a popup for full version video of the company introduction.
Inner Page | Daya Bay Information & Nuclear Essential Knowledge
-
The current website has too much information, making it hard for users to read. We are streamlining and reorganising the contents to make it clearer and easier to focus on.
Data Page | Daya Bay Performance
-
The business needs a clear way to show data about Daya Bay's safety and environmental impacts. Since the website requires monthly manual updates, we are designing it for easy updates and better readability.
Process
The project spanned over 4 months, during which I actively collaborated with the team to ensure a thorough and effective redesign of the website.
1. Discover - Research
I worked closely with my teammate, Senior UX designer, to understand the site map and user flow. We reviewed the current site to find areas for improvement.
2. Define - Planning
I shared UI ideas to support the UX designer’s plans. We held regular meetings with the business team to ensure our designs matched their needs and expectations.
3. Develop - Design System & Prototyping
I created a design guide that includes style details such as colours, fonts, and components for development and future use. Following this, I built prototypes for desktop, tablet, and mobile to ensure a smooth user experience. I gathered feedback from the business team and made updates as needed.
4. Deliver - Handoff
I shared the final design guide and prototypes with the external development team (IT vendor). This gave them everything they needed to implement the designs correctly. I stayed available for any questions during the development process to ensure everything went smoothly.
Problems
The official website has been live for over 10 years, featuring an outdated design and layout that needs to be updated.
-
Outdated Design
The website uses a traditional 4:3 layout, which is unresponsive on mobile and tablet devices, limiting accessibility for users across different platforms.
-
Complex Site Hierarchy
The complicated site hierarchy makes it hard for users to find information. Unclear navigation can frustrate users, leading to high bounce rates.
-
Missing Features
The site lacks a search function and top menu, making navigation difficult. This confusion limits users' understanding of the company's services and initiatives, leading to lower overall engagement.
Background
The Hong Kong Nuclear Investment Company (HKNIC) is part of CLP Holdings Limited. It invests in the Guangdong Nuclear Power Joint Venture Company, which operates the Daya Bay Nuclear Power Plant, providing 25% of Hong Kong's electricity.
This project aims to modernise the website to showcase HKNIC's dedication to innovation and sustainability in the energy sector. By updating the design and functionality, we will improve user experience and better communicate the company's mission and values.
HKNIC
Official website revamp
Year
2021
Role
UI design, Design system, Prototyping
Website Link
