NDA Project
Electric Utility Website —
Redesign of a
Hong Kong Electric Utility Website
Our team was tasked with redesigning the website for a Hong Kong electric utility company, with a focus on conveying the company's tagline of "Powering for sustainability".
Problem Statement
How to convey the value of "Powering for sustainability" by UI elements?
About.
Role
Product Designer
Timeline
Sep 22 — Dec 22
Tools & Relevant systems
Figma, Miro, Survey.js
Project Overview
We proposed a new visual theme for the website, using leaf shape cards and plant and root elements to convey the idea of sustainability. We also studied the site map and proposed improvements to the navigation bar to make it easier for users to find the information they need. Our team built the design library and created the homepage, page templates, navigation bar, footer, and other elements step by step, resulting in a successful launch of the new website.
Design Elements.
-
Leaf shape cards and plant and root elements to convey sustainability
-
Color scheme of white, red, green, and grey to represent the brand and environment
-
User-friendly navigation bar with improved hierarchy and presentation of 4 levels of inner pages
-
Consolidation of information to simplify the website for all-ages users
Approach.
Our team began the project by conducting research on the company's brand, values, and target audience. We then proposed a visual theme that would convey the idea of sustainability while remaining true to the company's branding. We worked closely with the client to refine the design and ensure that it met their requirements. Next, we studied the site map and proposed improvements to the navigation bar to make it more user-friendly and easy to navigate. We built the design library and created the homepage, page templates, navigation bar, footer, and other elements step by step, with regular feedback and input from the client throughout the process.
