Concept build · Riyadh
Sudul Abaya store website design for Riyadh, a concept build
Sudul, a Riyadh abaya label we invented for this concept, sells by length rather than by size letter, and its store homepage comes in two editions: English, and Arabic laid out right to left. A fit finder turns your height, shoes and preferred hem into a suggested length, the product cards pick that length up, the shop filters by style and season, and the bag adds gift wrapping and delivery by city. None of the pieces is for sale.
A concept build: Sudul is a fictional brand we created to show how we design and build an abaya store website for Riyadh. It is not a client and not a real company; our client work is on the work page.
The complete homepage, live
Both frames run the real site. Scroll inside them, try the fit finder that starts from your height in centimetres or inches, or from the length you usually buy, then takes your shoes and where you want the hem, and suggests one of six lengths with a drawing of where the hem falls, or open it in a new tab (Arabic version).
How we designed an abaya store website for Riyadh
Sold by length
An abaya buyer asks about length before anything else, so the store sells six lengths from 52 to 62 inches instead of size letters. A fit finder takes your height, your shoes and where you want the hem to fall and suggests a length, and every product card then preselects it, says where the hem will land and shows it in a small drawing. A table beside it gives each length in centimetres with the height it suits.
Solid blocks, thin gold
Each part of the page sits on one flat colour, mauve, kohl, sage or mist, and thin gold rules are the single decorative touch. Italiana, a tall and fine display face, sets the English headings over plain Manrope text, and the Arabic page uses Alexandria and Tajawal and is mirrored throughout. Each piece has a full-length photograph on the same white backdrop, framed from the shoulders to the floor so the hem and shoes show.
VAT and returns on the homepage
Every price in Saudi riyals already includes 15% VAT, with a small button on each card that shows the tax amount. Same-day delivery in Riyadh for orders before 1 pm, Sunday to Thursday, cash on delivery and the seven-day right to return under the Saudi E-Commerce Law are set out in plain words on the homepage, so shoppers know the cost and the terms before they open the bag.
Ramadan and Eid edits
The abaya year turns on Ramadan and Eid, so each has its own section with the pieces chosen for it, order-by dates for Riyadh and for other cities, and a button that opens the shop filtered to that edit. Gift wrapping with a handwritten card has its own section and a checkbox in the bag, because Eid is a season of gifts.
What the homepage includes
- Hero
- Three promises
- Lookbook, four looks
- Size guide and fit finder
- Shop
- Fabric and care
- Ramadan edit
- Eid edit
- Gift wrapping
- Delivery and payment
- Returns and cancellation
- Help on WhatsApp and footer
Features and interactions
- Fit finder that starts from your height in centimetres or inches, or from the length you usually buy, then takes your shoes and where you want the hem, and suggests one of six lengths with a drawing of where the hem falls
- Product cards that follow the fit finder: each preselects the suggested length, says where the hem will fall and redraws it, and updates again when you choose another length
- Colour swatches that work with the arrow keys and switch the photograph, or show a plain colour card for shades without one
- Shop filters for open, closed, linen, Ramadan and Eid pieces that reflow the grid smoothly, with Ramadan and Eid buttons that open the filtered shop
- Bag drawer with quantities, gift wrapping and a 200-character card message, delivery cost by city with free delivery over a set amount, the VAT in the total and a checkout that shows a demo confirmation
- A button on every price that shows the VAT amount, and fabric and care notes for each piece in an accordion
- Headline reveals, photo wipes and a lookbook counter in motion, with a still version for anyone who has reduced motion turned on
The whole page, top to bottom
Palette and type
- Mauve dusk #7A5C6B
- Kohl #151314
- Sage #A3A89A
- Mist #E9E3E5
- Gold #A88F55
Type: Italiana, Manrope, Alexandria, Tajawal.
Languages: English, Arabic (right to left).
How it is built
- Hand-built HTML, CSS and JavaScript, no framework
- GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
- Lenis 1.3.26 smooth scrolling
- Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
- Italiana, Manrope, Alexandria and Tajawal from Google Fonts, with the hem drawings and the location map in inline SVG
- Homepage weight about 780 KB on desktop and about 580 KB on a phone, measured on our machine on 28 Oct 2026
Need an abaya store website like this?
We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See our web development service, our website prices and how we work with businesses in Saudi Arabia, or browse every concept build.
Questions
What should an abaya store website include for shoppers in Riyadh?
Length comes first: a size guide in inches and centimetres, ideally with a way to work out a length from height and shoes, and full-length photographs that show the hem. Shoppers also look for prices with VAT included, delivery times and costs by city, the payment methods they use, such as mada, Apple Pay and cash on delivery, and the return terms in plain words.
Should an abaya store website be in Arabic as well as English?
For a label selling across the Kingdom, both are worth having from launch. Saudi shoppers often browse fashion in Arabic and residents from elsewhere in English, and the two pages should list the same pieces, lengths, prices and return terms. Fabric names, colour names and fit notes are where a quick translation goes wrong, so have a native writer set the Arabic product copy and check the hem and length wording.
How should an abaya website handle Ramadan and Eid?
Give each season its own section or collection, with the pieces chosen for it and clear order-by dates so orders arrive in time. Delivery cut-offs differ between Riyadh and other cities, so state both. Gift wrapping and a card message at checkout are worth offering, because Eid is a season of gifts.
More concept builds
Websites
Want yours built like this?
Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.
Every rupee you spend with us has to earn its keep.
