Ruby Jayne
Updated on 17 May 2022 · 4 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.

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

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

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

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

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

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 2022. Web Design Manchester
All Rights Reserved. Privacy Policy