5
Design
Optimization and discussion
I. Information architecture
After a few rounds of evaluation as a team,we agreed to iterate by pages.
In the IA picture the bright outlines are new pages and others are pages need to be redesigned. Furthermore, I marked the number for each, it will be easily to discuss.

II. Wireframe


Isn't it the way that user use to ?
This story happen when I was planning homepage, CEO has opposite opinion with user habit. After discussed I knew that in his opinion the huge carousel waste the most important section of web page. And I verified the situation by google analytics and heat-maps.
Eventually I designed four-segment banner layout to reach an effective promotional information.




III. Design System
Via the branding identity I define design system to maintain product consistency.
💡 : UI kits must include component state, and micro animation if it needed. It can helps engineers clarify elements and reduce modify repeatedly.

IV. Prototype
Before launch we invited our coworkers who also is OwlTing market user to conduct user task, based on screen recording and heatmap analysis to modify web layout and ensure our origin users have delightful experience.

