ON: Audi’s A5 Site

@font-face {font-family: 'SIFONN_PRO';src: url('https://joannapenabickley.com/wp-content/uploads/2021/01/SIFONN_PRO.woff') format('woff');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Bold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Bold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Bold.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-BoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-BoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-BoldItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Regular.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Regular.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Regular.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Italic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Italic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Italic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLight.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLight.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLight.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-MediumItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-MediumItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-MediumItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ExtraLightItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Thin.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Thin.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Thin.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-TextItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-TextItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-TextItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-TextItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBold.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Text';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Text.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Text.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Text.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Medium.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Medium.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Medium.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Light.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Light.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-Light.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ThinItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ThinItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-ThinItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-SemiBoldItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-LightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-LightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexSans-LightItalic.otf') format('undefined');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Bold.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-BoldItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-ExtraLight.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-ExtraLightItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-MediumItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Light.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Medium.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Text';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Text.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-ThinItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Regular.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-SemiBoldItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-TextItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-TextItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-LightItalic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Italic.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-SemiBold.woff') format('woff');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2021/09/IBMPlexMono-Thin.woff') format('woff');}

September 30, 2008 — 2 Comments

ON: Audi’s A5 Site

Fun and imaginative. I love the navigation.

It inspires the consumer to discover while allowing the A5 loving consumer to play with all the pieces.
Check it out at http://www.audi.co.za/a5/microsite/

Published by Joanna Peña-Bickley in Creativity, Design & UI, Experience Design

Tags: A5, Audi, Audi A5

Comments

Mike McGrail says:

October 6, 2008 at 10:06 am

I really like this but can’t help but wonder if it is wise to show a car blasting in to pieces?

Mike McGrail says:

October 6, 2008 at 10:06 am

I really like this but can’t help but wonder if it is wise to show a car blasting in to pieces?

SPEAKING ENGAGEMENTS

Joanna is a known as a headline speaker and keynote at conferences, corporations, non-profits, educational and professional organizations. Her subject matter expertise is customized to meet the needs of each audience.
+ View Talks | + Book Joanna To Speak

+ Tune In To DesignedBy.show Podcast
+ ReadyToWear The Future Blog
+ CognitiveExperience.design
+ DesignedByUs.org

FEATURED TALK: Making Magic with Ai

Artificial intelligence (Ai) is the tool of the modern magician. Amidst the great global reset, and another industrial and social revolution, Ai aided design (a.k.a Generative Design) unites math + magic to make what is has been invariable hard — seem remarkably easy.

+ Presentations | + Videos | + Articles

VODCAST: #5THINGS LIVE

Begin the week with a healthy dose of inspiration and exploration. #5Things is a springboard for creativity, invention and thinking big. Join the optimistic intersection of design, tech and modern life on spaceship earth.

Connect with Joanna as she explores SPACESHIP EARTH

ON: Audi’s A5 Site

Share this:

Leave a Reply or Thought Cancel reply

SPEAKING ENGAGEMENTS

FEATURED TALK: Making Magic with Ai

VODCAST: #5THINGS LIVE