Home / Projects / Tren Club
Tren Club

A cinematic web design experience with its soul in the details

Catalog No: PKP-081
Sector: Entertainment, Events, Restaurant
Scope: UX/UI Design, Frontend, Backend, CMS Integration
Project Duration: 2 Months
Format: 12” LP • 33⅓ RPM • Stereo
Matrix: PKP-081-A / PKP-081-B
Made in Türkiye • ℗ & © Pikap Records 2026
Tren Club
Play
For Tren Club

What did we solve?

The new interface we built for Tren set out to translate the brand’s many-sided character into a digital experience.

To give users a cinematic sense of transition, we created an original design language supported by AI-generated visuals, parallax elements and interactive micro-details.

The design won first place in the Food & Beverage category of the Golden Spider Web Awards.

Visit the website
Services & Scope
UX / UI Design

We designed a discovery-driven, cinematic user experience that brings Tren’s many sides online.

Frontend Development

Parallax transitions, micro-interactions and animated layers were built with performance in mind.

Visual World

AI-assisted imagery and original compositions shaped a digital visual language unique to Tren.

Content Architecture

Tren’s different spaces and experiences were organised into a simple structure that users can explore with ease.

Value Layer
We brought face morphing to the web experience.

We adapted face morphing, first used in Michael Jackson’s Black or White video, to the web. As you scroll, the character’s face transforms fluidly.

Value Layer
In the new interface that carries the brand’s spirit online, details aren’t just read, they’re lived.

Every screen tells a different story, taking users on a visual and audio journey. Warm pastel tones reflect the energy of Tren’s venues in digital form.

Set against a dark background, this palette delivers a timeless modernity.

Joint Expert Review
Ahmet Sağırlı Fullstack Dev.
Çağakan Bağcı UI & UX Designer

For an experience-led brand like TREN, the most critical need is carrying its atmosphere into digital without interruption. Having the cinematic interface, the pastel colour system and AI-assisted face morphing work in the same rhythm created cohesion on both the technical and the design side. Optimising the scroll-based animations significantly reduced lag in user interaction. Keeping the CMS and the interface in sync simplified content management while strengthening the platform’s stability. As a result, TREN gained a fluid, characterful and modern digital face that matches its physical experience.