Equal Opportunities Commission

Introduction

As a front-end developer, I revamped the website for the Equal Opportunities Commission (EOC), a statutory body in Hong Kong dedicated to promoting equality and combating discrimination. The focus was on optimizing mobile responsiveness, enhancing web accessibility, and simplifying information access. Additionally, the goal was to reduce reliance on phone inquiries by introducing user-friendly online forms.

My Role

Frontend Developer

Project Scope

2 UI/UX Designers, 3 Frontend Developers, 2 Project Managers, Backend Developer Team

Link

https://www.eoc.org.hk/en/arrow_outward

Duration

8 months

Languages/Tools

HTML
CSS
JavaScript
jQuery
Bootstrap
Git
Adobe XD

Problem Discovery

The previous website lacked responsiveness and intuitive navigation, resulting in a dated design that lacked modernity and visual appeal.

Project Requirement Scope

Working with clients defined the project goal of repositioning EOC for better customer alignment.

Organization Objectives

Increase website traffic and user engagement metrics
Improve conversion rates for key actions
Strengthen brand perception and recognition

Customer Goals

Enhance the website's visual appeal and user experience
Provide easy access to information and resources
Foster engagement and interaction with the website

Constraints

Existing branding guidelines
Ensure cross-browser compatibility and responsiveness
Compliance with accessibility standards (e.g. WCAG guidelines)

My Responsibilities

Implement responsive design principles and intuitive navigation
Collaborate with designers and backend developers
Conduct thorough testing and debugging

Solution

A comprehensive website refresh to redefine EOC's information dissemination approach, ensuring a modern and user-centric digital experience.

Visual Appeal

Enhancing User Engagement

The website was revamped with a modern design, aligning color schemes, typography, and graphics. This reinforced brand identity, improved user recognition, and enhanced engagement.

Mobile

Improved Responsiveness

Seamless browsing experience

Ensure full compatibility across various devices for seamless browsing and navigation.

Streamlined Inquiry Process

Transition to Online Forms

The implementation of user-friendly online forms streamlined the inquiry process on the EOC website. This enhancement improved accessibility and facilitated smoother communication with users.