13
years in Ecommerce
sales@cart-power.com
HomeCase StudyRoomt: marketplace design in light and dark themes

Marketplace design · 2025–2026

Roomt

A German marketplace on CS-Cart Multi-Vendor: fashion, electronics, books, online courses, handmade and kids’ goods. We designed the home page in light and dark themes and the order history in the customer account, then built them into the site.

Client
Roomt, marketplace
Task
Home page in two themes and order history
Platform
CS-Cart Multi-Vendor
Mockups
Home page, menu, orders, mobile version
Years
2025–2026
roomt.de
Roomt home page mockup

Task

A marketplace for Germany with everything from fashion to e-books and online courses. We designed the home page based on a call with the client: a bold accent color, banners, a newsletter block, quantity controls right in the product grid and shorter product cards on mobile.

We designed the home page in two themes, light and dark. In spring 2026 the client asked us to rework the order history in the account: we designed it for desktop and phone and built it into the site. The site is not open to the public yet, so only mockups are shown here.

Light and dark themes

The home page first screen on a 1280-pixel display in both themes. The NACHT button in the header turns on the dark theme. Drag the divider.

Dark theme Light theme Light theme Dark theme

Home page

  • The header has search, the NACHT button, wish list, comparison, account and cart, with a row of category links below.
  • Under the “Dein Stil. Deine Welt. Dein Roomt.” slogan, eight categories appear as photo tiles.
  • Product cards in the grid have a “− 1 +” quantity control and a cart button. Product sets have tabs: popular, bestsellers, sale.
  • A “Schwarzer Freitag” block on a yellow background counts down to the end of the sale, followed by promo news.
  • At the bottom: a newsletter signup and social media icons in color, as the client asked.
1920 × 5359 · Home page

Dark theme and menu

We designed the whole home page in the dark theme: a near-black background, graphite cards and the same yellow accent. The category menu drops down with subcategories in columns and a category image.

1920 × 5436 · Home page, dark theme
1920 × 1095 · Category menu
1920 × 1094 · Menu, dark theme

Order history

Each order is a card with items, total, status and date. On the right are four buttons: return items, print invoice, buy again and find item.

1920 × 1331 · Order history

Mobile version

Mobile mockups for a 393-pixel width: home page and orders. On the phone the order buttons are also arranged two by two.

Home
393 × 5727 · Home
Orders
393 × 1134 · Orders
Orders, first version
393 × 920 · Orders, first version

First version

In the first version of the home page, category images were yellow 3D icons. The client asked to bring back his original images, so the approved mockup uses photo tiles.

1920 × 5436 · First version
1920 × 5359 · Approved mockup

Mockup colors

  • #F7C503Accent: buttons, cart, “Schwarzer Freitag”
  • #151515Dark theme background
  • #2A2A2AHeader and cards in the dark theme
  • #F5F5F7Category tiles in the light theme
  • #000000Light theme footer

More projects

All design projects

We will find solutions
for everyone!

Share your idea and we’ll offer an optimal solution

Please, fill out the form
Please, fill out the form