WING.
Discuss.hk Lite App
Responsibility
Planning / UXUI Design / Prototyping
Design Tools
Figma / Illustrator
Target User
Young forum members
Purpose
The decision to redesign the application stemmed from multiple challenges in the previous version. It's outdated design style lacked alignment and consistency, making maintenance difficult and adaptation cumbersome.
Design Period
Feb 2023 - Sep 2023
insights.
Today’s users value speed and efficiency. We expect straightforward application design with minimal loading and effort.
A fast, seamless experience that enables quick browsing, instant interaction, and simple navigation is essential to keep users engaged and satisfied.
Persona.
Young forum users (16–35) who seek trending topics and quick engagement. They browse in short sessions, often on the go, preferring fast access, simple navigation, and instant replies.
Frustrated by cluttered UI, they value a modern, lightweight design that supports quick reading, reacting, and sharing.
Information Architecture.
The Information Architecture (IA) of Lite App was restructured to provide a clearer and more scalable framework. The previous version lacked alignment and hierarchy, making it difficult for users to navigate and for the system to accommodate new features.
wireframing & Prototyping.
To translate the restructured IA into tangible interactions, I created detailed wireframes and interactive prototypes. The wireframes focused on simplifying navigation, clarifying hierarchy, and ensuring a clean, modern flow.
Design System & Accessibility.
The UI design was built on a modern design system that emphasizes consistency, accessibility, and adaptability across light and dark modes.
UI Design System
Components
Reusable building blocks designed for consistency and clarity. Includes buttons, forms, cards, navigation, modals, notifications, and icons — ensuring a cohesive, accessible, and scalable interface across the product.
Light & Dark Mode
Dual themes adapt to different environments, reducing eye strain and enhancing user comfort while keeping a cohesive brand identity.
Discuss.hk
Lite App
Responsibility
Planning / UXUI Design / Prototyping
Design Tools
Figma / Illustrator
Target User
Young forum members
Purpose
The decision to redesign the application stemmed from multiple challenges in the previous version. It's outdated design style lacked alignment and consistency, making maintenance difficult and adaptation cumbersome.
Design Period
Feb 2023 - Sep 2023
insights.
-
Today’s users value speed and efficiency. We expect straightforward application design with minimal loading and effort.
A fast, seamless experience that enables quick browsing, instant interaction, and simple navigation is essential to keep users engaged and satisfied.
insights.
-
Today’s users value speed and efficiency. We expect straightforward application design with minimal loading and effort.
A fast, seamless experience that enables quick browsing, instant interaction, and simple navigation is essential to keep users engaged and satisfied.
Persona.
-
Young forum users (16–35) who seek trending topics and quick engagement. They browse in short sessions, often on the go, preferring fast access, simple navigation, and instant replies.
Frustrated by cluttered UI, they value a modern, lightweight design that supports quick reading, reacting, and sharing.
Persona.
-
Young forum users (16–35) who seek trending topics and quick engagement. They browse in short sessions, often on the go, preferring fast access, simple navigation, and instant replies.
Frustrated by cluttered UI, they value a modern, lightweight design that supports quick reading, reacting, and sharing.
Information Architecture.
-
The Information Architecture (IA) of Lite App was restructured to provide a clearer and more scalable framework. The previous version lacked alignment and hierarchy, making it difficult for users to navigate and for the system to accommodate new features.
Information Architecture.
-
The Information Architecture (IA) of Lite App was restructured to provide a clearer and more scalable framework. The previous version lacked alignment and hierarchy, making it difficult for users to navigate and for the system to accommodate new features.
wireframing & Prototyping.
-
To translate the restructured IA into tangible interactions, I created detailed wireframes and interactive prototypes. The wireframes focused on simplifying navigation, clarifying hierarchy, and ensuring a clean, modern flow.
wireframing & Prototyping.
-
To translate the restructured IA into tangible interactions, I created detailed wireframes and interactive prototypes. The wireframes focused on simplifying navigation, clarifying hierarchy, and ensuring a clean, modern flow.
Design System & Accessibility.
-
The UI design was built on a modern design system that emphasizes consistency, accessibility, and adaptability across light and dark modes.
UI Design System
Components
Reusable building blocks designed for consistency and clarity. Includes buttons, forms, cards, navigation, modals, notifications, and icons — ensuring a cohesive, accessible, and scalable interface across the product.
Light & Dark Mode
Dual themes adapt to different environments, reducing eye strain and enhancing user comfort while keeping a cohesive brand identity.
Design System & Accessibility.
-
The UI design was built on a modern design system that emphasizes consistency, accessibility, and adaptability across light and dark modes.
UI Design System
Components
Reusable building blocks designed for consistency and clarity. Includes buttons, forms, cards, navigation, modals, notifications, and icons — ensuring a cohesive, accessible, and scalable interface across the product.
Light & Dark Mode
Dual themes adapt to different environments, reducing eye strain and enhancing user comfort while keeping a cohesive brand identity.