Submit Form
Create Meeting
The new interface we prepared for the train aimed to translate the brand's versatile structure into the digital experience.
To give the user a cinematic transition feeling, we created a unique design language supported by AI-generated visuals, parallax elements, and interactive micro-details.
Design Golden Spider Website Awards won first place in the Food & Beverage Category.
UX / UI Design
Vehicle technical information, images, variants, and feature lists have been reorganized into user-focused detail screens. Corporate and sales layers have been combined under the same visual system.
Frontend Development
Modules, card structures, service lists, and galleries have been recoded to work seamlessly across all devices.
Backend and CMS Integration
Forms, service appointment fields, redirects, and content blocks have been restructured to work in sync with the CMS. Updates have been simplified.
Content Architecture
Content hierarchy for campaigns, used cars, test drives, and service sections has been simplified. User flow has been shortened.
We adapted the face morphism technique to the web experience.
We adapted the face morphing technique used for the first time in Michael Jackson’s Black or White music video to the web experience. The character's face smoothly transforms based on the scroll movement.
In the new interface that carries the brand spirit into the digital experience, details are not just read, they are experienced.
Each screen tells a different story, taking the user on a visual and auditory journey. Warm pastel tones reflect Tren’s energy in spaces into the digital.
This palette contrasted on a dark background provides a timeless modernity.
Ahmet Sağırlı – Fullstack Developer.
Çağakan Bağcı – UI & UX Designer
In an experience-oriented structure like TREN, the most critical need is the seamless transfer of the brand's atmosphere to the digital space. Cinematic interface, pastel color scheme, and AI-supported face morphing layers working in harmony created both technical and design coherence. Optimizing scroll-based animations significantly reduced delays in user interaction. Synchronizing the interface with the CMS simplified content management while strengthening the platform's stability. As a result, TREN gained a digital face that is consistent with the physical experience of the brand; smooth, distinctive, and modern.
