Big video meets big interactions.

When big video meets big interactions, you know you’re going to get a great website; and Cover My Meds doesn’t disappoint. The first thing that hits you is the full screen video, which for once is also pretty good quality, especially as it’s not a short loop.

The way this site has been built is a prime example of user experience. At no point does it feel like you’re endlessly drilling down into pages of content. Each sections has a purpose and creates a real sense of the site having depth / layers to it.

From a style POV, I really like the subtle content teaser at the bottom right. This is mainly because it’s not just for style and serves as the divider to the next module.

Cover My Meds - Big Video

As you scroll along, to keep the main menu nice and minimal, you’re met with these contextual menus at the top of the page. It’s a great way of keeping the sideways scrolling action for top tier pages and preventing the user endlessly scrolling for the sake of it.

Cover My Meds - GIF

Microinteractions are key.

Next you’re met with one of many micro-interactions that prompt the user to play the video content. It’s really subtle, but so engaging and adds to the pseudo-3D depth of the site.

Cover My Meds - GIF

Close caption videos.

The way that they deal with video interactions is also beautiful. Key videos are automatically playing which muted, with subtle hints to get the user to play them. I really love the closed captions buttons, however I have noticed you cannot turn them off. A very small detail, but something that irked me.

Cover My Meds - GIF

Pseudo 3D objects.

For me, this is probably the only element that doesn’t really serve a purpose, other than to look cool – but it does that very well. In this case there is a parallax effect on the background which relates to the mouse position. I can’t tell if it’s a 3D object that they’re moving, or whether it’s simply multiple layers with different scroll speeds. However whichever it is, it works very well.

Cover My Meds - GIF

Diving into more content.

Each major section that you scroll to also has a button at the bottom which changes depending on the content you’re currently viewing. When you click the button, there’s a really nice page transition that further increases the feeling that you’re not just opening a page, but really diving into some deeper content.

Cover My Meds - GIF

Interactive thumbnails.

Once you’ve dived into this content, there are some beautiful micro-interactions at the base of the page. These are possibly the best use of ‘next’ and ‘previous’ thumbnails I’ve ever seen, mainly because it feels almost impossible not to click them! A great feature for keeping people on your website and reading more content.

Cover My Meds - Modular Menus

Summary.

Overall I think the best part of this site is how they deal with interactive content. Nothing is there for the sake of it. Even the parallax image has context when you drill down into it’s content as it’s part of a beautifully styled map.

The overall feel of the site is something I’ve not really seen before, in that nothing feels linear. From a style point of view, I adore this – however I could imaging if you / the user wanted to find information quickly on the site – it could quickly become a bit of a chore.

Although a picture paints a thousand words, and a GIF even more so – take a look at the full site and all it’s interactions here.

We'd love to hear from you

+44 (0) 20 3875 7736

Hi we know it’s hard to find a great team with new ideas, we would love to change that for you. Let us know your and a short message on how we can help you and someone from our team will be in touch soon.

Or you can email or call us on:

+44 (0) 20 3875 7736