Mo Al-Asala

Project Context

Mo Al-Asala is a heritage clothing brand whose whole proposition is Arab elegance — its own line reads "Arab elegance woven with authenticity". That makes Arabic the brand's real language, not a translation of it, and the storefront loads in Arabic by default. Most bilingual stores are built in English and then flipped; this one had to work the other way round, because a customer who reads the Arabic as translated stops believing the heritage claim.

Target Users

• Arabic-first shoppers for whom the language of the store is part of whether the brand is credible
• Customers arriving from social media who want to see the collection before they trust a checkout
• English-reading customers browsing the same catalogue at the same depth
• Returning customers going straight to a collection or to their cart

Main User Journey

1. Arrive in Arabic by default, usually on a phone
2. Read what the brand is before seeing a price, because heritage is the reason to buy here
3. Browse a collection rather than a flat product grid
4. Open a product and see it presented as a piece, not as a catalogue row
5. Add to cart and complete checkout without switching reading direction

Constraints

• Arabic as the default reading direction through the entire purchase path, including cart and checkout, where RTL bugs usually appear last and hurt most
• A black-and-gold identity that had to stay legible: gold on black fails contrast easily, and a checkout cannot afford unreadable labels
• Product photography as the primary content, on a phone-first audience with limited bandwidth
• A storefront that had to feel like a brand, not like a default e-commerce template with a logo dropped on it

My Role

• Founder, Brand & Visual Identity, UI/UX Design, Store Build, Bilingual AR/EN Structure (RTL), Product Presentation

Key Work

• Black-and-gold brand identity
• Bilingual AR/EN with RTL support
• Collections & product storytelling
• Shopping cart & checkout flow
• Mobile-first responsive experience

UX & Design Decisions

• Arabic is the design baseline: the layout, the type and the flow were decided in Arabic first and then adapted to English, rather than the usual reverse
• RTL was carried all the way through cart and checkout, because a store that reverses direction at the payment step loses trust exactly where it is most expensive to lose it
• Products are grouped into collections rather than shown as one grid, because a heritage brand sells a story before it sells a garment
• Gold is used for accents and never for small body text, so the identity survives the contrast requirements of a purchase flow
• The brand story sits above the catalogue, since the reason to buy here is not price and the page order should say so

Technologies & Tools