This slider design is colorful and slightly retro in feel. It use blue and white, with gradients and border effects, however it updates the design aesthetic with the choice of a modern san-serif font.
The slider has no border or frame effect. Instead, the default change effect ‘photo’ creates a natural border from a dark collage of all the photographs in the slider. This is a fun choice, and gives the slider the feel of a family album.
The navigation through the slides is controlled by two arrows that appear when you hover over the slider. These arrows are bold white arrow heads against a blue background with a gradient and shadows. A white drop-shadow around the button finishes the effect, and makes the navigation arrow really stand out. The navigation arrow and background are all semi-transparent, so that you can see the photos beneath. However, hovering over the arrow makes it fully opaque.
The navigation arrows are very user friendly, being big and bold and obvious. As such, this slider would be great for a website aimed at a slightly less tech-savvy audience.
At the bottom centre of the slider are a series of blue squares that mimic the arrow buttons in that they have a gradient and a white drop shadow. When the blue square that represent the current slide is highlighted, a white dot appears in the centre, with a similar ‘flat shadow’ effect.
The same thing happens when you hover over one of the squares, to navigate through the slides. A white dot appears in the centre of the square. In addition, a preview of the slide appears in a blue frame, and you get a caption that tells you the name of the slide.
In the bottom left corner is the caption. The caption has a blue background that pops out from the left hand side of the slider. This is a nice design choice. The text is white, and there is both a larger title and a smaller sub-title. The font used is Roboto Condensed, a very modern, geometric, san-serif font. This font is an interesting choice that updates this slightly retro slider design along with the ‘flat shadow’ design aesthetic.
The caption as a whole is semi-transparent, like the navigation arrows.
There are a number of change effects to choose from, but the default ‘photo’ is a great choice. It creates a natural frame effect, which provides space for the bold UI and prevents it from covering up too much of the main image. It’s fun and slightly retro, which helps reinforce the slider design. And it allows people to get a glimpse of all the images upcoming in the slideshow, which tells users this is a slideshow and helps ‘tease’ the upcoming content.
This slider is perfect for websites aimed at a less tech-savvy audience, e.g. sites with an older demographic. It also has a slightly ‘home-made’ feel to it, which makes it a great choice for family websites to show off holiday snaps or wedding photographs.