ICT Button with Arrow Green Leaf Toucan Extended

More results from 2020

D4A671AF-CED1-414C-A87D-03FFC1161766 Created with sketchtool.
+ 0 %
Increase in conversion off a high base - Manufacturer
445890D3-330E-4A74-A97E-2B9CB1F68F97 Created with sketchtool.
0 %
Increase on conversion rate - B2B Service Business
65D6315C-5EC8-40CC-823A-AAE13049E07C Created with sketchtool.
+ 0 %
Increase on leads with a simple 1 page UX/UI revamp - April 2020
84612853-B9E5-4948-81FA-40E714419F7E Created with sketchtool.
+ 0
Awards & mentions across 4 different industries (+9 during COVID-19)

Let’s point you in
the right direction

Required fields

Call us curious cats...

Blog

14 Jun 13

20+ Creative Automotive & Car Websites

Josh | Creative Inspiration

creative automotive car websites It’s no surprise that automotive businesses have some of the nicest looking websites. With well known and luxurious brand names hailing from this industry, I’m sure the dollar figures spent to design and develop these visual masterpieces are quite high. The hotel industry might be similar, but we’ve already got a popular post on inspirational hotel websites – be sure to check it out. Most car related websites are “driven” by their stunning product images, but there’s still plenty of inspiration from the content layout, navigation, clever use and manipulation of that awesome imagery. This is NOT a generic list of top automotive brand domains at all. Enjoy our selection of creative automotive & car websites!

Hyundai Veloster

The fancy intro smoothly transitions into a high feature and well crafted parallax scrolling navigation website. The colorize and 360 rotation functions are only the icing on this cake. hyundai_veloster

All new Honda CR-V

Not just because its an Australian website. It is genuine, perfect use of persistent menu & call to actions. Very cool use of scrolling navigation as well. honda cr-v

Mercedes-Benz Citan

This French website for Mercedes Citan is simplistic yet powerful. From the dynamic features page, high-res gallery to the dealer location Google map – it’s all minimalistic goodness. mercedes-benz citan

Lexus Europe

Clean, sleek website at its core. Very image and video heavy website, perfect for the European bandwidth. I particularly like the car model drop down menu with toggling options and the subtle animations used in the world of Lexus filter. lexus europe

Volkswagen winter campaign 2013

Very nice use of screen space whilst using scrolling navigation and animations. The zooming and panning of the landscape is smooth – great usability. The cute 3d animals are also a nice touch. Clever mouse-over scrolling navigation. volkswage winter 2013

Peugeot – discover new aspects

This Norwegian Peugeot site has great use of HTML5 and an effective, consistent car model menu. Also demonstrates uses of embedded full screen YouTube videos. peugeot new aspect

Mazda 6 Malaysia

Clever use of background YouTube videos along with a transparent overlay menu. Nothing super fancy here, just magically light weight and well implemented. mazda6 malaysia

All new Toyota Rav4

Despite being bandwidth-requirement heavy, this Taiwanese Rav4 website is beautifully designed and implemented with lots of HTML5 & CSS3 techonology. toyota rav4

McLaren

Surprisingly many luxury car brands do NOT have cutting edge websites. McLaren was the one that stood out of the crowd, this website executes basic web design principles to perfection. mclaren

Mitsubishi Australia

Classic design, nothing out of the ordinary. This shows that there is absolutely no harm in sticking to what works, there is still beauty in flawless execution of a basic design. mitsubishi

Mercedes Benz Sports Equipment

A perfect example of how web design can transcend languages and cultures. Without being able to read German I can navigate this web page perfectly. The bar dragging functionality is really something, you should definitely try it out. mercedes_benz_sports_equip

Citroen DS5

Such a suave website. A proportionally perfect blend of car interior and exterior imagery, typography and highly intuitive navigation. citroen ds5

Volvo Cross Country Travels

A very different approach to the usual automotive website by exploring the possible experiences a user might have in this vehicle, instead of the usual blatant showcase of features and technology. volvo_cross_country

Mazda A to BT-50

A journey based navigation utilising both video and beautiful imagery of the Mazda BT-50. Fantastically practical for its target audience. mazda a to bt50

Dodge Dart Registry

Highly creative method for buying a new car. A lot of really cool functionality such as 360 degree view of the vehicle, graphical representation of funding progress, magnifying glass for car features to name a few. dodge dart registry

Hyundai Santa Fe Nouvelle Génération

The timeline menu on the homepage is a great example of attention to detail in execution. While the multi layer menu demonstrates good use of prime screen real-estate (above the fold). santa_fe_hyundai

Jeep

Another very good example of standard navigation and great use of product photography. This website has a gigantic amount of content and the navigation is obviously well thought out and beautifully implemented. jeep

New 2013 Lexus LS

Hands down, most likely the best use of parallax scrolling car related website currently. Perfect use of simple animations, seamless transitions and sleek imagery. new lexus ls

Peugot

Consistent with the Peugot’s tagline “Motion & Emotion”, the website has quite a different approach to an automotive brand. There’s no overwhelming fanciness here, just a brilliant creative. peugot

Volkswagen Summer

Very basic and clever usage of parallax scrolling right here. There’s no harm in abusing CSS3 effects when coupled with nice imagery. volkswagen summer

Mercedes – the new A Class

Parallax scrolling is definitely a huge trend in high-end web design right now, this creative was just waiting to be done – scrolling first person view from a driver’s seat. mercedes a-class

Suzuki Swift Sport

This single paged Spanish website uses a fanastic icon-based menu that navigates panning & scrolling pages. Nice use of gradients and shadows in conjunction with car photography.

suzuki_swift_sportCars Cars Cars!

I challenge you to find a current and better list of creative automotive & car websites on the internet! Leave a comment if you do find one, or drop a quick note on your favourite car related website. Also be sure to check out our other showcase of awesome uses of website typography from our blog.  

Google Rating