Looking for a Freelance Developer/Designer

Semetrical - a digital marketing agency - intend to create interactive content for a client who specialise in selling serviced office space online.

This interactive webpage will allow users to search for office space in London via an underground line within the tube network.

The idea of this project will be to go ‘viral’ – this content will be a stylist piece, and we are aiming to achieve awards.

At Semetrical, we value long-term relationships with our clients, and our freelancers – there would be the potential for further work once the project is complete.

An NDA will have to be signed by the freelancer who Semetrical commission.

Skills Required

Semetrical require the services of a freelancer who has a level of proven experience in the following:

o Design/UX
o HTML5 / CSS3 Web Development
o jQuery – Frameworks like Mootools, Handlebars, Jade.
o Content Development in AngularJS, BackboneJS or EmberJS.
o PHP5
o Web Graphics Library (WebGL) – Framework or API.
o Scalable Vector Graphics (SVG)
o Custom Javascript or jQuery Development
o APIs
o Knowledge of React (See http://facebook.github.io/react/ )

  • WebGL is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. WebGL is integrated completely into all the web standards of the browser allowing GPU accelerated usage of physics and image processing and effects as part of the web page.

  • Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files.


Below are a range of examples with functional, and stylistic elements which align closely with what Semetrical want to achieve with this project:

o Natural Geographic - Killing Kennedy: http://www.kennedyandoswald.com/#!/premiere-screen

• The use of including a soundtrack to support the on-page content.

• The user interaction through parallax scrolling – split screen. On the left hand side of the screen, there will be the tube line & clickable point of interest icons. On the right hand side of the screen, the inventory of offices will be automatically updated as the user scrolls. This will be styled out in a grid format.

• Surfacing content in pop up format whilst scrolling, initiated as the user clicks on icons to pull through content on acclaimed point of interest. (E.G. St. Pauls, a restaurant, gym, images)

o Google’s How Search Works - http://www.google.com/insidesearch/howsearchworks/thestory/

• The HTML5 animation used in this web page achieves the transition which Semetrical want to use when scrolling along any specific London underground line – with clickable icons & further information surfacing as the user scrolls.

We look forward to hearing from you.