Here in the Tilt Interactive Team, we trawl through a lot of websites looking for inspiration. Whether that's searching for beautiful typography, or looking for interactive experiences that make us smile.
A fresh addition to our “5 great…” series. This time we focus on 5 great interactive experiences that we’ve come across lately. 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?
Let’s get started:
What do we like?
As usual, InVision produces another great piece for the creative community. They’re known for designing products that have the perfect balance between form and function and this is no exception.
InVision have studied design around the world and produced a ‘report’ on ‘what powers great design’. The report focuses on innovative organisations and how their unique approach has enabled their success.
Why do we like it?
The design is minimal and easy to navigate, with some great animation and illustration. The user experience is beautiful and effortless, pushing the boundaries of what the report format can be.
What one thing could you learn and apply to your projects?
This site really pushes the boundaries of report formatting. It shows that non-traditional navigation doesn’t have to detract from the user experience
Visit The Design Genome Projects website
What do we like?
Wow. A striking microsite to show off the collaboration between TGWO & Adidas.
Why do we like it?
The sites film-led approach creates a very cinematic, immersive experience. This coupled with great sound design and light-touch animation creates a multi-layered, immersive experience.
What one thing could you learn and apply to your projects?
When appropriate, good sound design adds an extra level to an interactive piece, making the experience more compelling and keeping site visitors interested for longer.
Visit the Ankoku Toshi Jutsu website
What do we like?
A great site across the board and a lovely balance has been struck between form and function. Not just a beautiful looking site from an aesthetic point of view, there are also some great little animations and transitions in there. The user interactions are generally very simple and establish a ‘light’ and engaging experience.
Why do we like it?
It’s a very refreshing site, easy to navigate and incredibly good looking. Real care has been taken when considering the pace of the site.
The level of subtle creativity, there are lots of nuggets of ‘nice’ design and illustration but they are implemented in a subtle manner and to great effect.
This isn’t a hugely interactive site, but it uses interaction to great effect.
What one thing could you learn and apply to your projects?
Well considered design adds so much to an interactive experience. It doesn’t have to be crazy or hugely groundbreaking, so often ‘less is more’.
Visit the Basic Agency website
What do we like?
An impactful topic with great visualisation and data presentation.
Why do we like it?
Visually enticing and packed full of data. Making use of open-source services like Mapbox, the site has been able to fully customise the interactive elements without holding on to predefined map models. The UX is clean and clear and the interaction with the written content is easily digestible.
What one thing could you learn and apply to your projects?
Making use of well supported open-source services allow a better chance of customisation. Making the content relevant to every user (with the choice of location) is captivating, and sure to get people engaging with the interactive.
What do we like?
Games? No seriously, these are fun games. There is something about an in-browser 3D simulation game that never, ever fails to assist procrastination.
Why do we like it?
A great experiment for both design and code come together to produce something that is both usable and enjoyable.
What one thing could you learn and apply to your projects?
Exploring the realms of real-time physics can be an effective way to display information in a way that doesn’t solely rely on rendered motion graphics. This makes adding and changing content a lot simpler and a lot more fun when you add user-based interactions to the experience.
Want to see what else inspires us?
Read 5 great film websites and 5 great websites
SHARE: