︎︎︎Brief:
Along with the launch of ColorOS 12, we have to create a compelling product detail page that showcases the full spectrum of innovation and possibilities that ColorOS 12 offers to the user. The PDP has to incorporate the key benefits of a humanized and smart ColorOS. Showing the user that ColorOS 12 is your ideal partner to master every situation while it just syncs seamlessly with your life.
︎︎︎Solution:
We strategize to break KSP into 3 main points around the slogan “Just Sync”.  Which is Sync with what you image/think/care. As this PDP is expected to be a whole interactive experience, so we also do varies of iterations of modules to reflect each KSP and always keep in mind how it works as an individual or entity. 

Omoji as a highlighted feature that client wanted to priotize, so we had the idea to introduce an avatar as the main site guide and lead the online journey.

︎︎︎See live site here.



01.
Warm up pages
/desktop



02.
Overview
/desktop



03.
Overview
/mobile


04.
“Sync with” section animation
/desktop






05.
Highltighted animation
/desktop


06.
Interactive module
/desktop





07.
Sharing card






︎Selected as “Site of the Day” at CSS Winner awards.  /link here/




©2024

Mark