Ruby Jayne
Updated on 06 Jan 2021 · 6 min read

Best websites that use Illustration and Animation

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.

1. 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.

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.


http://www.species-in-pieces.com/

2. 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.


https://www.vertbase.com/

3. 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.



https://lovvelavva.com

4. 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.

https://www.squadeasy.com/

5. Goliath Entetainment

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 inivative 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.

https://www.goliath-entertainm...

6. 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.


http://future-living.tv/en/home

7. 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.


https://paperplanes.world/

8. 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.



https://www.sbs.com.au/mygrandmotherslingo/

9. 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.


http://www.proudandpunch.com.au/

10. 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.

https://bycyklen.dk/

11. 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.


https://www.kukla-kit.com/

12. 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.

https://www.bluereceipt.com/

13. 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.

https://streamlineicons.com/ux/

14. 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.

https://crew.tubikstudio.com/

*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

Written by
Ruby Jayne

Related Blogs