This document is Marc-Oliver Gern's portfolio, which includes 3 sentences: 1) It summarizes his qualifications and contact information. 2) It provides examples of projects he worked on for various companies including creating websites, online shops, and virtual experiences for Philip Morris, T-Mobile, Germanwings, Olympus, Adidas, and Mercedes Benz. 3) The portfolio demonstrates additional work such as style guides, campaigns, and a digital guiding system for the Max-Planck Institute.

1. Portfolio
Digital//
Name Marc-Oliver Gern Qualification Communication-Design (MA)
Phone +1 604 902 1196 eMail mo.gern@googlemail.com

2. JOB APPLICATION // MARC-OLIVER GERN //

3. 1.5 // Person Philip Morris International //
Projects HeatbarTM UK Online Shop // 2006
Other Projects www.heatbar.co.uk (Launch Nov. 2006)
1
PORTFOLIO WEB // MARC-OLIVER GERN //
2
1. Heatbar Virtual Tasting Room London (Home)
2. A journey for all Senses, Promotion Site
(Tasting Room)
3. Heatbar Virtual Tasting Room, Subpages 3

4. 1.6 // Person Philip Morris International //
Projects HeatbarTM Product Website //
Other Projects www.heatbar.ch (needs registration)
2
Co-Formed a new product category. Developed basic
brand and interactive elements and established it
within the digital marketing channel. Leaded, directed
and executed overall business strategy online.
1. Heatbar branded Website (Home)
2. Further subpages
PORTFOLIO WEB // MARC-OLIVER GERN //
“We are not creating a brand,
we’re creating a new product category“.
1

5. 1.8 // Person Lates Project
Projects netbiscuits 2007
Other Projects
Analyzed market. Developed the corporate and web
design. Created and delivered basic brand elements,
advertising and marketing materials. Leaded and
directed the brand online and offline from zero to hero.
PORTFOLIO WEB // MARC-OLIVER GERN //

6. 1.9 // Person Website Relaunch, Wiki Tool,
Projects different applications.
Other Projects
1
3
Leaded and directed the brand online. Developed web
campaigns and overworked the corporate website.
PORTFOLIO WEB // MARC-OLIVER GERN //
Implemented overall business strategies and direct
marketing tactics.
1. Interactive Game, based on WII
2. Website
2 3. E-Campaign
4. Mobile Service Platform
4

7. 1.10 // Person T-Mobile International //
Projects Website & Online Styleguide // 2006
Other Projects www.t-mobile.de
PORTFOLIO WEB // MARC-OLIVER GERN //
3
Develop a style guide with the motto „Smart Simplicity“.
Harmonize the content structure and user processes
across 6 country websites. Bring the e-business
strategy online.

8. 1.14 // Person Germanwings International //
Projects Website & Online Styleguide // 2005
Other Projects www.germanwings.com
1 2
Positioning as Smart Travel Portal, increase generation
of advertising proceeds and commission payments as
well as a reduction in costs for the Call Centre. Targe-
ted communication with international customers.
1. Homepage
2. E-Mail Marketing, Mailshot
3. Microsite promoting and explaining „My German-
3 wings“ (Persopnalized Costumer Area)
4. Germanwings Webstyleguide
5. Online Campaigns
4
PORTFOLIO WEB // MARC-OLIVER GERN //
5

9. 1.15 // Person Germanwings International //
Projects Microsite „Travel Community, Tips“ // 2005
Other Projects
1
2
PORTFOLIO WEB // MARC-OLIVER GERN //
1. Layout sketches
2. Screenshots from the flash-application
(For explanation see following site)

10. 1.16 // Person Germanwings International //
Projects Microsite // 2004/05
Other Projects
1 2
3
This and the previous page: Keep the user in touch
with the brand – even when they are not online. Inspire
PORTFOLIO WEB // MARC-OLIVER GERN //
the purchase of tickets. Production of the German-
wings brand. A screensaver that gives the user up-to-
date information and provokes a feeling of wanderlust
– in connection with the Germanwings brand.
1. Opening Page
2. Subpages
3. Layout Scribbels (for presentation in create phase)

11. 1.18 // Person Olympus International //
Projects International Website // 2004
Other Projects www.olympus.com
1
3
PORTFOLIO WEB // MARC-OLIVER GERN //
Create a uniform, international appearence, strengthen
brand communication and improve image. Position
Olympus Europe as a benchmark.
1. Subpage. integrated online campaign
2. Microsite for promoting new cameras
1 3. Gateway (Home, Europe)

12. 1.19 // Person adidas //
Projects Microsite „Originals Fragrance“ // 2005
Other Projects www.adidas.com 1
2
PORTFOLIO WEB // MARC-OLIVER GERN //
Develop a microsite to be integrated into
the existing adidas Originals website for
the launch of the new adidas fragrance
“Originals Pour Homme”. A scented post-
card functionality should be created as well.
1. Microsite, Home
2. Subpage

13. 1.20 // Person adidas //
Projects Microsite „Testrun 28“ // 2006
Other Projects www.adidas.com 1
The offer, which is taking place at various
adidas dealers, should be promoted via the
microsite. Also, the image of the adidas
running shoes should be increased and
promotional sales should be encouraged.
1. Microsite, Homepage & further
subpages
2. Mailshot
PORTFOLIO WEB // MARC-OLIVER GERN //
2

14. 1.21 // Person Mercedes Benz International//
Projects Brand Website, Vans & Transporter // 2003
Other Projects www.mercedes-benz.com
2
1 First step: Development of an integrated online strat-
egy for the Mercedenz Benz Transporter & Vans Sites
to communicate the brand repositioning. Second step:
Development of an interactive campaign platform.
Last step: Set off a large range of online marketing
activities
1. Homepage, Vans & Transporter
2. Different microsites & promotion sites
PORTFOLIO WEB // MARC-OLIVER GERN //

15. 1.22 // Person Max-Planck institute //
Projects Digital Guiding System // 2003
Other Projects
1
2 Contribution for the Competition called „Kunst am Bau“
for the Max-Planck Institut Stuttgart Büsnau. Büro
uebele, the well known graphic design agency in
stuttgart (work awarded with over 120 international
awards) developed a environmental, multimedia con-
cept together with the artist Karin Sander. The chal-
lenge was to bring together information (visual guiding
system) and offerings for students – its like a floating
3-D picture in an architectural room.
1. Interace
2. Animation (Loop), with projections on different walls
PORTFOLIO WEB // MARC-OLIVER GERN //

16. 1.25 // Person Miscellaneous
Projects KS Models
Other Projects
PORTFOLIO WEB // MARC-OLIVER GERN //

17. 1.26 // Person Get inspired!
Projects For other stylebooks send eMail to:
Other Projects mo.gern@googlemail.com
1
2
3
PORTFOLIO WEB // MARC-OLIVER GERN //
1. Portfolio „Brand Environment Design“
2. Portfolio „Logos & Icons“
3. Portfolio „8 Scetches“

18. Inspire.
Engage.
Involve.
Push & Play.