← FATEMEH BEHBOODIAN
Work Contact
CASE STUDY
MARKETPLACE
RESPONSIVE WEB
IN DEVELOPMENT

Divaran

A classifieds marketplace for buying, selling and discovering products — built end to end before an engineering team touched it.

ROLE
End-to-end UI/UX design
SCOPE
Research to high-fidelity UI
OUTPUT
Landing, listings, chat, design system
STATUS
In development, awaiting release
Divaran landing page
LANDING PAGE — SEARCH BY CATEGORY, CITY AND KEYWORD, NEWEST AND FEATURED LISTINGS
00 — OVERVIEW

Divaran – Online Marketplace Platform

Divaran is a marketplace platform inspired by classified advertisement websites, designed to provide a seamless experience for buying, selling, and discovering products. The project is currently under development and has not yet been launched.

I was responsible for the end-to-end UI/UX design of the product, from research and wireframing to the final high-fidelity interfaces.

The platform enables users to create and manage advertisements, browse listings, search products based on categories, cities, and keywords, and connect with sellers through an intuitive user experience.

01 — DESKTOP FIRST, THEN DOWN

Every screen designed twice, in the same system.

The wide view sets the hierarchy. The narrow view keeps it, reordering rather than removing.

Landing page

DESKTOP + MOBILE

Search by city or category up front, then a full grid of every product group, then newest, urgent and verified listings in their own rails.

Landing page, desktop
FULL PAGE CONTINUES
Landing page, mobile
FULL PAGE CONTINUES

Listing detail, built around the decision to contact

DESKTOP + MOBILE

Gallery, price, deposit and rent, then the specs a buyer checks before reaching out. A police safety notice sits next to the contact button, not buried in a footer.

Listing detail, desktop
FULL PAGE CONTINUES
Listing detail, mobile
FULL PAGE CONTINUES

Buyer-seller chat, with a safety reminder built in

DESKTOP + MOBILE

Every thread opens with a reminder to keep the conversation and the deal on the platform, ahead of quick-reply prompts like “is the item still available” and “is the price negotiable”.

Chat, desktop
Chat, mobile

About, and the first three seconds on mobile

DESKTOP + MOBILE

The about page states what Divaran is and how to reach support. The splash screen is the first thing the app shows — brand, then a single city picker to get moving.

About page, desktop
About page, mobile
Splash screen, mobile
MY RESPONSIBILITIES
End-to-end UI/UX design
Landing page design
Advertisement listing and detail pages
User flows and wireframing
Interactive prototyping
Responsive design
Design System creation
DESIGN HIGHLIGHTS
Desktop-first responsive design
Complete Design System with reusable components
Typography system and color styles
Extensive use of Auto Layout for scalability
Consistent component library for future development

The primary focus of this project was designing a high-converting landing page and a user-friendly advertisement experience while ensuring consistency, scalability, and maintainability across the entire product.

PROJECT STATUS

Currently in development and awaiting release by the engineering team.

Designed to be handed over: components, tokens and pages ready for build.
NEXT

Want the rest of the work, or a conversation?

Next case study: Vamax Back to all work Get in touch
FATEMEH BEHBOODIAN · DIVARAN CASE STUDY
HOME ↑