Soliloquy Blog

WordPress slider tips, Tutorials and Resources.

Illustrated Slider Showcase

by Brenda Barron on November 8, 2018

Do you want to see some fantastic examples of sliders with an illustrated theme? Sometimes you want your website to reflect your business a bit more personally, and a slider with illustrations might just be the perfect touch. Including illustrations can be a great idea for a variety of reasons!

  • Illustrations add a personal touch to your website
  • They make your site stand out
  • Art may reflect your brand, tone, or ideals better than photography

Looking for some inspiration? Here are some sliders using awesome illustrations and designs!

Oleg Gert

Oleg Gert's illustrated slider, showcasing several pieces of artwork in a smoothly scrolling line

Here’s an awesome example of how illustrators can use a slider to display their work. This fullscreen carousel allows you to get a good look at the artist’s work in all its glory. And you would think a tab for 100+ art pieces would look unwieldy, but the navigation looks natural and allows you to scroll quickly through the art.

Made by Shape

Made By Shape's homepage hero slider, with an illustration of a man working in a room

This site uses a few illustrated sliders. The hero image slider introduces you to the company with art depicting life as an employee, shaded with the company’s pale red. Just above the footer is another versatile carousel that mixes art and photography from the company’s  Instagram feed. You can find similarly designed carousels scattered across the website too.

Pitch

Pitch's illustrated slider, with an image of a camping scene

Pitch’s beautifully illustrated headers slide along to show you various lively campground scenes. It’d be hard to pick one that best represents them, so why not let users click through to see them all? In each piece, though, one constant remains: the tents in the center of the image.

Fonts

Fonts' homepage slier, which shows off several of their fonts all at once

What better way to entice new visitors into your font repository than with a banner showing off some of the typography? These awesome posters and hero images look amazing. And nothing convinces people to purchase from you more than showing them successful examples right on the home page.

Carlos G. Notario

Carlos G. Notario's slider, using 3D illustrations to a unique effect

This one is certainly unconventional, but it pulls off its uniqueness well. Click and drag to slide through each panel; you can play with the 3D models’ positioning using your mouse! The video game-like tutorial on controlling the website is a fun little quirk too. If you want to create a slider that uses 3D objects, take note.

Finding Margarete

Finding Margarete's slider, displaying black and white photos on an illustrated background

While the contents of each slider depict old black and white photographs or copies of letters, the artistic background and paper textures really set the scene for this tragic tale. The illustrated navigation arrows also add a somewhat more personal touch.

Historia Arte

Historia Arte's slider, used to show off various pieces of classic artwork

With so much classical art to show off, a carousel is just the right thing to put on the home page. Hover an art piece to see it in color, and click it to learn more and be presented with related pieces in slider format!

Fitbit 2013

Fitbit's slider, with a illustration of a large puffer-fish floating above a submarine

What better way to present lots of fun facts than with a big vertical slider and a bunch of zany art and animations? Both the colorful art and the interesting facts are bound to keep you scrolling.

The Cool Club

The Cool Club's simple but fun slider, with illustrations of various animals

When you sell card games, posters, and other fun stuff, having an illustrated slider can really enhance your site’s playful theme. The bouncy scrolling animations and assorted artworks of people, animals, and objects make scrolling through these carousels pretty fun.

ModSquad

ModSquad's slider, which centers on a bike as various buildings slide past

Here’s a really cool usage of consistency in a slider. As you scroll through this slider and learn why you should choose this company, the background changes while the bike remains in place, giving the illusion of driving down the street. Now that’s cool!

Illustration: A More Personal Touch

Sometimes photography just won’t cut it. Your website needs an artist’s hand to really get that sophisticated, playful, or creative theme across. If you want to include illustrations in your web design, you should definitely consider using an illustrated slider as your home page’s centerpiece!

You should also check out these lively, colorful sliders if you want to add some extra energy to your website!

Don’t forget to follow us on Facebook and Twitter for more slider showcases and WordPress tutorials!

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.