Huikang's Portfolio

introduction

About QQ Windows

The QQ Windows v8.0 series was launched at 2015, which has been more than two years since its release. With the rise of mobile internet products dominating the market and shaping the future, QQ Windows seems to have gradually been overlooked.

However, as one of Tencent's earliest products with a massive user base, QQ Windows is still important. After a long period of neglect and a lack of updates, it needs a fresh brand upgrade to breathe new life into it.

The PC QQ 8.0 series was launched at 2015, which has been more than two years since its release. With the rise of mobile internet products dominating the market and shaping the future, PC QQ seems to have gradually been overlooked.

However, as one of Tencent's earliest products with a massive user base, PC QQ is still important. After a long period of neglect and a lack of updates, it needs a fresh brand upgrade to breathe new life into it.

previous version

summary of the issues

Visual Style Feels Outdated

Brand colors and the styles

appearing rather outdated

Brand colors and the styles

appearing rather outdated

Brand colors and the styles

appearing rather outdated

Brand colors and the styles

appearing rather outdated

UX Is Not Smooth

Transitions feeling disjointed,

lack of responsive feedback

Transitions feeling disjointed,

lack of responsive feedback

Transitions feeling disjointed,

lack of responsive feedback

Transitions feeling disjointed,

lack of responsive feedback

Complex Information Structure

Cluttered and inefficient structure

How to revitalize PCQQ, infusing it with freshness and vibrancy?

Inspiration Source for Visual Style

Polar

Penguin's habitat

Sky

Pure blue

Snowfield

Sleek white

Aurora

Dazzling brilliance

design language

Dynamic and Vibrant Brand Colors

Smooth and Fluid Animated Transitions

Clear and Concise Information Structure

redefine branding color

more bright and livelier

Analogous color selection, choosing several adjacent colors.

Hue & saturation

Gradient

Mesh + Gradient (turbulent effect)

Portal bridging the transition between 2 interfaces

animated process of login

Portal bridging the transition between 2 interfaces

animated process of login

Portal bridging the transition between 2 interfaces

animated process of login

motion experience

Enhancing usability and smoothness

Dynamic, lively user experience

Transition effect in the login interface

Scrolling message list

with bounce effect

Scrolling message list

with bounce effect

Scrolling message list

with bounce effect

Scrolling message list

with bounce effect

expansion and collapse effect of the toolbar

Customizable skin themes

We enable users to customize skin themes, providing them with a more personalized and customizable experience.

Website

positive User feedbacks

After the release of the new version, we received a significant amount of positive feedback, with users expressing their approval and appreciation for the fresh redesign.