1import{_ as r}from"./Navigation-Dt4t7dJr.js";import{_ as d}from"./FooterSection-yheUsIyJ.js";import{o as n,q as l,b as o,d as i,e as c,i as h}from"./vendor-D3cu6k9a.js";import"./useAbVariant-BC_9Gfna.js";const p={class:"bg-[#080d14] text-white"},g={__name:"EcommerceWebsiteDesignDubai",setup(m){let t=null;return n(()=>{const a=document.querySelectorAll(".reveal");a.forEach(e=>{e.style.opacity="0",e.style.transform="translateY(30px)",e.style.transition="opacity 0.7s ease, transform 0.7s ease"}),t=new IntersectionObserver(e=>{e.forEach(s=>{s.isIntersecting&&(s.target.style.opacity="1",s.target.style.transform="translateY(0)",t.unobserve(s.target))})},{threshold:.12,rootMargin:"0px 0px -50px 0px"}),a.forEach(e=>t.observe(e))}),l(()=>{t&&t.disconnect()}),(a,e)=>(h(),o("div",p,[i(r),e[0]||(e[0]=c('<div class="grain-overlay"></div><section class="relative overflow-hidden py-32 md:py-44 px-6"><div class="absolute inset-0 dot-grid dot-grid-mask"></div><div class="glow-blob" style="width:900px;height:900px;top:-350px;left:50%;transform:translateX(-50%);background:radial-gradient(circle, rgba(2,110,185,0.18) 0%, transparent 70%);"></div><div class="glow-blob" style="width:400px;height:400px;bottom:-80px;right:-60px;background:radial-gradient(circle, rgba(0,195,106,0.07) 0%, transparent 70%);"></div><div class="relative z-10 max-w-4xl mx-auto text-center stagger-reveal"><div class="flex justify-center mb-8"><div class="inline-flex items-center gap-2.5 px-5 py-2 eyebrow-badge rounded-full"><span class="w-1.5 h-1.5 rounded-full bg-brand-400 flex-shrink-0" style="box-shadow:0 0 6px rgba(38,150,229,0.9);"></span><span class="section-label text-white/60">Ecommerce Design â Dubai</span></div></div><h1 class="text-fluid-hero font-serif italic leading-[1.05] tracking-tight text-white mb-7"> Ecommerce Website Design<br><span class="text-transparent bg-clip-text bg-gradient-to-r from-brand-300 via-brand-400 to-brand-500">in Dubai</span> Built for a<br> Premium, Bilingual Market </h1><p class="text-lg md:text-xl text-white/60 max-w-2xl mx-auto mb-4 leading-relaxed font-serif italic"> "We sell AED 800 products but our store looks like a flea market. Customers leave before they even scroll." </p><p class="text-base md:text-lg text-white/40 max-w-xl mx-auto mb-12 leading-relaxed"> UAE shoppers expect luxury-grade experiences. With 200+ nationalities, 96% smartphone penetration, and 40% of customers reading right-to-left, your store needs design that matches the price tag â in both languages. </p><a href="/scorecard" class="inline-flex items-center gap-3 px-8 py-4 rounded-full bg-brand-500 text-white font-semibold text-base cta-glow hover:bg-brand-400 transition-colors"> Get Your Free Store Score <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><div class="max-w-md mx-auto animated-gradient-line rounded-full mt-14"></div></div></section><section class="relative overflow-hidden py-24 md:py-32 px-6 bg-[#0f1620]"><div class="absolute inset-0 flex items-start justify-end pointer-events-none select-none pr-8 pt-12" aria-hidden="true"><span class="text-[12rem] md:text-[16rem] font-serif font-bold text-white opacity-[0.025] leading-none">01</span></div><div class="relative z-10 max-w-5xl mx-auto"><div class="text-center mb-16 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">The Problem</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> Your Store Doesn't Match<br>the Market You're Selling In. </h2><p class="text-white/50 text-lg max-w-2xl mx-auto leading-relaxed"> Dubai is the most visually demanding ecommerce market in the region. Shoppers compare your store against Noon, Namshi, and global luxury brands. If the design doesn't signal premium, bilingual, and mobile-native â they leave. </p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-5 reveal"><div class="gradient-border-card p-7 hover-lift-premium"><div class="w-10 h-10 rounded-xl bg-red-500/10 border border-red-500/20 flex items-center justify-center mb-5"><svg class="w-5 h-5 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg></div><h3 class="text-white font-semibold text-lg mb-3 leading-tight">Your Store Doesn't Match Your Brand's Price Point</h3><p class="text-white/50 text-sm leading-relaxed"> UAE shoppers expect premium. A templated Shopify store selling AED 500+ products looks out of place next to the polished experiences they see on Noon and Amazon.ae. The design must match the price tag â or customers assume you're not legitimate. </p></div><div class="gradient-border-card p-7 hover-lift-premium"><div class="w-10 h-10 rounded-xl bg-amber-500/10 border border-amber-500/20 flex items-center justify-center mb-5"><svg class="w-5 h-5 text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg></div><h3 class="text-white font-semibold text-lg mb-3 leading-tight">Half Your Customers Read Right-to-Left</h3><p class="text-white/50 text-sm leading-relaxed"> 40%+ of UAE shoppers prefer Arabic. If your store only works in English, you're invisible to a massive segment of Emirati and Arab expat customers. RTL support isn't optional in this market â it's the difference between reaching half your audience or all of it. </p></div><div class="gradient-border-card p-7 hover-lift-premium"><div class="w-10 h-10 rounded-xl bg-brand-500/10 border border-brand-500/20 flex items-center justify-center mb-5"><svg class="w-5 h-5 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg></div><h3 class="text-white font-semibold text-lg mb-3 leading-tight">Mobile Isn't a Feature â It's the Entire Experience</h3><p class="text-white/50 text-sm leading-relaxed"> 78% of UAE ecommerce is mobile. UAE smartphone users are the most sophisticated in the world â they compare 3-4 stores before buying. A slow or awkward mobile experience loses them in seconds. Your store was designed desktop-first, and it shows on every phone screen. </p></div></div></div></section><section class="relative overflow-hidden py-24 md:py-32 px-6 bg-[#080d14]"><div class="absolute inset-0 flex items-start justify-start pointer-events-none select-none pl-8 pt-12" aria-hidden="true"><span class="text-[12rem] md:text-[16rem] font-serif font-bold text-white opacity-[0.025] leading-none">02</span></div><div class="absolute inset-0 dot-grid dot-grid-mask opacity-40"></div><div class="relative z-10 max-w-6xl mx-auto"><div class="text-center mb-16 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">How We're Different</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> Design for the UAE's Most<br>Demanding Shoppers </h2><p class="text-white/50 text-lg max-w-2xl mx-auto leading-relaxed"> We design ecommerce stores that work in both directions â literally. Premium aesthetics, full RTL Arabic support, mobile-first architecture, and conversion engineering for a market where 200+ nationalities shop on their phones. </p></div><div class="grid md:grid-cols-2 gap-12 md:gap-16 items-center mb-24 md:mb-32"><div class="reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">01 â Premium-Grade</span><h3 class="font-serif italic text-fluid-section text-white mb-6 leading-tight"> Design That Matches the<br>Price Tag on Your Products </h3><p class="text-white/60 text-lg leading-relaxed mb-8"> UAE shoppers are comparison shoppers â your store has 5 seconds to prove quality. We design for the expectations set by Noon, Amazon.ae, and luxury retail. High-res product photography, clean layouts, and trust signals in the right places. Premium products need a premium storefront. </p><div class="space-y-4"><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">UAE-specific trust signals</h4><p class="text-white/50 text-sm leading-relaxed">Trade licence numbers, AED pricing, local phone numbers, and Aramex/SMSA delivery badges â placed where UAE shoppers look for them.</p></div></div><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">BNPL-integrated product pages</h4><p class="text-white/50 text-sm leading-relaxed">Tabby and Tamara split-payment messaging on every product page â not hidden in checkout. 40%+ of UAE shoppers use BNPL; showing it upfront lifts AOV.</p></div></div><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">Sub-2-second mobile loads</h4><p class="text-white/50 text-sm leading-relaxed">The UAE has 200+ Mbps average mobile speeds. Shoppers expect instant. Thumb-zone navigation, sticky add-to-cart, one-tap Apple Pay â every element designed for the phone in their hand.</p></div></div></div></div><div class="reveal flex justify-center"><div class="w-full max-w-sm space-y-3"><div class="rounded-xl border border-white/[0.08] bg-white/[0.02] p-5"><div class="flex items-center gap-3 mb-4"><div class="w-8 h-8 rounded-lg bg-red-500/10 border border-red-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></div><span class="text-white/50 text-xs font-semibold uppercase tracking-wider">Template Store</span></div><div class="space-y-2.5"><div class="h-2 bg-white/[0.06] rounded-full w-full"></div><div class="h-2 bg-white/[0.06] rounded-full w-3/4"></div><div class="grid grid-cols-3 gap-2 mt-3"><div class="h-16 bg-white/[0.04] rounded-lg"></div><div class="h-16 bg-white/[0.04] rounded-lg"></div><div class="h-16 bg-white/[0.04] rounded-lg"></div></div><div class="flex items-center justify-between mt-2"><span class="text-white/20 text-[10px]">Generic layout</span><span class="text-red-400/60 text-[10px] font-semibold">0.9% CR</span></div></div></div><div class="rounded-xl border border-brand-500/30 bg-brand-500/[0.06] p-5"><div class="flex items-center gap-3 mb-4"><div class="w-8 h-8 rounded-lg bg-brand-500/15 border border-brand-400/20 flex items-center justify-center"><svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg></div><span class="text-brand-400 text-xs font-semibold uppercase tracking-wider">WebMedic Design</span></div><div class="space-y-2.5"><div class="h-2 bg-brand-400/20 rounded-full w-full"></div><div class="h-2 bg-brand-400/15 rounded-full w-2/3"></div><div class="grid grid-cols-2 gap-2 mt-3"><div class="h-20 bg-brand-500/[0.08] rounded-lg border border-brand-500/10"></div><div class="space-y-2"><div class="h-4 bg-brand-400/10 rounded w-full"></div><div class="h-3 bg-brand-400/[0.06] rounded w-3/4"></div><div class="h-8 bg-brand-500/20 rounded-lg border border-brand-500/25 flex items-center justify-center"><span class="text-brand-400 text-[8px] font-semibold">ADD TO CART</span></div></div></div><div class="flex items-center justify-between mt-2"><span class="text-white/40 text-[10px]">Conversion-focused layout</span><span class="text-emerald-400/80 text-[10px] font-semibold">2.8% CR</span></div></div></div></div></div></div><div class="grid md:grid-cols-2 gap-12 md:gap-16 items-center mb-24 md:mb-32"><div class="reveal order-2 md:order-1 flex justify-center"><div class="w-full max-w-sm space-y-2.5"><div class="rounded-xl border border-brand-500/30 bg-brand-500/[0.08] p-4 flex items-center gap-4"><div class="w-9 h-9 rounded-lg bg-brand-500/15 border border-brand-400/20 flex items-center justify-center flex-shrink-0"><svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg></div><div><span class="text-brand-400 text-xs font-semibold uppercase tracking-wider">Design</span><p class="text-white/35 text-[10px] mt-0.5">Custom ecommerce UI built around your brand</p></div></div><div class="rounded-xl border border-emerald-500/25 bg-emerald-500/[0.07] p-4 flex items-center gap-4"><div class="w-9 h-9 rounded-lg bg-emerald-500/15 border border-emerald-400/20 flex items-center justify-center flex-shrink-0"><svg class="w-4 h-4 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg></div><div><span class="text-emerald-400 text-xs font-semibold uppercase tracking-wider">Development</span><p class="text-white/35 text-[10px] mt-0.5">Custom Shopify theme dev + integrations</p></div></div><div class="rounded-xl border border-brand-500/25 bg-brand-500/[0.07] p-4 flex items-center gap-4"><div class="w-9 h-9 rounded-lg bg-brand-500/15 border border-brand-400/20 flex items-center justify-center flex-shrink-0"><svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div><div><span class="text-brand-400 text-xs font-semibold uppercase tracking-wider">CRO</span><p class="text-white/35 text-[10px] mt-0.5">Conversion optimisation baked into every design</p></div></div><div class="flex items-center justify-center gap-2 pt-1"><div class="h-px flex-1 bg-gradient-to-r from-transparent to-brand-500/20"></div><span class="text-brand-400/60 text-[10px] uppercase tracking-widest font-semibold">Design that ships</span><div class="h-px flex-1 bg-gradient-to-l from-transparent to-brand-500/20"></div></div></div></div><div class="reveal order-1 md:order-2"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">02 â Bilingual Native</span>
1<h3 class="font-serif italic text-fluid-section text-white mb-6 leading-tight"> Arabic and English â Designed Together, Not Patched On </h3><p class="text-white/60 text-lg leading-relaxed mb-8"> Most Dubai stores bolt Arabic on as an afterthought â mirrored layouts that break, fonts that don't render, and checkout flows that only work in English. We design bilingual from day one. Full RTL Arabic support, language switchers, and layouts that look beautiful in both directions. Your <a href="/ecommerce-development-dubai" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">development</a> and design teams work as one â what you approve is what goes live. </p><div class="p-5 rounded-xl bg-white/[0.03] border border-white/[0.06]"><p class="text-white/50 text-sm leading-relaxed italic"> "The challenge isn't translation â it's designing layouts that work beautifully in both directions. That's a design problem, not a content problem." </p></div></div></div><div class="grid md:grid-cols-2 gap-12 md:gap-16 items-center"><div class="reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">03 â Dubai-Market Native</span><h3 class="font-serif italic text-fluid-section text-white mb-6 leading-tight"> Designed for How Dubai<br>Actually Shops </h3><p class="text-white/60 text-lg leading-relaxed mb-8"> Most ecommerce website design in Dubai copies Western templates. We design for the UAE reality: Ramadan-ready seasonal flexibility, cultural sensitivity across 200+ nationalities, evening-hours browsing patterns, and the trust signals that actually work in this market â not what works in New York. </p><div class="space-y-4"><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">Ramadan + seasonal flexibility</h4><p class="text-white/50 text-sm leading-relaxed">Themed banners, countdown timers, and curated gift collections you can swap without a developer â built for the UAE festive calendar.</p></div></div><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">Culturally aware imagery</h4><p class="text-white/50 text-sm leading-relaxed">Photography, iconography, and visual language that resonates with the UAE's diverse customer base â not stock photos from Western markets.</p></div></div><div class="flex gap-4"><div class="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center flex-shrink-0 mt-0.5"><div class="w-2 h-2 rounded-full bg-brand-400"></div></div><div><h4 class="text-white font-medium mb-1">GCC-ready from launch</h4><p class="text-white/50 text-sm leading-relaxed">Multi-currency displays, region-specific content blocks, and design that scales when you expand from Dubai to Saudi, Kuwait, and beyond.</p></div></div></div></div><div class="reveal flex justify-center"><div class="w-full max-w-sm"><div class="space-y-0"><div class="flex gap-4 items-start"><div class="flex flex-col items-center flex-shrink-0"><div class="w-8 h-8 rounded-full bg-brand-500/15 border border-brand-400/30 flex items-center justify-center"><span class="text-brand-400 text-xs font-bold">1</span></div><div class="w-px h-12 bg-brand-500/15 mt-1"></div></div><div class="pb-4 pt-1"><h4 class="text-white font-medium text-sm mb-1">Brand Discovery</h4><p class="text-white/40 text-xs leading-relaxed">Understand your brand DNA, customers, and competitive landscape.</p></div></div><div class="flex gap-4 items-start"><div class="flex flex-col items-center flex-shrink-0"><div class="w-8 h-8 rounded-full bg-brand-500/15 border border-brand-400/30 flex items-center justify-center"><span class="text-brand-400 text-xs font-bold">2</span></div><div class="w-px h-12 bg-brand-500/15 mt-1"></div></div><div class="pb-4 pt-1"><h4 class="text-white font-medium text-sm mb-1">Design System</h4><p class="text-white/40 text-xs leading-relaxed">Typography, colour, spacing, and component library â unique to your brand.</p></div></div><div class="flex gap-4 items-start"><div class="flex flex-col items-center flex-shrink-0"><div class="w-8 h-8 rounded-full bg-brand-500/15 border border-brand-400/30 flex items-center justify-center"><span class="text-brand-400 text-xs font-bold">3</span></div><div class="w-px h-12 bg-emerald-500/10 mt-1"></div></div><div class="pb-4 pt-1"><h4 class="text-white font-medium text-sm mb-1">Page Design + CRO</h4><p class="text-white/40 text-xs leading-relaxed">Every page designed for beauty AND conversion. You approve every screen.</p></div></div><div class="flex gap-4 items-start"><div class="flex flex-col items-center flex-shrink-0"><div class="w-8 h-8 rounded-full bg-emerald-500/10 border border-emerald-400/20 flex items-center justify-center"><svg class="w-3.5 h-3.5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg></div></div><div class="pt-1"><h4 class="text-emerald-400 font-medium text-sm">A store that only you could have</h4><p class="text-white/40 text-xs leading-relaxed mt-1">Custom-built on Shopify. No theme. No compromise. Unmistakably your brand.</p></div></div></div></div></div></div></div></section><section class="relative overflow-hidden py-24 md:py-32 px-6 bg-[#0f1620]"><div class="absolute inset-0 flex items-start justify-end pointer-events-none select-none pr-8 pt-12" aria-hidden="true"><span class="text-[12rem] md:text-[16rem] font-serif font-bold text-white opacity-[0.025] leading-none">03</span></div><div class="relative z-10 max-w-5xl mx-auto"><div class="text-center mb-16 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">Who We Work With</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> Built for Dubai Brands Selling<br>to a Premium, Diverse Market </h2><p class="text-white/50 text-lg max-w-2xl mx-auto leading-relaxed"> We design for brands that sell to the UAE's discerning, multi-cultural customer base. This is who we do the best work for. </p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 reveal mb-12"><div class="gradient-border-card p-6 text-center hover-lift"><div class="w-12 h-12 rounded-2xl bg-brand-500/10 border border-brand-500/20 flex items-center justify-center mx-auto mb-4"><svg class="w-5 h-5 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div><div class="text-2xl font-bold text-white mb-1">Ecommerce</div><p class="text-white/40 text-sm">DTC or hybrid retail selling in the UAE market</p></div><div class="gradient-border-card p-6 text-center hover-lift"><div class="w-12 h-12 rounded-2xl bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center mx-auto mb-4"><svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg></div><div class="text-2xl font-bold text-white mb-1">Outgrown</div><p class="text-white/40 text-sm">Current design doesn't match UAE premium expectations</p></div><div class="gradient-border-card p-6 text-center hover-lift"><div class="w-12 h-12 rounded-2xl bg-brand-500/10 border border-brand-500/20 flex items-center justify-center mx-auto mb-4"><svg class="w-5 h-5 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><div class="text-2xl font-bold text-white mb-1">$500K+</div><p class="text-white/40 text-sm">Annual revenue â ready for a store that reflects it</p></div><div class="gradient-border-card p-6 text-center hover-lift"><div class="w-12 h-12 rounded-2xl bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center mx-auto mb-4"><svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><div class="text-2xl font-bold text-white mb-1">Bilingual</div><p class="text-white/40 text-sm">Need Arabic + English or plan to add it</p></div></div><div class="reveal max-w-3xl mx-auto"><div class="rounded-2xl border border-white/[0.06] bg-white/[0.02] p-7"><div class="flex items-start gap-4"><div class="w-8 h-8 rounded-lg bg-white/[0.06] border border-white/[0.08] flex items-center justify-center flex-shrink-0 mt-0.5"><svg class="w-4 h-4 text-white/40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><div><h4 class="text-white font-medium mb-2">The brand that fits us best</h4><p class="text-white/50 text-sm leading-relaxed"> You sell premium products to the UAE's diverse, demanding customer base. Your store needs to work beautifully in Arabic and English, load instantly on mobile, and signal quality from the first scroll. You want an <a href="/ecommerce-agency-dubai" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">ecommerce agency</a> that understands this market â not a generic web design shop. You're on <a href="/shopify-uae" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">Shopify</a> or ready to migrate. </p></div></div></div></div></div></section><section class="relative overflow-hidden py-24 md:py-32 px-6 bg-[#080d14]"><div class="absolute inset-0 flex items-start justify-start pointer-events-none select-none pl-8 pt-12" aria-hidden="true"><span class="text-[12rem] md:text-[16rem] font-serif font-bold text-white opacity-[0.025] leading-none">04</span></div><div class="glow-blob" style="width:600px;height:600px;top:-200px;right:-100px;background:radial-gradient(circle, rgba(0,195,106,0.06) 0%, transparent 70%);"></div><div class="relative z-10 max-w-4xl mx-auto"><div class="text-center mb-16 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">How It Works</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> From Template to Premium Storefront </h2><p class="text-white/50 text-lg max-w-xl mx-auto leading-relaxed"> A design process built for the UAE market. Bilingual from day one, mobile-native, and approved by you at every stage before it goes live. </p></div><div class="space-y-6 reveal"><div class="relative"><div class="gradient-border-card p-7 md:p-8"><div class="flex flex-col md:flex-row md:items-center gap-6"><div class="flex-shrink-0"><div class="w-14 h-14 rounded-2xl bg-brand-500/15 border border-brand-500/30 flex items-center justify-center"><span class="text-brand-400 font-bold text-xl">1</span></div></div><div class="flex-1"><h3 class="text-white font-semibold text-xl mb-2">Audit â Benchmark Against UAE Standards</h3><p class="text-white/55 leading-relaxed"> We audit your current store against what UAE shoppers expect: mobile speed, bilingual readiness, trust signal placement, BNPL integration, and competitor positioning in the Dubai market. You see exactly where the gaps are. </p></div><div class="flex-shrink-0 hidden md:flex items-center justify-center"><div class="w-8 h-8 rounded-full bg-brand-500/10 border border-brand-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg></div></div></div></div><div class="flex justify-center mt-1 mb-1"><div class="w-px h-6 bg-gradient-to-b from-brand-500/30 to-brand-500/10"></div></div></div><div class="relative"><div class="gradient-border-card p-7 md:p-8"><div class="flex flex-col md:flex-row md:items-center gap-6"><div class="flex-shrink-0"><div class="w-14 h-14 rounded-2xl bg-brand-500/15 border border-brand-500/30 flex items-center justify-center"><span class="text-brand-400 font-bold text-xl">2</span></div></div><div class="flex-1"><h3 class="text-white font-semibold text-xl mb-2">Design + Build â Bilingual, Mobile-Native</h3><p class="text-white/55 leading-relaxed"> We design every page in Figma â in both LTR and RTL layouts, at every breakpoint. You approve the design. Then our developers build it as a custom Shopify theme with full Arabic support, Tabby/Tamara integration, and sub-2-second mobile loads. </p></div><div class="flex-shrink-0 hidden md:flex items-center justify-center"><div class="w-8 h-8 rounded-full bg-brand-500/10 border border-brand-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg></div></div></div></div><div class="flex justify-center mt-1 mb-1"><div class="w-px h-6 bg-gradient-to-b from-emerald-500/30 to-emerald-500/10"></div></div></div><div><div class="rounded-2xl border border-emerald-500/25 p-7 md:p-8" style="background:linear-gradient(#0f1620, #0f1620) padding-box, linear-gradient(to bottom, rgba(0,195,106,0.4), rgba(0,195,106,0.0)) border-box;"><div class="flex flex-col md:flex-row md:items-center gap-6"><div class="flex-shrink-0"><div class="w-14 h-14 rounded-2xl bg-emerald-500/15 border border-emerald-500/30 flex items-center justify-center"><span class="text-emerald-400 font-bold text-xl">3</span></div></div><div class="flex-1"><h3 class="text-white font-semibold text-xl mb-2">Ongoing â Ramadan-Ready, Always Current</h3><p class="text-white/55 leading-relaxed"> The UAE calendar drives your store's evolution. Ramadan campaigns, Eid collections, Dubai Shopping Festival promotions, White Friday deals â we handle seasonal design updates, new collection pages, and continuous CRO testing so your store stays ahead year-round. </p></div><div class="flex-shrink-0 hidden md:flex items-center justify-center"><div class="w-8 h-8 rounded-full bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center"><svg class="w-4 h-4 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg></div></div></div></div></div></div><div class="text-center mt-12 reveal"><a href="/scorecard" class="inline-flex items-center gap-2 text-brand-400 hover:text-brand-300 transition-colors font-medium"> Start with your free store score <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div></div></section><section class="relative overflow-hidden py-24 md:py-32 px-6"><div class="relative z-10 max-w-5xl mx-auto"><div class="text-center mb-16 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">Local UX</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> Designing for UAE Shoppers </h2><p class="text-white/60 text-lg max-w-2xl mx-auto leading-relaxed"> UAE ecommerce shoppers have specific expectations around mobile experience, payment options, and cultural relevance. A store designed for a Western audience won't convert here. These are the UX details that separate stores that sell from stores that stall. </p></div><div class="grid md:grid-cols-2 gap-8 reveal"><div class="gradient-border-card p-8"><h3 class="text-white font-medium text-lg mb-4">Mobile-First Is Non-Negotiable</h3><p class="text-white/60 text-sm leading-relaxed mb-4"> Mobile commerce accounts for the majority of ecommerce sales in the UAE, with smartphone penetration exceeding 96%. UAE shoppers expect pages to load instantly and have some of the highest mobile data speeds in the world â every additional second of load time drops conversions significantly. </p><p class="text-white/60 text-sm leading-relaxed"> Design must prioritise thumb-zone navigation, sticky add-to-cart buttons, and one-tap payment integrations with Apple Pay, Tabby, and Tamara. Desktop-first stores are leaving money on the table â 70%+ of your traffic will never see the desktop version. </p></div><div class="gradient-border-card p-8"><h3 class="text-white font-medium text-lg mb-4">Trust Signals That Work in the UAE</h3><p class="text-white/60 text-sm leading-relaxed mb-4"> UAE shoppers look for a UAE trade licence number, a local Dubai or Abu Dhabi phone number, and a physical UAE address before they trust a store with their money. Displaying prices in AED (not USD) is table stakes â
1currency mismatch kills trust instantly. </p><p class="text-white/60 text-sm leading-relaxed"> Show Aramex, SMSA Express, and Fetchr logos on product pages so buyers know delivery is local and fast. Feature Arabic language support, local customer testimonials with real names, and place your return policy where it's visible â not buried in a footer link. </p></div><div class="gradient-border-card p-8"><h3 class="text-white font-medium text-lg mb-4">Payment UX for UAE Buyers</h3><p class="text-white/60 text-sm leading-relaxed mb-4"> Credit and debit cards remain the dominant payment method in the UAE, with Apple Pay adoption growing rapidly. Tabby and Tamara lead the BNPL space, which has seen explosive growth â your checkout needs seamless integration with both for higher AOV. </p><p class="text-white/60 text-sm leading-relaxed"> BNPL adoption in the UAE is among the highest in the Middle East. Display Tabby and Tamara split-payment messaging directly on product pages â not just at checkout. For certain categories, offering COD (cash on delivery) still removes the final trust barrier for first-time buyers in the region. </p></div><div class="gradient-border-card p-8"><h3 class="text-white font-medium text-lg mb-4">Cultural & Seasonal Design</h3><p class="text-white/60 text-sm leading-relaxed mb-4"> The UAE's festive calendar drives massive ecommerce spikes. Ramadan and Eid are the biggest shopping seasons, with brands seeing 3-5x traffic surges. Dubai Shopping Festival (December-January) and White Friday (November) create additional demand peaks that brands must prepare for months in advance. </p><p class="text-white/60 text-sm leading-relaxed"> Your store needs the flexibility to run festive design elements â themed banners, countdown timers, curated gift collections â without a developer every time. Arabic/English bilingual support is essential: RTL (right-to-left) layout options, Arabic typography, and culturally appropriate imagery. For F&B brands, halal certification logos must be prominent and above the fold. </p></div></div></div></section><section class="relative py-20 md:py-28 px-6 bg-[#0f1620]"><div class="relative z-10 max-w-3xl mx-auto"><div class="text-center mb-12 reveal"><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-6">FAQ</span><h2 class="text-fluid-section font-serif italic text-white leading-tight"> Common Questions </h2></div><div class="space-y-4 reveal"><div class="gradient-border-card p-6"><h3 class="text-white font-semibold mb-3">Do I need an Arabic version of my ecommerce store in the UAE?</h3><p class="text-white/50 text-sm leading-relaxed">Depends on your audience. If you're targeting Emirati and Arab expat customers, yes â Arabic support significantly expands your addressable market. If you're targeting Western expats only, English works. Most successful UAE stores run both. We build Shopify stores with full RTL Arabic support, language switchers, and separate content for each language.</p></div><div class="gradient-border-card p-6"><h3 class="text-white font-semibold mb-3">How much does ecommerce website design cost in Dubai?</h3><p class="text-white/50 text-sm leading-relaxed">Custom Shopify design in Dubai ranges from $8,000-$40,000+ depending on complexity, number of products, and multilingual requirements. Template-based stores start lower but rarely match the premium expectations of UAE shoppers. We scope every engagement to your specific brand and market â <a href="/scorecard" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">start with the free scorecard</a> and we'll scope from there.</p></div><div class="gradient-border-card p-6"><h3 class="text-white font-semibold mb-3">What makes a good ecommerce design for the UAE market?</h3><p class="text-white/50 text-sm leading-relaxed">Three things: speed (under 2 seconds on mobile), trust signals (returns policy visible, payment badges, trade licence number), and visual quality (high-res product photography, clean layouts). UAE shoppers are comparison shoppers â your store has 5 seconds to prove quality before they tap back to the competitor they opened in another tab.</p></div><div class="gradient-border-card p-6"><h3 class="text-white font-semibold mb-3">Can you design a bilingual Arabic/English Shopify store?</h3><p class="text-white/50 text-sm leading-relaxed">Yes. We build <a href="/shopify-uae" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">Shopify stores</a>
1 with full RTL Arabic support, language switchers, and separate content for each language. The challenge isn't translation â it's designing layouts that work beautifully in both directions. Our <a href="/ecommerce-development-dubai" class="text-brand-400 underline underline-offset-2 hover:text-brand-300 transition-colors">development team</a> handles the technical RTL implementation while our designers ensure visual quality in both versions.</p></div></div></div></section><section class="relative overflow-hidden py-24 md:py-36 px-6 bg-[#080d14]"><div class="absolute inset-0 dot-grid dot-grid-mask"></div><div class="glow-blob" style="width:700px;height:700px;top:-200px;left:50%;transform:translateX(-50%);background:radial-gradient(circle, rgba(2,110,185,0.14) 0%, transparent 70%);"></div><div class="relative z-10 max-w-3xl mx-auto text-center reveal"><div class="animated-gradient-line max-w-xs mx-auto rounded-full mb-12"></div><span class="eyebrow-badge inline-flex px-4 py-1.5 rounded-full text-xs font-semibold text-brand-400 mb-8">Ready?</span><h2 class="text-fluid-section font-serif italic text-white mb-5 leading-tight"> Ready for a Store the UAE Market Takes Seriously? </h2><p class="text-white/55 text-lg leading-relaxed mb-10 max-w-xl mx-auto"> See exactly where your store falls short of UAE premium expectations. Free, takes 5 minutes, and shows you what bilingual, mobile-native design could do for your conversions. </p><a href="/scorecard" class="inline-flex items-center gap-3 px-10 py-4 rounded-full bg-brand-500 text-white font-semibold text-lg cta-glow hover:bg-brand-400 transition-colors mb-6"> Get Your Free Store Score <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><p class="text-white/25 text-sm"> No credit card. No commitment. Just clarity. </p><div class="flex flex-wrap items-center justify-center gap-6 mt-12 pt-10 border-t border-white/[0.06]"><div class="flex items-center gap-2 text-sm text-white/30"><svg class="w-4 h-4 text-brand-400/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg> Ecommerce design specialists </div><div class="flex items-center gap-2 text-sm text-white/30"><svg class="w-4 h-4 text-brand-400/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> Serving UAE + Middle East </div><div class="flex items-center gap-2 text-sm text-white/30"><svg class="w-4 h-4 text-brand-400/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg> Bilingual Arabic + English design </div></div></div></section>',9)),i(d)]))}};export{g as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.