Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

Mindworks: using jQuery to create awesome scrolling animation

Scroll-triggered CSS effects provide a trendy parallax feel to this portfolio for Greece’s fastest-growing digital agency

Based on a predominantly dark template, the site consists of a single page broken up by angular lines and contrasting pink and grey shapes jutting through the background. As you scroll vertically, a succession of diamond-shaped elements smoothly glide together to form various content hotspots.

Nuggets of text offer a subtle hint at key projects alongside static shots, before a centralised ‘GO’ button reveals more. Click this and the transformations continue to spawn a video window, seamlessly weaving motion showreels into the page. In fact, video-based showreels very much take centre stage throughout the site, dubbed ‘Playreels’ within the head of the page, and using embedded Vimeo players to share the impressive sequences.

Alongside all this we get the expected links to the major social network accounts for Mindworks, as well as Behance, which is a clever way of extending the portfolio out beyond the site. There’s a real sense that the team want to communicate its achievements to the international community, so recognition for a URL like this should certainly help!