Portfolio.

Portfolio Banner
Click Materials Logo

The Next Generation in Window Technology

Click Materials is reimagining cutting-edge window technology. The company is set up in Vancouver, Canada. Its team takes pride in having over ten years of experience in academic and industrial research. Founded in 2012, click is commercialising next-generation electrochromic windows across residential, commercial, and automotive industries that enable their users to control the amount of light and tint within their environment using a simple app. This tool serves as a helping hand in controlling the energy, privacy and uplift human experience with their environments.

Lorem IpsumInteractiveWebsite.

To develop a platform in the form of a website that would provide endless possibilities of the product features and benefit in a way that was quickly consumable by the primary, secondary, and tertiary audiences. We wanted the audience to connect with the brand and its products instantly in a manner that they assume themselves a part of their environment.

The website needed to depict a story that placed them at the centre, able to make them imagine slouching in their lazy boy chair controlling a remote control.

  • Clear site architecture and navigation that allows for seamless and intuitive user experience.
  • Created a fluid visual product story with improved filtering options to best display the features of the products.
  • Vigorous use of layout features to create a narrative that weaves literature and imagery coherently.
Prototype

PrototypingCreate.
Prototype.
Improve.

Some might face difficulty envisioning the features of the product; therefore, we built a more straightforward tool to demonstrate the working of the product in varying percentages. We created an environment for visitors, similar to a smart glass tinted in graduation, to provide visual comfort and privacy. The visitor can experience the changing interior environment through a virtual preview.

It was essential to determine how the content would be displayed and how the navigation would flow. It was equally important to test the effectiveness of the interactive tool that demonstrates the product’s functionality.


Style ConceptsNo detail
is too small.

Our team worked collaboratively with Click Materials to gain a thorough understanding of the product, which would lead us to make the right aesthetic choices in typeface, interactive buttons, supporting elements, imagery, and interactions to facilitate the telling of the product’s story.

Style Concepts

3D RenderingsWorth 3.000
Words.

It was essential to tell the narrative of the client’s product by developing computer-generated images that help the user visualise the varying tint degrees of the glass. A potential investor or consumer can, therefore, better comprehend how a technologically sophisticated product could accentuate their daily rituals in homes, offices, hospitality settings, or vehicles for either aesthetic, comfort, or privacy.

Interactive Tool

Interactive ToolThe User is
in Control.

The use of this tool allowed the user to control the opacity of the glass. The tailor-made tool captured the true essence of the client’s products. The virtual experience depicts the real environment mimicking how lighting can be controlled in space.

Gallery1
Gallery1
Gallery1
Gallery1
Gallery1
Gallery1

Responsive LayoutPixel-Perfect.
On Every Screen.

It was important to offer a seamless and comfortable experience to the users, therefore developed a layout featuring multi-screens of varying sizes competent enough to be accessed through any network/system (phone, tablet, or desktop computer). This resulted in improving the website’s SEO ranking.

Responsive Layout

Our WorksStrategy that goes
Beyond what’s visible.

Knowledge Gathering

Started with gathering information; Competitor’s analysis, website structure, design, prototype, UX/UI, etc. Developed a comprehensive web to provide a holistic solution to the company’s products.

Building architecture

Thoroughly analysed the product to take the user on a simple, non-complex journey of quickly comprehending the benefits and features of the product.

User interface

Developed a simple, clear, and uniform user interface that focused on enhancing and expanding the user’s experience.

Virtual experience

Developed an extensive, encompassing three-dimensional virtual experience that pledged to take the customers on a journey of vibrant visuals with the brand’s website.

Web development

Used WordPress and waterfall methods to formulate a bespoke, interactive website with a project management approach.

Support & QA

Checked the website for multi-devices browsers compatibility and provided 365-days aftercare support.

Testimonials

LYNDON CORMACK, co-founder

Our friends and neightbors at Burst! Creative Group were super easy to work with and exceeded my expectations on work ethic, timing and the quality of the work delivered.

Start your Project

There’s nothing we love more than the infinite possibility of a brand new project.

Let’s make something meaningful together.

Let's Go

Our services.

Strategy
  • Consulting
  • Research
  • User Experience
  • Information Architecture
  • Usability Tests
  • Quality Assurance
Read More
Creative
  • Advertising
  • Art Direction
  • Packaging Design
  • Web Design
  • Graphic Design
  • Branding
  • Visual Identity
  • User Interface
  • 3D Rendering
  • Copywriting
  • Video Production
Read More
Marketing
  • Search Engine Optimization
  • Search Engine Marketing
  • Pay Per Click
  • Social Media Marketing
  • Google AdWords
  • Remarketing
Read More
Technology
  • Web Development
  • Web Maintenance and Support
  • Software Development
  • Mobile App
  • Content Management System
  • E-commerce
  • Artificial Inteligence
  • Machine Learning
Read More