Sean Lin Studio
Profile
MacBook Air
Overview
The launch of the 2018 MacBook Air marked Apple’s thinnest, lightest notebook yet. As part of the MarCom Interactive team, we developed web and retail concepts to bring this launch to life. We led a multidisciplinary process, focused on developing a unique visual language and new user interactions through in-depth motion studies, computational experiments, and Web UI.
Role
Motion GraphicsWeb UXExperiential design
Company
Apple Inc
Date
2018
Part 01
Embodying “Air” on the Web
An iterative process shaped by in-depth motion studies that captured the unique features and essence of the new MacBook Air.
↑
Hero moment crafted through a series of motion studies, exploring how the product image and logo can move together to convey the lightness and materiality of the new MacBook Air.
↑
Initial exporations testing various type animations as expressive introductions to help users understand key features of the product.
↑
To shift away from static page UI, we ideated on ways to immerse users in compelling feature stories with each scroll. The example above highlighted Retina through strong imagery, vibrant colors, and bold copy.
↑
Other scroll motions demonstrating key features through type and product image animations.
Part 02
Concepts for the Apple Store
Product reveals that immerse customers in the world of “Air”, transforming the Apple Store and how customers navigate within it.
↑
Inspired by computational art installations, I proposed retail activation concepts that used a combination of Processing, motion sensors, and a webcam.
The final concept is a wall of letters that responds to movement, dispersing and moving along with the customer to reveal “A I R”.
↑
Other applications included interactive screen savers and storefront installations to showcase the product.
↑
The same concept can also be used to form words and symbolic shapes that introduce Air’s unique features.
Thanks forreading!
Sean Lin Studio
Profile
MacBook Air
Overview
The launch of the 2018 MacBook Air marked Apple’s thinnest, lightest notebook yet. As part of the MarCom Interactive team, we developed web and retail concepts to bring this launch to life. We led a multidisciplinary process, focused on developing a unique visual language and new user interactions through in-depth motion studies, computational experiments, and Web UI.
Role
Motion GraphicsWeb UXExperiential design
Company
Apple Inc
Date
2018
Part 01
Embodying “Air” on the Web
An iterative process shaped by in-depth motion studies that captured the unique features and essence of the new MacBook Air.
↑
Hero moment crafted through a series of motion studies, exploring how the product image and logo can move together to convey the lightness and materiality of the new MacBook Air.
↑
Initial exporations testing various type animations as expressive introductions to help users understand key features of the product.
↑
To shift away from static page UI, we ideated on ways to immerse users in compelling feature stories with each scroll. The example above highlighted Retina through strong imagery, vibrant colors, and bold copy.
↑
Other scroll motions demonstrating key features through type and product image animations.
Part 02
Concepts forthe Apple Store
Product reveals that immerse customers in the world of “Air”, transforming the Apple Store and how customers navigate within it.
↑
Inspired by computational art installations, I proposed retail activation concepts that used a combination of Processing, motion sensors, and a webcam.
The final concept is a wall of letters that responds to movement, dispersing and moving along with the customer to reveal “A I R”.
↑
Other applications included interactive screen savers and storefront installations to showcase the product.
↑
The same concept can also be used to form words and symbolic shapes that introduce Air’s unique features.
Thanks for reading!
Sean Lin Studio
Profile
MacBook Air
Overview
The launch of the 2018 MacBook Air marked Apple’s thinnest, lightest notebook yet. As part of the MarCom Interactive team, we developed web and retail concepts to bring this launch to life. We led a multidisciplinary process, focused on developing a unique visual language and new user interactions through in-depth motion studies, computational experiments, and Web UI.
Role
Motion GraphicsWeb UXExperiential design
Company
Apple Inc
Date
2018
Part 01
Embodying “Air” on the Web
An iterative process shaped by in-depth motion studies that captured the unique features and essence of the new MacBook Air.
↑
Hero moment crafted through a series of motion studies, exploring how the product image and logo can move together to convey the lightness and materiality of the new MacBook Air.
↑
Initial expressions testing various typographic animations as expressive introductions to help users understand key features of the product.
↑
To shift away from static page UI, we ideated on ways to immerse users in compelling feature stories with each scroll. The example above highlighted Retina through strong imagery, vibrant colors, and bold copy.
↑
Other scroll motions demonstrating key features through type and product image animations.
Part 02
Concepts forthe Apple Store
Product reveals that immerse customers in the world of “Air”, transforming the Apple Store and how customers navigate within it.
↑
Inspired by computational art installations, I proposed retail activation concepts that responded to human movement leveraging Processing and motion sensors. Early concepts explored a wall of letters that when to interacted with, disperses and moves along with the customer to reveal the letters “A I R”.
↑
Other applications included interactive screen savers and storefront installations to showcase the product.
↑
The same concept can also be used to form words and symbolic shapes that introduce Air’s unique features.
Thanks for reading!