Airbus Website – Annual Company Report

Ever thought your end of year company reports were boring? Airbus did it a little different. The over complicated graphs and endless rows of spreadsheet data are gone and it’s now presented in a very clean cut, creative way.

 

The piéce de résistance of the website has to be the very appropriate plane journey explaining the vision, beliefs, aims and achievements of the year. As you land on the website you take a journey through the skies while being loosely reminded this is our company report. The combination of video and JavaScript works seamlessly well providing a fully immersive experience. Another worth while mention is how the floating elements in the sky act as quick links to the in-depth web pages for full information, good use of CTAs improving the website CTR.

 

The websites itself is incredibly clean cut with the perfect balance for the UX. The simple animations help give the website an extra dimension which work in harmony with cleverly placed SFX.

 

Overall the website has a very polished and professional feel representative of the Airbus brand. The sky journey really stole the show which couldn’t be more appropriate for the company and has such a great attention to detail.

 

Our rating: 6.8

Website URL: Airbus Website – Annual Company Report

 

Looking to create something like this? Have a chat with us:

Start a conversation


 

Change Gout – Awareness

Explore how Gout affects lives across the globe in a creative yet informative way. The real wonder behind this website is the story behind it with a gentlemen suffering from the condition. He explains what it feels like to be living with the disease described as ‘walking on glass’.

 

To visually explain how it feels the artwork is based around ice like shards surrounding the human structure targeting the key points where pain occurs. The fluid scene/page transitions throughout make for a genuinely pleasant all round experience with a subtle colour scheme used in combination. From a technical point of view the website utilitises the latest in interactive web technologies like HTML5/Canvas. Although still a relatively new technology the website loads fast and is highly interactive with the shards dissolving away as you hover throughout. This type of design is still in it’s early days and uses low poly shapes to increase load times and decrease browser strain (you can read more here where we have mentioned it before).

 

Overall the website is an incredible all round experience on the cutting edge of web technologies. The design in combination with the story and inspiration makes the campaign visually effective explaining the condition which some people may struggle to understand. We’re sure this will help many people learn about Gout.

 

Our rating: 8.7

Website URL: Change Gout – Awareness

 

Looking to create something like this? Have a chat with us:

Start a conversation


 

Google Campaign – Be Internet Awesome

The world we grew up in is now so different to that of how our children will grow up. The age of the internet allows kids of all ages access to the complete world wide web. Googles new campaign helps raise awareness to help protect kids online and ‘teaches kids the fundamentals of digital citizenship’.

 

Why have we mentioned this website you ask? It’s a great campaign from Google and the website itself is based around an interactive game as well as text-based explanation pages for the quick facts. The game part allows you to explore the key areas within the campaign with different interactive games all with an underlying message for kids to pick up and take with them when using the internet.

 

From a technical point of view the website utilitises the latest in interactive web technologies like HTML5/Canvas. Although still a relatively new technology the website loads fast and and uses a nice polygon based graphics set. In the web today where you see this type of technology you’ll see that most of the graphic work is designed in polygon form. The reason behind this is just like in retro video games – where pixels and dots were your main characters- that’s all the hardware could provide, this is the same sort of principle. The current internet bandwidths would not be able to deliver high-res models for use in this sort of application and render fast enough for it work. We’re sure that day will come soon, but until then expect alot more of this sort of design. You can see another design based on this technology on the Mausoleum of Augustus website.

 

Overall the website is a great campaign from Google with a clear message to protect kids online. How better to get those kids engaging with your message than playing video games. The technology behind the website is something we really love to see and would love to see it used more widely but somehow we can’t see it happening till the internet catches up.

 

Our rating: 8.4

Website URL: Be Internet Awesome

 

Looking to create something like this? Have a chat with us:

Start a conversation


 

7UP – Netherlands Website Design

Finding it hard to create the right first impression for your product? 7UP do it perfectly with their Netherlands website.

 

The website showcases the 7UP range available to customers in a very fun, immersive and creative way. The amount of content is actually fairly brief, but has just the right amount to inform the customer about the product and make you reach for a 7UP to clench the thirst.

 

They go all out with the latest web effects to give that added value and with great effect. Although simple/minimalist the artwork and animation works well and provides a seamless browsing experience. Remove the logos, would you guess the brand? That’s clever design.

 

Overall the website gives a fun, enjoyable experience. All the animation and graphic work just shout 7UP and you really get a feel for the brand through the website. Although not the most technical, it is done very well and in our eyes, without fault. If we had to make one comment, with such a great website it would of been great to have the language localised dependent upon country just so the non-dutch speakers can be wowed too!

 

Our rating: 7.3

Website URL: 7UP Website – Netherlands

 

Looking to create something like this? Have a chat with us:

Start a conversation


 

Mausoleum of Augustus

If you’ve ever wondered what the difference between a website and a ‘story telling’ website is, this is a good example by utilising some very creative web tech.

 

The website is based around the Mausoleum of Augustus and provides a perfect balance of creativity and information. Carefully segmented like a book you can explore around the website by using an intuitive UI. With a range of information to display you’d think this would be somewhat confusing however by combining both fixed and fluid UI elements it makes navigating simple.

 

The general design work is done very well, with 3D modelling used in low-poly form to give maximum impact. As you navigate through, the transition effects between models provide a nice buffer between each scene. The minimal theme and gold combination are very in keeping with the website subject also.

 

We really like the use of some newer web technologies to create something different. Combined with the sleek UI it creates a very nice web experience. One thing we felt could of made it even better would of been an injection of colour within the 3D objects to enhance the impact on transition. Overall very well done and it would be nice to see more of this type of web interactivity from museums in the future.

 

Our rating: 7.9

Website URL: Mausoleum of Augustus

 

Looking to create something like this? Have a chat with us:

Start a conversation

Adidas – Climachill 2017

Adidas, good job! We’re used to seeing Adidas produce some very nice websites for their products and this one doesn’t fail.

 

Website design trends are followed closely here. You’ll notice how the current offset square like design is seen a lot throughout the year and is compared to an Art Deco like style (loosely). Now don’t forget about the UX. With this sort of linear design parallax would not go amiss and it’s utilised through scroll based effects, of course nicely done.

 

If you look at little closer the attention to detail pays off. As you interact with the website you’ll be greeted by very nice animation work and sound effects (you’ve been warned!) which bring it to life followed by a full screen video. The icing on the cake has to be the image effect creating a heat wave tying in very nicely with the overall theme and it does look rather nice.

 

Overall the website is done well, themed very nicely and reflects the Climazone product. One thing we have to say is the website could have made better use of parallax by upping the anti on the animation strength to really give maximum impact as they can go under the radar in parts.

 

Our rating: 6.6

Website URL: Adidas – Climazone

 

Looking to create something like this? Have a chat with us:

Start a conversation

Onea – Product focused

Have a product to sell? Take note of this one. The company focuses on product orientated design showcasing – you guessed it – their lights.

 

Bucking the trend of a simple product shot on a web page these guys create an immersive experience indulging the user into how the light would feel in a real life environment and we must say, done rather well.

 

Each motion and transition has a smooth, fluid feel creating a seamless reel of products. If you notice, have you found yourself clicking on more than one product? We did too.

 

Great use of simple, modern design and web based technology bringing the products to life.

 

Our rating: 6.2
Website URL: Onea.DK

 

Looking to create something like this? Have a chat with us:

Start a conversation

Doritos Campaign – GOTG

Doritos have teamed up with the Guardians of the Galaxy movie to promote their new film. The website itself is pretty cool featuring all the usual space theming – if not loveably gimmicky. Page loaders and website transition effects are also very in keeping with the overall space theme.

 

What we love? It’s a really well designed website as you would expect from such larger companies. The UX is very nice with subtle effects creating depth throughout. The level of interactivity is also pretty impressive with seamless transition to and from events.

 

Not to mention if you have a code, there’s a pretty awesome game too.

 

Our rating: 7.2
Website URL: Doritos/GOTG

 

Looking to create something like this? Have a chat with us:

Start a conversation

Hennessy V.S.O.P Privilège

The Hennessy brand website provides a fully immersive experience into the brand. Virtually flawless, the brand utilises the clever web technologies like JS and Web GL to create an extraordinary experience.

 

It’s a real treat to see a website like this that could almost bring a tear to one’s eye. Right from the start you’ll feel an emotional connection to Hennessy through the interactivity, video production and SFX. The attention to detail on every transition, user action and scene is remarkable with no compromise made.

 

This is a very good example of what can be achieved with today’s web technology. Be sure to visit the website to understand what we felt.

 

Our rating: 9.4
Website URL: MFC

 

Looking to create something like this? Have a chat with us:

Start a conversation

Goggles by Wed’ze

If you’re ever looking for a reference for product orientated design then this tops it. Wed’ze have created a ‘break off’ from their main website to really showcase the Goggle range.

 

For ecommerce design, creative tends to get put to the back limiting the user experience (UX). Wed’ze have created an efficient website that consists of fluid transitions that add value to the sale.

 

Instead of saying ‘buy now’ you feel asif you’re on a journey with the goggles and the Wed’ze brand building an emotional connection. It’s not all about the sale with digital, add value where ever possible and make the user feel special.

 

It’s not one of our usual creative picks but this we felt needed a mention, we love the transitions, experience and colour scheme and is a solid ecommerce website.

 

Our rating: 6.4
Website URL: Goggles by Wed’ze

 

Looking to create something like this? Have a chat with us:

Start a conversation