Ruby Jayne
Updated on 21 Oct 2022 · 6 minute read

Best websites that use Illustration and Animation

Contents

In this article, I've found a few websites of what I believe to be the best websites that use illustration and animation to add that extra something.

Chewchoo Your Dogs Treat

This site is very colourful, inviting and has a vast number of bespoke illustrations throughout. It breaks the mould for this kind of website. We absolutely love the style of this website, with the minimal background shapes, it really ticks all the boxes for a illustration website.

View Live Site

Chewchoo Your Dogs Treat

The Forgotten Toys Project

A great initiative, with some really nice, minimal illustrations. 

View Live Site

The Forgotten Toys Project

Species in Pieces

Species in pieces are their own words ‘A CSS-BASED INTERACTIVE EXHIBITION CELEBRATING EVOLUTIONARY DISTINCTION.’ it showcases the animals off in a low-poly style illustration using triangular pieces.

View Live Site

Each animal looks great! The transition between them flows nicely to each animal. It is very clever that each one is made up of 30 pieces, onlychanging in colour, size and placement to create each animal. They have also included subtle animations to bring each animal to life.

Vertbase

Most websites which use Illustrations seem to feel the need to have them as big, and as noticeable as possible, but with Vertbase they use a nice minimal and neutral design. I like the colour palette and the animation and illustration style is very unique.

View Live Site

Lavva

This website really stands out and creates this vibrant tropical feel. The illustrations are almost like 3d paper cut-outs layered on top of each other, giving it a lovely texture and depth to the page. I love the minimal animations as the page loads and as you scroll down the screen.

View Live Site

Memoria Basetis

As soon as you land on the website, you're taken to a holding page with a nice city vista illustration auto scrolling in the background. Once you enter the site, you scroll to go across the site, which has lots of animated illustrations, interactive elements and is very inviting. This site is very modern, and again, breaks the mould for this kind of website.

View Live Site

Memoria Basetis

Squad Easy

Squad Easy uses an interactive 3D dog illustration that follows you as you scroll, and who doesn't love a cute puppy dog. A cool feature is that when you scroll fast the dog's head spins and he gets dizzy. The rest of the website content and design is quite simple but having this fun and cute interaction as you scroll makes you want to explore more.

View Live Site

Goliath Entertainment

This is one crazy website which uses a pop art style and fun animations. It's amazing how much is going on. The main banner is covered in interactive animation, relating to the different sections of the site. For example the banana phone takes you to the contact section. This is clever and innovative way of a different navigation. The art style and parallax animation is carried across the whole site. The design is colourful, wacky and fun to explore.

View Live Site

Vana

Vana is quite different to any of the other websites featured here as it's a very high detail, high resolution, ultra realistic style of illustration... The site features lots of different, bespoke illustrations which help tell the story of their company, and how they work.

View Live Site

Vana

Future Living

Future living, tells us a story using many different 3D illustrations about an ever-growing and overpopulating world. I like how the environment moves with your movements and creates this parallax effect. The story is simple but effective thanks to the design.

View Live Site

Paper Planes

This is a nice site using a low poly style design. It doesn't have much in terms of content, but its interactions and the animation of the planes going around the world was something that made me think I couldn't leave it off this list.

View Live Site

Spotify Astrology Club

Spotify are constantly releasing pop up websites which entice the users to interact with to find bespoke playlists and podcasts on the Spotify app.. It's a great way of marketing their app, and keeps the user coming back for more. This website has a lot of minimal, colourful illustrations, badges and elements which make you just want to carry on exploring.

View Live Site

Spotify Astrology Club

My Grandmothers Lingo

An interactive storybook illustrated and animated to teach and tell you about a language the interactivity, making it more fun and engaging for the users. The drawn white lines against the black background make it really dramatic and unique. Your eyes are drawn to the animated elements.

View Live Site

The Coffee Miners

The Coffee Miners website is filled with minimal illustrations and subtle animated backgrounds which, as you scroll through create a totally unique user journey. It helps to tell the story of their product in a unique way.

View Live Site

The Coffee Miners

Proud & Punch

Proud and punch uses beautiful watercolour style illustrations to showcase the different flavours. The illustrations are bright and vibrant, capturing the flavours and their tropical locations. It truly is mouth-watering.

View Live Site

Bycyklen

The style of this website and the use of minimal illustration animation sells their product perfectly. Each slideshow explains a differentiations USP of the e-bike they’re selling. The style works well as it’s not too complicated and allows the user to instantly understand their product.

View Live Site

Dial It Down

Dial It Down is a website from New Zealand Human Rights Commission which brings up the issue of online abuse. With it's friendly, minimal illustrations they help to educate the user on how to be respectful of others. The illustrations really help to convey the message in a subtle way, and that's great.

View Live Site

Dial It Down

Kukla Kit

This is a website that promotes and sells 3D illustrations for commercial use. I love the 3D style of these illustrations, the detail and the way the website shows the illustrations are easily customised, adjusted and tailored for the user's needs.

View Live Site

BlueReceipt

Unlike most, this website only uses their illustrations for the main header and dotted about sparingly about the webpage. This is another website using 3D/emoji-style illustrations which is very on-trend at the moment. I like the way the emojis float and bounce on screen, simple but clever.

View Live Site

Streamline UX 2.0.

Another website with the purpose of selling the illustrations for commercial use is Streamline UX 2.0. The design is really colourful, stylistic and adaptable. The simple gif animations outlining the websites USP’s works well.

View Live Site

Tubik Studio

Great use of animation and illustration is Tubik Studio team page. Instead of using photos of the team, they've been transformed into abstract art. I especially like the subtle animation and sound when you hover over someone. This is a great alternative to the standard team page.

View Live Site

Retro devices 3d illustrations

This site has been created to sell 3d retro device illustrations so as you'd expect, it's full of oversized illustrations. The illustrations are for use in Figma and Blender and are ultra realistic.

https://retro.wannathis.one/

Retro devices 3d illustrations

Panic Studio

An illustration and animation studio with offices in New York, Paris, London and Berlin. Their website is filled with animation and a variety of different styles and characters. Go check it out.

https://panicstudio.tv/

Panic Studio

Wild Fox Squad NFT

An NFT website created to sell bespoke character illustrations in the form of NFT's.. it's bold, it's colourful and full of subtle animations and gestures.

https://www.wildfoxsquad.com/

Wild Fox Squad NFT

*Bonus MadeByShape*

Last but not least... MadeByShape, we have to mention our own Web Design Agency site that includes bespoke 3D illustrations perfect for our brand and target audience. Even our 404 page has a sweet illustration with subtle animation of the dog's ears twitching and the plant swaying.

You can check out more of our work here

Madebyshape hero header
Madebyshape footer header
Written by
Ruby Jayne

Related Blogs

Follow Us On Social Media

© MadeByShape Ltd 2023. Web Design Manchester
Company Reg Number 10529058. All Rights Reserved. Privacy Policy