A cinematic product experience translating the phone’s marine-blue design language into a clear, responsive sales journey.
Product web design · UX/UI
TCL 20 Pro 5G needed a digital launch experience with the confidence of the physical product. The page had to introduce the marine-blue design language, communicate a dense feature set and still feel immediate to someone encountering the phone for the first time.
The central challenge was balancing atmosphere with clarity. Product photography and motion needed space to create impact, while specifications, benefits and calls to action still had to form an understandable journey across desktop and mobile.
The experience was structured as a sequence of focused feature moments. Strong image hierarchy, concise supporting copy and responsive compositions guide attention from the industrial design into the device’s display, camera and connectivity story without overwhelming the page.
The resulting system keeps the phone at the centre of every section while giving each feature a distinct role. The same hierarchy scales down cleanly for mobile, preserving the launch-page drama without sacrificing legibility or navigation.
Design note
A responsive product story that keeps the device at the centre while making its key features easier to understand across screen sizes.