Shopify Store Redesign

Oli Paradise — A Shopify store rebuilt around the way customers shop

Oli Paradise is an Egyptian natural skincare and fragrance brand selling online on Shopify. We rebuilt its navigation, page structure and mobile experience, fixed the issues found in a technical audit and refreshed the design to match the brand, all in ten working days.

  • Year: 2026
  • Duration: 10 working days
  • Client: Oli Paradise
  • Outcome: 25 improvements delivered in 10 days

Technologies: Shopify, Liquid, Online Store 2.0, Mobile-first, Arabic RTL, Accessibility

Project links: Visit the store · Watch the project video

The Challenge

The store had real products and a loyal audience, but visitors struggled to reach them. The navigation bar hid the key pages and categories, the site did not adapt properly to phones where most customers shop, and the path from landing to checkout had extra steps. On top of that, a handful of bugs, such as a Join Waitlist block next to in-stock products and sale badges on items with no discount, made the store feel unreliable, and the design did not reflect the brand.

We started with a technical audit, then worked on a copy of the theme so the live store stayed untouched until the client approved each phase.

Our Approach

  1. Audit and planning — We reviewed the store against the client's complaints, documented every issue in a technical audit and drew the new navigation and category map before touching any code.
  2. Navigation and page structure — We rebuilt the header for desktop and mobile, regrouped the collections, added a Shop by Paradise page and reordered the home page around best sellers and offers.
  3. Design refresh and mobile — We moved the store to a modern Online Store 2.0 theme, applied the brand colours and fonts, and made every page work on phones, in English and in right-to-left Arabic.
  4. Testing and launch — We fixed the audit findings, covered accessibility basics, ran a full test order, then published the new theme with a backup of the old one kept.

Core Features

  • Rebuilt header — Centred logo, a clear menu row, search, language and country selector, and a sticky header on desktop and mobile.
  • Shop by Paradise — A page where each scent opens its first product in one click, and falls back to the collection when it is empty.
  • Best sellers carousel — A customizable carousel with image, name, price and Buy now, with arrows, swipe and right-to-left support.
  • Honest prices and badges — Sale badges and strike-through prices appear only on real discounts, and prices come from sizes that can be bought.
  • Focused cart drawer — The cart opens over a dimmed backdrop with scrolling locked, on every screen size.
  • Arabic storefront — The menu, home text, product tabs and footer are translated, and the store runs right to left.

The Results

  • 25 Improvements delivered
  • 10 Working days
  • 2 Languages, EN and Arabic RTL
  • 36/36 Home images with set dimensions (was 2)

إعادة تصميم متجر Shopify

أولي باراديس — متجر Shopify أُعيد بناؤه حول طريقة تسوّق العملاء

أولي باراديس علامة مصرية للعناية الطبيعية بالبشرة والعطور تبيع أونلاين على Shopify. أعدنا بناء التنقل وهيكل الصفحات وتجربة الموبايل، وأصلحنا المشاكل التي كشفها الفحص الفني، وجدّدنا التصميم ليعبّر عن البراند، كل ذلك في عشرة أيام عمل.

  • السنة: 2026
  • المدة: ١٠ أيام عمل
  • العميل: أولي باراديس
  • النتيجة: ٢٥ تحسينًا في ١٠ أيام

التقنيات المستخدمة: Shopify، Liquid، Online Store 2.0، Mobile-first، Arabic RTL، Accessibility

روابط المشروع: زيارة المتجر · شاهد فيديو المشروع

التحدي

كان للمتجر منتجات حقيقية وجمهور وفيّ، لكن الزوار كانوا يجدون صعوبة في الوصول إليها. شريط التنقل يخفي الصفحات والأقسام المهمة، والموقع لا يتكيّف جيدًا مع الموبايل حيث يتسوّق أغلب العملاء، ومسار الشراء من الدخول حتى الدفع فيه خطوات زائدة. وفوق ذلك كانت هناك أخطاء مثل ظهور «Join Waitlist» بجانب منتجات متاحة وشارات خصم على منتجات بلا خصم، فبدا المتجر غير موثوق، والتصميم لا يعبّر عن البراند.

بدأنا بفحص فني، ثم عملنا على نسخة من الثيم حتى يبقى المتجر الحي كما هو إلى أن يوافق العميل على كل مرحلة.

كيف عملنا

  1. الفحص والتخطيط — راجعنا المتجر على ضوء شكاوى العميل، ووثّقنا كل مشكلة في تقرير فني، ورسمنا خريطة التنقل والأقسام الجديدة قبل لمس أي كود.
  2. التنقل وهيكل الصفحات — أعدنا بناء الهيدر للديسكتوب والموبايل، وأعدنا تجميع المجموعات، وأضفنا صفحة «تسوّق حسب الباراديس»، ورتّبنا الصفحة الرئيسية حول الأكثر مبيعًا والعروض.
  3. تجديد التصميم والموبايل — نقلنا المتجر إلى ثيم Online Store 2.0 حديث، وطبّقنا ألوان البراند وخطوطه، وجعلنا كل صفحة تعمل على الموبايل بالإنجليزية والعربية من اليمين لليسار.
  4. الاختبار والإطلاق — أصلحنا ما كشفه الفحص، وغطّينا أساسيات إمكانية الوصول، وجرّبنا طلب شراء كاملًا، ثم نشرنا الثيم الجديد مع الاحتفاظ بنسخة احتياطية من القديم.

الميزات الأساسية

  • هيدر جديد — لوجو في المنتصف وقائمة واضحة وبحث واختيار اللغة والدولة، وهيدر ثابت أثناء التمرير على الديسكتوب والموبايل.
  • تسوّق حسب الباراديس — صفحة تفتح فيها كل رائحة أول منتج بنقرة واحدة، وترجع لصفحة المجموعة لو كانت فارغة.
  • شريط الأكثر مبيعًا — شريط قابل للتخصيص بصورة واسم وسعر وزر شراء، مع الأسهم والسحب ودعم اليمين لليسار.
  • أسعار وشارات صادقة — شارة الخصم والسعر المشطوب يظهران فقط مع الخصم الحقيقي، والسعر يُحسب من المقاسات المتاحة.
  • سلة جانبية مركّزة — السلة تفتح فوق خلفية معتمة مع تثبيت التمرير، على كل أحجام الشاشات.
  • متجر عربي كامل — القائمة ونص الرئيسية وتبويبات المنتج والفوتر مترجمة، والمتجر يعمل من اليمين لليسار.

النتائج

  • ٢٥ تحسينًا تم تسليمه
  • ١٠ أيام عمل
  • ٢ لغتان: إنجليزي وعربي RTL
  • ٣٦/٣٦ صور الرئيسية بأبعاد محددة (كانت ٢)

Previous Project: Axcieve — AI-powered sales platform: website and app · Next Project: Sensation for Export — Fresh and frozen produce exporter · Back to Portfolio · Start a Conversation