Glass Class Parallax Website

Corning

  1. 10Strategy
  2. 25Design
  3. 25Storytelling
  4. 40Interaction

Brief

Promote the use of glass and reinforce Corning's position as the worlds leading glass expert, breathing life in to the story of glass and detailing the use of this remarkable material.

Response

Based on background material written by the eminent Dr. Peter Bocko, the parallax site covers 10 little known Glass Facts. Illustrating the inherent properties of glass and how its attributes have helped shape how we live and enabled innovation in every corner of the world.

Our challenge was to bring these fascinating facts alive with animation and interactivity, making it more interesting to read, easier to understand and more likely to be shared and discussed.

Delivery

  • Responsive Parallax website
  • Illustration
  • 3D renders
  • Animation
  • Storyboarding

Visit the website

www.corning.com/glassclass/

Responsive parallax

Corning Glass Class responsive parallax website screenshot

Storyboard

Using Dr. Bocko's material as the basis for our storyboard session, the Uber team and client sketched, imagined and sweated the details to re-imagine this amazing story of glass.

Storyboarding

Asset development

Hand sketched elements were built into a prototype framework, testing the flow of the story and effectiveness of each illustration. Each asset was then painstakingly detailed, built and animated by the motion team.

  • version 01

    Version one
  • version 02

    Version two
  • version 03

    Version three

Infographics

People are inherently visual, online we're deluged with facts and figures but a great infographic has the ability to cut through confusion and make the fact real and understandable. Developed around a consistent style each infographic was first sketched then qualified and detailed.

infographic

Build

Developed as both a parallax and responsive site we had our work cut out to make the site look and feel consistent on all platforms and devices. We made the most of the latest hardware by using inbuilt graphics capability to help power the animation but made sure that even on the most lowly device provided an elegant and smooth experience.

Parallax animation

Parallax animation - keep scrolling down
Back to TOP

Associated projects

  • Corning Advance Glass

    Corning

    Corning Advance Glass

    Interactive touch screen & mobile feature for Corning, showcasing the extraordinary properties of it's glass products...

  • Website & Brand

    one2many

    Website & Brand

    A leader in Cell Broadcast Technology we've helped one2many rejuvenate their brand and online presence...

  • LUXURY BRAND WEBSITE

    Lucia Magnani

    LUXURY BRAND WEBSITE

    Marrying our design and build, content creation and motion capabilities to deliver a premium website that defines the digital tone of voice, UI guidelines, creative direction, video and photography style for the brand.

  • View the full work gallery