ProtoPixel is the first lighting design software in the world to offer designers the tools to create advanced lighting experiences through an easy to use interface. They needed a new website to promote their software and really highlight the experiential installations it makes possible.
We worked with their 3D designer to art direct and implement a website that captured the playful, impactful nature of the product through clever visual cues.
Branding / Web Design / Web Development
ProtoPixel's 3D designer had already come up with a great idea to use a marble run to lead the user through a series of lighting experiences. We loved it stylistically, but also because it was a fitting metaphor for simplicity and freedom. In order to bolster this experience for the user we were brought in to help art direct a series of visuals that would work on the revamped website.
Straight away we decided that to best depict impactful lighting, the website needed to be themed dark rather than white.
We sketched out some ideas to transform the existing layout of a single video in a standard 16:9 ratio, to shorter three-five second videos that floated seamlessly on a single page and could signpost users through the site.
The resulting visuals were seriously impactful. Full of colour, energy and vibrancy they successfully depicted the brand's playful nature and promoted the ease of use that was at the heart of the product design.
The homepage was designed to capture the imagination while engaging and delighting the user. But it was important that the internal pages were more product-focused, so we provided key landing pages for each aspect of the product (Design, Deploy and Control) to reflect this.
We provided the client with page builder functionality in the CMS so they'll always have the flexibility to build their landing pages as they choose. We also gave them templated blocks such as testimonials, showcase videos and annotated visuals, to enhance the site and give their customers a detailed and well-rounded view of this revolutionary product.
We also gave ProtoPixel the ability to build form overlays that were hooked up with their CRM, Pipedrive. These form overlays needed to be just as aesthetically pleasing as the rest of the site, so we presented them with the impactful imagery to fulfil the brief.
To demonstrate the product's capabilities we needed a way to display aspects of the user interface without added complexity. To do this, we created many short looping animations depicting key aspects of the various applications.
Animated depictions of the application were enhanced in interactivity and style for the purpose of marketing.
We were very selective when picking the most important features to display and how to represent them. This one, for example, summarises a core feature of the Mobile app: Rules.
