VeniMarketplace:FurnitureShoppingExperience
Introducinganewfurnitureshoppingexperience—designedandbuiltfromthegroundup.
Overview
VENI is a furniture e-commerce platform built around the idea that good furniture tells a story. The design needed to reflect the quality and craftsmanship of the products themselves, so everything from the typography to the layout choices was treated with that in mind. Clean, editorial, and unhurried.
The platform covers the full shopping experience, from browsing collections and filtering by category to viewing individual products, managing a cart, and checking out across both desktop and mobile.
My Role
I led the product design end to end, covering everything from the overall information architecture to individual screen design, the visual system, and responsive layouts for both web and mobile. The goal was to make the platform feel like it belonged in the same world as the furniture it was selling.
Design System
Colors
The palette is minimal on purpose. A warm off-white background gives the whole site a soft, tactile feel, and the amber accent is used sparingly so it actually means something when it shows up.
| Swatch | Hex | Usage |
|---|---|---|
| Cream | #FFF6EB | Primary background |
| Silver | #D1CCC6 | Borders, secondary elements |
| Amber | #FFB75F | CTAs, active states, highlights |
| Charcoal | #242424 | Text, buttons, footer |
Typography
Markazi Text handles the headings. It has an editorial, slightly literary quality that fits well with the brand's storytelling angle. Poppins takes care of the body and UI text where clarity matters more than character.
Grid
Custom grid with a 1400px max-width container and consistent 15px gutters on each side. Gives the layout room to breathe without sprawling too wide on large screens.
Key Screens
Homepage
The hero leads with a featured product and a tight headline, "The lost dreamer chair," which sets the editorial tone right away. Below that, a Collection section groups products by category using large editorial image tiles, and a Selection section lets users browse individual pieces numbered sequentially. The footer is dark and dense, covering newsletter signup, support links, legal, and social, which creates a strong visual close to the page.
Navigation / Menu
The menu is full-screen and typographically driven. Three large links, New, Collection, and Blog, sit alongside a three-column image strip showing current pieces. It feels more like a magazine spread than a dropdown, which keeps the premium tone consistent even in a utility moment.
Product Page
The product page is split into two columns, product info on the left and photography on the right. Price, material selector, and quantity controls are all visible without scrolling, and expandable sections below (Materials and Care, Sustainability, Assembly) keep the page clean without hiding important information. A Similar section at the bottom keeps users in discovery mode after viewing a product.
Search and Filters
Search sits in the top navigation and expands inline. Results appear immediately with sort and filter options accessible from the same bar. The filter panel opens as an overlay with Sort, Category, Price range, and Color swatches all in one place, so users can narrow down without leaving the results page.
Login and Register
The authentication screens follow the same clean layout as the rest of the site. Login and create account are on separate pages but linked clearly so switching between them is frictionless. The mobile versions are compact and scrollable, with the same field structure just stacked vertically.
Shopping Cart and Checkout
The cart shows product thumbnails, quantities, and a live order summary in a two-column layout. Checkout is broken into three steps, Information, Shipping, and Payment, with a persistent order summary on the right so users always know what they are buying and how much it costs. PayPal and card are both available as payment methods.
Mobile
The mobile experience was designed alongside desktop, not adapted from it afterward. The navigation collapses into a hamburger menu that opens the same editorial full-screen menu. Product pages stack the image above the product details and keep the Add to Cart button pinned at the bottom of the screen. The collection view scrolls horizontally with numbered items.
A Few Things Worth Noting
The brief from the client used the phrase "furniture that tells a story" and that ended up shaping most of the design decisions. Editorial typography, numbered product listings, long-form product descriptions, a full-screen menu that feels more like a cover page than a nav, these all came from taking that idea seriously.
The color palette being this restrained was a deliberate call. With furniture photography this good, the UI just needs to get out of the way. Amber shows up on CTAs and active states only, which means users always know exactly where to look.
The checkout flow was simplified down to three steps with no account wall. Users can check out as guests and are offered account creation only after purchase, which tends to convert better and creates less friction at the most critical point in the flow.
Outcome
VENI ended up being one of those projects where the product and the design genuinely feel like they belong together. The platform is quiet where it needs to be and confident where it counts, which is exactly what a brand like this needs.
