Service design

Flagship camera landing page

Role

UI Designer

Tool

Sketch, Miro, Invision

Date

Nov, 2019

View project

Goal

Transform the Canon R5 product page into a premium, immersive experience showcasing its flagship features (e.g., 8K video, 20fps shooting) while balancing CMS limitations.


Key Challenge

Replicate the "unboxing" excitement of a high-end product digitally, moving beyond a generic CMS template.


Led Collaborative Strategy

  • Facilitated a cross-functional workshop (marketing, design, product) to audit competitor landing pages and define storytelling priorities.
  • Synthesized insights into a narrative structure for the page.

Competitor landing page

Wireframing & animation storyboard

Integrated dynamic animations (e.g., 8K video transitions, face-tracking demos) to demonstrate technical capabilities.

Target users (photography enthusiasts) scrolled deeper and spent more time on the page vs. traditional CMS templates.

Final UI

Learning

Design System Adaptation

Innovated within existing guidelines (e.g., animations) while maintaining consistency.

Asset Challenges

Proactively used placeholders to keep progress on track despite late hardware delivery.

Developer Collaboration

Structured handoff documentation improved efficiency and reduced rework.

Next project

Unleash the possibility in a utility App

View project