YunDing Analytic System

Visual Analytics of User Behavior

My Roles

Front-end

Design

Client & Date

Tencent

2014 - 2015

Methods

MVC Pattern

Single Page

Tools

Photoshop

Html/Css/Js

HighChartJS

GruntJS

The purpose of YDAS is to help companies to grasp first-hand market information and offer insight into the competitors' market. Meanwhile, the data of users' habits provides us clues to improve the product performance.

The database of YDAS is from a various types of recruited netizen samples representing the whole internet users.

My Responsibilities

In the project, I led the front-end development and took charge of the first version of product design.

In terms of the front-end development, I utilized SesJS (similar to RequireJS) to solve the problem of the namespace and the file dependency. I also automatically executed the minification, combination and other repetitive tasks with GruntJS (recently I prefer to use GulpJS).

For a large number of interactive charts, I managed to use a Javascript charting engine - Highcharts and created my own charts to achieve the customized requirements from product manager. During the process, I also extracted a module to customize the graphs in the Highcharts, which has been utilized into other projects.


Speech: Build a SeaJS-based Project

Task Flow
What They Say About Me
henry

She is dependable and strong in actions. In the project of YUNDING, she is versatile, working on both design and development tasks. Her works are accomplished with high quality and speed, sometimes beyond our expectation.

Henry Huang - Project Manager

colin

She converts PSD design into HTML/CSS with efficiency and high quality. Almost nothing needs to be improved when comparing the original design and HTML page.

Colin Zan - Designer