Five great websites & what you can learn from them

31 Jan 17 Chris Cooke

SHARE:

Here in the Tilt Interactive Team we trawl through a lot (and we mean A LOT) of websites looking for inspiration. Whether that's searching for beautiful typography, or looking for interactions that make us smile.

Which got us thinking...

Why not share some of the best discoveries in a neat, blog-friendly little package every month? And, we’ll make it as useful as possible by answering three questions:

– What do we like?
– Why do we like it?
– What one thing could you learn and apply to your projects?

So, enough of our gibber, let’s get started:

 

 

Rainforest Foods

What do we like?
Although from a UX perspective this probably isn’t a great example, the visual approach on this site takes the internet to the next level.

Why do we like it?
Taking full advantage of Pixi JS 2D webGL renderer, an immersive website overall.

What one thing could you learn and apply to your projects?
Break the grid. Make use of the entire canvas on your screen. This website pulls the user’s attention in so much more, and we love that.

Visit the Rainforest Foods website

 

 

Hervis Bergluft

What do we like?
A story set in the hometown of our resident Austrian, Dave Weiss. This website beautifully displays the tone and landscape of this region.

Why do we like it?
We love the use of SVG flourishes, and typography.

What one thing could you learn and apply to your projects?
Simplicity. The use of strong imagery capturers the user and helps to reduce the need for long blocks of text.

Visit the Hervis Bergluft website

 

 

Orange – Happy 2017

What do we like?
Fluid movement and a strong illustration style.

Why do we like it?
The use of HTML 5’s canvas produces a great optimised experience.

What one thing could you learn and apply to your projects?
In a sea of corporate New Years wishes, this alternative concept helps to set their message apart. A nice idea goes a long way.

Visit the Orange Happy 2017 website

 

 

Sézane

What do we like?
Many discussions have gone into this website, as to whether it is the content or the design that makes this so good. We think they work together in unison.

Why do we like it?
It’s a great example of a WordPress backend.

What one thing could you learn and apply to your projects?
Deep brand awareness leads to a strong art direction. This is clear in the imagery and content on this website.

Visit the Sézane website

 

 

Merci-Michel

What do we like?
Showcasing their projects as you flow through the website, smooth transitions lead you from one page to another.

Why do we like it?
A great use of modern web technologies.

What one thing could you learn and apply to your projects?
Using a single level hierarchy and encouraging the user to scroll from left to right helps to create a linear overview.

Visit the Merci-Michel Website