Official website for Web Designer - defining the internet through beautiful design
FOLLOW US ON:
Author: Steve Jenkins
13th November 2013

Site of the week: Mindworks

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

Site of the week: Mindworks

URL: www.mindworks.gr | DESIGNER: Mindworks

Based around 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!

Site of the week: Mindworks

Short video showreels are seamlessly integrated and introduced as you navigate down the page

Site of the week: Mindworks

As you scroll down the page, elements float together using JavaScript and CSS3 transitions

  • Tell a Friend
  • Follow our Twitter to find out about all the latest web development, news, reviews, previews, interviews, features and a whole more.