Porsche · Web design · 2019
A pre-order site for the Porsche Taycan
Mediamonks Hilversum asked me to design a promotional website to drive pre-orders for the Taycan, Porsche’s electric sedan, ahead of its launch. It had to win over buyers who care about the brand and about having the best, and give spec-minded buyers a way into the details.
- Client
- Porsche
- Agency
- Mediamonks Hilversum
- Role
- Digital designer
- Year
- 2019
- Scope
- Desktop and mobile
- Status
- A pitch, never released
Designing for automotive
Car brands change slowly, more slowly than fashion or consumer goods. The site opens on an interactive WebGL teaser: particles hint at the car’s silhouette and the Porsche crest, and hide the low-polygon model underneath.
The audience is specific. The typical Porsche owner is about 40, a college graduate, with a household income over $100,000.
Aircraft cockpit
For that buyer I wanted an image they’d read instantly and feel something about: a fighter-jet cockpit HUD.
The main screen shows the Taycan’s six key performance figures and links to the four main sections: technical specifications, look and feel, supercharge technology and the custom-built platform. The HUD responds to the mouse, and to tilt on tablets and phones.
800 volts
The charging screen uses aggressive, high-energy imagery. 800-volt fast charging is serious technology, and the screen should feel charged.
Tech specs page
Scrolling on, the car turns translucent and the page moves into the specs, starting with the dimensions.
Rotating the car or clicking the side arrows plays a loop of three highlights, each a selling point, timed by a line underneath. The car rotates freely.
The details follow further down.
Environment tested
Porsche tests its cars in every weather and on every road surface a driver will meet. This section shows it.
Range
Range is the first question for anyone buying an electric car, so this section shows what 500 km on one charge looks like.
The page closes on the interior and its build quality.
All images belong to their respective authors.