Explaining the CGI Process

Explaining the CGI Process – HTML 5 Webspecial

What is CGI and how does the creation process look like?

This interactive webspecial shows the entire CGI process illustrated with the Mercedes-Benz S-Class Coupé. The webspecial contains 7 modules. Each module depicts one step of the CGI process and its possible outcomes. The user can explore the modules by changing the lighting, materials etc.
The entire site is a HTML 5 One-Pager.

I produced the elements needed for the html-web creation (seemless transitioning clips, ui-elements and so on) as well as a 6 minute mokup video which shows the website-navigation and functions.

You can see the page here

And watch the video there


Tasks: 2D Layout, Planning & Animation, UI-Design, Transition Effects & Template Creation in After Effects

Software used: Adobe After Effects


Client: MACKEVISION / Daimler AG

Year: 2016

Leave a Reply

* Checkbox GDPR is required


I agree