Dates Hub

the Arabic date trading platform we designed and coded

Dates Hub brings date producers from across the world into one place. Farms, suppliers, shops and online stores publish a profile with their products and contact details, and buyers reach them direct. Our team designed the platform, wrote the code and handed the client a system they run themselves.

See it live at dateshub.co

What the client needed

The brief covered both sides at once. A farm, a supplier, a shop or an online store needed a profile that proves who they are and carries their products and contact details. Buyers needed enough on screen to judge a company in under a minute, and a direct line to start the conversation.

Date growers and traders sell through exhibitions and personal contacts. A buyer hunting a particular variety or a better price has no single place to compare one company against another, and a strong producer with no marketing stays invisible. The client wanted one trusted platform for the trade worldwide

How our designers worked through it

01

We mapped both journeys before drawing a single screen. The supplier journey ends at a published, verified profile. The buyer journey ends at a message to a producer. Everything between those two points either earned its place or came out.

03

We designed in Arabic from the first screen. Arabic reads right to left, so the whole interface mirrors: navigation, card order, icon direction and the way the eye lands on a page. Design it in English and flip it afterwards and you get a layout that feels borrowed.

02

Our designer built the structure in wireframes and walked the client through the page flow before any visual work began. Once the client signed off the structure, we moved to full design: the company card, the profile layout, the category browser and the article template.

What the platform does today

A buyer opens a category, scans the company cards and goes into a full profile with photography, the products on offer and the company's own description. Contact runs direct to the business through WhatsApp, which is where this trade already happens. A farm in one country and an online store in another sit on the same platform under the same checks.

Beside the directory sits an editorial section covering the industry calendar, the regional festivals and conferences, and longer pieces on the trade itself. Those articles bring buyers in from search long before they are ready to place an order.

The code behind the platform

We built Dates Hub on Next.js and React. The interface runs on components we wrote once and reuse across company profiles, category pages and articles, so the platform stays consistent and adding a new section costs the client very little. The interactive parts, the menus and the dialogs, sit on Radix UI, a component library built for accessibility and for interfaces that run right to left. Arabic gets proper support rather than a workaround.

Cloudflare serves the platform from the network location closest to the visitor, so a buyer in the Gulf is not waiting on a single server in Europe. Photography carries this platform, so we gave it a pipeline of its own. It resizes every logo and product photo for the device asking for it and converts each file to a lighter format before it reaches the screen.

Content sits in Sanity and reaches the front end through its API: company profiles, market news, articles and the FAQ. Measurement runs through Google Tag Manager, Google Analytics and Microsoft Clarity, so the client can see the traffic numbers and watch how a buyer moves through a company profile.

We keep watching it after it goes live

Most companies build a website and then stop looking at it. We set up Microsoft Clarity next to Google Analytics on Dates Hub, so we can see more than visitor counts. Analytics tells us how many people opened a company profile. The session recordings and heatmaps tell us where they stopped scrolling and which card they ignored.

Our team reviews that evidence with the client and changes the platform on what it shows. A card moves up the page, a section nobody reaches comes out, a button gets rewritten. The platform that launched is not the platform running today, and that is the point.

a red square with a white circle with a red background
a red square with a white circle with a red background

Thinking about a platform for your own market?

We design and code custom platforms as well as websites. Book a free 30 minute consultation, tell us what you sell and who buys it, and we will tell you what it takes to build.