Shen Xiaoli | Portfolio 2017

Quantum
OPEL Relaunch

Quantum: OPEL Relaunch

1/3

my job in detail

I was responsible for the research, design and prototyping of user interactions, working closely with information architects, graphic designers, and testers.

With solid background in front-end development and hands-on UI/UX design experience I was able to take care of interaction details, propose and demonstrate design solutions, and build the hi-fi prototype with cutting-edge front-end technologies.

The CSS and JavaScript packaged in the prototype delivery served as a valuable resource for the client's implementation team.

role UI/UX Engineering & Prototyping

tools

Microsoft Azure
HTML5 & CSS3, JavaScript
Bootstrap with SASS
Adobe Creative Suite

client Adam Opel AG

agency MRM//McCann Frankfurt

UI/UX design and specification for the big relaunch of OPEL's international web marketing platform, which refreshes the brand image and integrates complex functionalities such as intelligent buying guide and car configuration.

A fully responsive high fidelity prototype was delivered, which specified and showcased nearly all user interaction details.

More info Less info

ARD.de
Media Platform

Ard.de Media Platform

2/3

my job in detail

I accompanied this project from initially building the UI/UX prototype to the final implementation of the fully responsive, multi-device compatible front-end.

For best user experience a responsive/adaptive media loading framework was developed from scratch, programmatically offering the most suitable media format and presentation.

role UI/UX Prototyping
Front-end Development

tools

HTML5 and Flash
Bootstrap with SASS
jQuery
Adobe Creative Suite

client ARD (Association of Public Broadcasting Corporations in the Federal Republic of Germany)

agency Syzygy Bad Homburg

ARD (Association of Public Broadcasting Corporations in the Federal Republic of Germany) is the largest public broadcaster in Germany as well as in the world.

The online media platform offers live streaming TV programms and other media content to all devices with internet access. Smart TV, PC, tablet, smartphone...each device receives the experience best tailored for its screen resolution and internet connection.

More info Less info

ADAM Visualizer

3/3

my job in detail

I was responsible for the design of front-end business logic as well as the development and maintainence of the complex client-side application.

For new features and requirements I participated in the UI/UX conceptualization and interaction design, defined front-end and backend data communication API, composed solution sketch, and led the front-end implementation.

role Front-end Development

tools