← My Recent Work
SELECTED WORK / VIEW

Product Page UI Design.

Web UI / Visual Design / Content Layout / Component Exploration

Overview

I contributed to the UI and visual design of a View Dynamic Glass product page, creating a clear and engaging experience for communicating product benefits through imagery, typography, interactive content and supporting resources.

The page brings together product storytelling, technical information, sustainability messaging and downloadable resources while maintaining View's established visual identity.

01 / PAGE EXPERIENCE

Designing the product story

The design uses large-scale architectural imagery, concise messaging, product demonstrations, performance information and supporting resources to guide users through the benefits of View Dynamic Glass.

Full product-page design
Full product-page design
02 / UI & CONTENT HIERARCHY

Organizing product benefits into a clear visual journey

The page combines a large hero and product story, benefit-focused sections, a tint demonstration, reliability and resource content, energy-benefit statistics, sustainability messaging and related resources. Together, these create a varied page rhythm while keeping the product narrative connected.

Product benefits and storytellingProduct demonstrationPerformance and energy informationSustainability contentResources and calls to action
Smart Glass Built to Last — resource block
Smart Glass Built to Last — resource block
03 / COMPONENT EXPLORATION

Exploring the resource callout

Multiple visual directions for the ‘Smart Glass Built to Last’ content block explore iconography, composition, messaging hierarchy and the presentation of supporting resources.

Early visual directions

Early visual direction 1
Early visual direction 1
Early visual direction 2
Early visual direction 2
Early visual direction 3
Early visual direction 3

Further iterations

Resource component iteration 1
Resource component iteration 1
Resource component iteration 2
Resource component iteration 2
Resource component iteration 3
Resource component iteration 3
04 / FINAL DIRECTION

A refined supporting-resource component

The final block uses the circular “Think Complete” graphic with two distinct resource calls to action: Durability Ebook and Glare Control White Paper.

Final supporting-resource component
Final supporting-resource component
MY CONTRIBUTION

UI and visual design within the View brand.

Contributed to the visual and UI design of View's product-page experience, working within the established View brand system to organize product messaging, imagery and supporting resources.

UI DesignVisual DesignWeb DesignComponent Exploration