The Dubai Collection | Collection Showcase Website by Keh PerickThe Dubai Collection | Collection Showcase Website by Keh Perick

The Dubai Collection | Collection Showcase Website

Keh Perick

Keh Perick

Overview

TDC is a digital platform designed to showcase and organize a large comic book collection for collectors and enthusiasts. The goal was to create an immersive browsing experience that celebrates comic art while making it easy for users to explore and discover titles within the collection.
Rather than presenting the content as a standard database or catalog, the design direction focused on turning the collection into a visual experience, where each comic is treated as a piece of artwork.

The Problem

Most comic collection websites present books in simple grid layouts that feel more like online stores or archives. While functional, these layouts often fail to capture the artistic value and cultural appeal of comic books.
The challenge was to design a platform that:
Showcases comic books in a way that feels curated and visually engaging
Maintains easy navigation and discoverability
Reflects the premium and collectible nature of the collection
Avoids overwhelming users with dense information layouts

My Role

As the UI Designer, I led the design direction from concept to visual execution. My role involved defining the user experience, exploring interaction patterns, and creating a design system that presents the comic collection in a visually engaging yet structured way.
I focused on translating the client's vision into a digital experience that felt more like exploring an art gallery than browsing a traditional catalog.

Design Approach

Gallery-Inspired Layout

The core inspiration came from art galleries and museum exhibition spaces. Artwork in galleries is carefully arranged across large open spaces to allow each piece to stand out. I applied this same philosophy by treating each comic book cover as a displayed artwork, positioned across the interface to create a curated visual canvas with an immersive, editorial feel.
Gallery layout
Gallery layout

Depth, Lighting, and Presentation

Subtle shadows and depth effects create a sense of dimension, giving each comic the appearance of being displayed within a physical exhibition space. These visual treatments simulate gallery lighting, reinforcing the idea that the collection is curated and displayed with care.
Minimal presentation
Minimal presentation

Balanced Navigation and Discovery

While the experience is visually driven, the interface maintains clear navigation and structure. Users can easily browse the collection while still accessing detailed information about each comic when needed.
Navigation
Navigation

Color Palette

A dark, neutral foundation creates contrast and replicates the atmosphere of a museum or gallery space. This darker backdrop allows the vibrant comic book covers to stand out prominently. Neutral tones paired with subtle highlights and shadows enhance depth and give each comic the appearance of being carefully displayed under gallery lighting.
Home page
Home page
Mockup
Mockup
Mobile view 1
Mobile view 1
Mobile view 2
Mobile view 2
List view
List view
Grid view
Grid view
Navigation detail
Navigation detail
Founder section
Founder section
Policy page
Policy page
Like this project

Posted Aug 9, 2024

A digital platform designed to showcase a comic book collection with a gallery-inspired, art-driven UI. Dark theme, depth lighting, and curated layouts turn each comic into a displayed artwork.

Likes

1

Views

17

Timeline

Jul 1, 2024 - Sep 30, 2024