Інтернет-магазин преміальної косметики DermActe: вихід на ринок Об'єднаних Арабських Еміратів
Послуги: Стратегія виходу на ринок, UX/UI дизайн, кастомна розробка, SEO-просування, інтеграція Tabby та платіжних систем, налаштування аналітики
У Дубаї покупець уже має доступ до світових брендів і великих beauty-маркетплейсів, тому новому бренду потрібно було з першого контакту виглядати на рівні лідерів ринку.
Аудиторія ОАЕ очікує від преміального бренду стриманої естетики, клінічної довіри та сервісу без компромісів, і сайт мав передавати це так само переконливо, як сам продукт.
Покупці в Еміратах звикли до оплати частинами, Apple Pay та оплати при отриманні, а також до доставки в день замовлення, тож без цього бренд втрачав би клієнтів ще на етапі кошика.
Бренду потрібен був не просто магазин, а канал, який знаходять у пошуку, видно в Google Shopping і можна точно вимірювати для подальших рекламних запусків.
Створили дизайн у стилі quiet luxury: мінімалізм, натуральні фактури, атмосфера Дубаю та клінічна точність у кожній деталі, щоб бренд одразу зчитувався як преміальний.
Покупець може оплатити замовлення частинами через Tabby, карткою, через Apple Pay чи Google Pay або при отриманні, тому кошик не втрачає клієнтів через незручну оплату.
Доставку same-day та next-day по Еміратах, умови безкоштовної доставки і ціни в AED показали так, щоб покупець бачив усі умови ще до оформлення замовлення.
Додали обов'язкові інформаційні розділи та прозорі умови покупки, повернення й доставки, щоб бренд працював відповідно до місцевих правил і викликав довіру.
Розробили магазин з нуля під каталог із варіаціями, фільтрами та підбірками бестселерів, щоб бренд мав повний контроль над сайтом і швидкість, якої не дають конструктори.
Налаштували SEO-просування під пошук в ОАЕ, Google Merchant Center, GA4, GTM та Meta Pixel, щоб бренд отримував трафік і мав точні дані для масштабування реклами.
Перший екран одразу позиціює бренд у преміум-сегменті
- Предметна зйомка на природному камені задає настрій quiet luxury
- Слоган поєднує науковий підхід і люкс в одному меседжі
- Монохромна палітра залишає головну роль продукту
- Один акцентний заклик веде покупця до колекції
Ми свідомо відмовилися від яскравих банерів і агресивних акцій, типових для mass-market. Повітря, пауза між блоками та тонка типографіка формують відчуття дорогого бутика, якого очікує покупець преміальної косметики в Дубаї.
Шапку зібрали навколо довіри та швидкої покупки
- Верхня смуга одразу повідомляє про безкоштовну доставку по ОАЕ та міжнародні відправлення
- Логотип бренду відокремлений від основного меню
- Каталог, доставка й оплата, FAQ і блог зібрані в одному рядку
- Пошук, обране, кошик і профіль згруповані праворуч
Умови доставки та контактний телефон покупець бачить ще до першого скролу. Для ринку ОАЕ, де сервіс важить не менше за продукт, це знімає головні питання ще до переходу в каталог.
Футер став довідником для покупця
- Опис бренду та соціальні мережі винесені в окрему зону
- Каталог і бренди отримали власні навігаційні колонки
- Умови доставки, повернення та FAQ зібрані в блоці інформації
- Логотипи платіжних систем і Tabby підтверджують безпечну оплату
Темний футер контрастно завершує світлу сторінку й показує всі способи оплати, звичні для Еміратів, ще до переходу в кошик.
Товарна картка продає без зайвого шуму
-
Добірки перемикаються вкладками
Новинки, бестселери та товари зі знижкою зібрані в один блок, тому покупець обирає сценарій без переходу в каталог.
-
Статуси товару винесли у верхній кут
Мітки NEW, BESTSELLER і SALE розташовані над фото, а кнопка швидкого додавання — на протилежному боці.
-
Ціна в AED одразу показує вигоду
Поруч із ціною видно розмір знижки та об'єм засобу, тому покупець порівнює товари без відкриття картки.
-
Рейтинг і обране підтримують рішення
Оцінка з кількістю відгуків і кнопка обраного допомагають повернутися до товару пізніше.
Атмосфера Дубаю та клінічна довіра в одному кадрі
- Лайфстайл-зйомка розмістила бренд у контексті Еміратів Обличчя моделей і краєвиди Дубаю допомагають покупцю впізнати себе та своє місто.
- Цифри 1926 стали графічним символом спадщини Великі напівпрозорі цифри на фоні нагадують про історію бренду, не перевантажуючи текст.
- Розповідь про бренд звучить мовою науки Акцент на співпраці з дерматологами та формулах для клімату Затоки відповідає на запит ринку щодо ефективності.
- Кожен смисловий блок завершується дією Після розповіді про бренд покупець отримує чіткий наступний крок — перейти до колекції або історії бренду.
У преміальній косметиці покупець купує не лише засіб, а й довіру до експертизи бренду. Тому візуальні блоки чергуються з короткими змістовними історіями, які пояснюють цінність продукту без рекламного тиску.
Інгредієнти будують довіру, а Tabby спрощує покупку
-
Ключові активи винесли в окремі картки
Ретинальдегід, керамідний комплекс і гіалуронова кислота пояснені простою мовою з посиланням на продукт.
-
Кожен інгредієнт веде до конкретного засобу
Під описом активу вказано, в якому продукті він працює, тому інтерес одразу перетворюється на шлях до покупки.
-
Банер Tabby інтегрували в стиль сайту
Оплата частинами показана на головній як перевага бренду, а не як технічна деталь на етапі оформлення.
-
Фінальний заклик завершує сторінку
Блок Start your skincare journey повертає покупця до каталогу після знайомства з брендом.
Мобільна версія стала повноцінною вітриною бренду
- Шапка адаптована під одну руку Каталог, пошук, кошик і меню розміщені в компактному рядку з великими зонами натискання.
- Товари гортаються горизонтально Добірки на смартфоні відображаються каруселлю, тому покупець бачить більше товарів без довгого скролу.
- Лайфстайл-банери зберегли преміальну атмосферу Великі фото та типографіка адаптовані під вузький екран без втрати естетики десктопу.
- Футер зібрали в компактні колонки Навігація, контакти та способи оплати залишаються доступними без нескінченного прокручування.
В ОАЕ більшість покупок у сегменті beauty починається зі смартфона та соціальних мереж. Тому мобільну версію ми проєктували не як зменшену копію десктопу, а як самостійний сценарій, у якому покупець проходить шлях від реклами до оплати за кілька дотиків.
За цей час ми пройшли шлях від брифу до готового магазину: дизайн, розробка, інтеграції, тестування та підготовка до SEO-просування.
Картка, Apple Pay, Google Pay, оплата частинами через Tabby та оплата при отриманні, щоб жоден покупець не залишив кошик через незручну оплату.
Same-day та next-day доставка з прозорими умовами, які покупець бачить ще до оформлення замовлення.
Новинки, бестселери та акційні пропозиції перемикаються в одному блоці, тому покупець знаходить потрібний сценарій без переходу в каталог.
GA4, Google Tag Manager, Meta Pixel та Google Merchant Center дають бренду точні дані для реклами та розвитку з першого замовлення.
Каталог із варіантами об'єму, відтінку та аромату, фільтрами й підбірками побудований так, щоб легко розширюватися разом із брендом.
DermActe – бренд професійної космецевтики від ANK Aesthetic Company, який виходив на ринок Об’єднаних Арабських Еміратів. Клієнт звернувся до Kliox за розробкою інтернет-магазину косметики під ключ: дизайн, кастомна розробка, підключення локальних платіжних систем, налаштування аналітики та SEO-просування. Основна задача – запустити онлайн-продажі в Дубаї та інших еміратах так, щоб новий бренд з першого дня виглядав на рівні з відомими гравцями beauty-ринку і був зручним для місцевих покупців.
Особливості ринку косметики в ОАЕ
Дубай – один з найбільших центрів продажу преміальної косметики на Близькому Сході. Тут працюють світові бренди, великі beauty-маркетплейси та локальні мережі, тому покупець має з чим порівнювати. Від інтернет-магазину косметики він очікує якісного дизайну, цін у дирхамах, швидкої доставки та звичних способів оплати, зокрема оплати частинами. Якщо чогось із цього немає, клієнт легко переходить до конкурента.
Перед стартом робіт ми зібрали вимоги ринку та побажання клієнта: референси, умови оплати й доставки, структуру каталогу, обов’язкові сервіси аналітики. На основі цього сформували технічне завдання, а дизайн, функціонал і SEO-структуру будували вже під конкретного покупця з ОАЕ.
Мовою сайту обрали англійську. В Еміратах це основна мова міжнародної торгівлі та онлайн-покупок, нею користуються і місцеві жителі, і велика кількість іноземців, які живуть і працюють у Дубаї. Англомовна версія дає змогу охопити основну аудиторію преміальної косметики в країні, а також відкриває можливість продажів за межі ОАЕ. Арабську та інші мовні версії клієнт може додати окремим етапом розвитку, перетворивши сайт на мультимовний магазин.
Задачі проєкту
Бренд заходив на новий ринок без власного інтернет-магазину. Потрібно було створити сайт, який закриває кілька бізнес-задач:
- Позиціонувати DermActe як преміальний бренд науково обґрунтованої косметики.
- Врахувати звички покупців в ОАЕ – ціни в AED, оплату частинами, Apple Pay, оплату при отриманні.
- Показати умови доставки по Еміратах до оформлення замовлення.
- Дати зручне керування каталогом з варіаціями об’єму, відтінку та аромату.
- Підготувати сайт до SEO-просування та реклами з першого дня роботи.
Клієнт обрав кастомну розробку інтернет-магазину замість готової CMS чи конструктора. Бренд планує розвиватися в ОАЕ, а надалі виходити на інші ринки, тому йому важливо повністю контролювати сайт, його швидкість і функціонал.
Дизайн інтернет-магазину косметики
Для DermActe ми розробили дизайн у стилі quiet luxury – стриманий мінімалізм, характерний для преміальних beauty-брендів. Основа візуальної мови – монохромна палітра, натуральні фактури каменю, тонка типографіка та багато вільного простору. Яскравих банерів і агресивних акцій на сайті немає, увагу покупця утримує сам продукт.
Окремо працювали з локальним контекстом. Лайфстайл-зйомки з краєвидами Дубаю та моделями, близькими до місцевої аудиторії, поєднали з подачею в клінічному стилі: дерматологічна експертиза, формули для клімату Перської затоки, активні інгредієнти. Великі напівпрозорі цифри року заснування стали графічним символом бренду та нагадують про його історію. Кожен смисловий блок на головній сторінці закінчується кнопкою переходу до каталогу або сторінки про бренд.
Кастомна розробка
Інтернет-магазин DermActe написаний з нуля, без конструкторів і готових тем. На сайті немає зайвого коду, який зазвичай містять універсальні шаблони, тому сторінки завантажуються швидше. Для e-commerce це впливає і на конверсію, і на позиції в Google. Кожен елемент інтерфейсу розроблений під задачі бренду, а функціонал можна розширювати без обмежень сторонньої платформи.
Каталог побудований з урахуванням специфіки косметики. Товари мають варіації, у каталозі працюють фільтри, на головній сторінці є добірки новинок, бестселерів і товарів зі знижкою. Покупець, який вперше бачить бренд, швидко знаходить популярні засоби.
Оплата частинами Tabby та інші способи оплати
В ОАЕ популярна модель “купуй зараз – плати пізніше”, а Tabby – один з найвідоміших сервісів оплати частинами в регіоні. Ми підключили Tabby до інтернет-магазину DermActe та розмістили банер сервісу на головній сторінці, щоб покупець знав про таку можливість ще до вибору товару.
Крім Tabby, на сайті доступні:
- Оплата банківською карткою.
- Apple Pay та Google Pay.
- Оплата готівкою при отриманні.
Логотипи платіжних систем виведені у футер сайту. Покупець бачить усі способи оплати до переходу в кошик, і це додає довіри до нового бренду.
Доставка по ОАЕ
Бренд доставляє замовлення власними силами у форматах same-day та next-day. Інформація про безкоштовну доставку по ОАЕ та міжнародні відправлення розміщена у верхній смузі сайту, детальні умови – на сторінці “Доставка та оплата”. Ціни на всіх сторінках відображаються в AED. Умови доставки, повернення та обміну зібрані в окремому розділі, тому покупець отримує відповіді на основні питання до оформлення замовлення.
Картка товару та блок інгредієнтів
Картку товару ми зробили максимально інформативною без перевантаження:
- Мітки NEW, BESTSELLER і SALE розміщені над фото товару.
- Поруч із ціною показані розмір знижки та об’єм засобу.
- Рейтинг з кількістю відгуків допомагає порівняти товари.
- Кнопки кошика та обраного доступні прямо з картки.
Аудиторія космецевтики уважно читає склад, тому на головній сторінці є окремий блок про ключові інгредієнти – ретинальдегід, керамідний комплекс і гіалуронову кислоту. Для кожного активу коротко описано, як він діє, і вказано продукт, у якому він міститься.
Мобільна версія
У beauty-сегменті багато покупців приходять на сайт зі смартфона – з реклами в Instagram, інших соцмереж або з пошуку. Мобільну версію інтернет-магазину DermActe ми проєктували окремо під сценарії мобільних користувачів. Шапка зручна для керування однією рукою, добірки товарів гортаються горизонтально, лайфстайл-банери адаптовані під вузький екран, футер зібраний у компактні колонки. Від переходу з реклами до оплати замовлення покупцю достатньо кількох дій.
SEO-просування інтернет-магазину косметики в ОАЕ
SEO-структуру ми закладали ще на етапі розробки. Логіка категорій і товарних сторінок, мета-теги, мікророзмітка та швидкість завантаження налаштовані так, щоб пошукові системи коректно індексували сайт і розуміли його тематику.
На головній сторінці розміщено текстовий блок про підхід бренду до догляду за шкірою, оптимізований під пошукові запити про космецевтику та доглядову косметику в ОАЕ. Технічно передбачено блог, у якому бренд зможе публікувати статті про догляд за шкірою в спекотному кліматі, дію активних інгредієнтів та щоденні ритуали догляду. Це основа для подальшого SEO-просування інтернет-магазину косметики в Дубаї.
Для реклами товарів ми підключили Google Merchant Center, щоб продукція бренду могла показуватися в Google Shopping.
Аналітика
До старту продажів ми налаштували GA4, Google Tag Manager та Meta Pixel. Бренд бачить джерела трафіку, поведінку покупців на сайті та етапи, на яких вони ухвалюють рішення про покупку. Ці дані використовуються для запуску та оптимізації реклами в Google і Meta, а також для подальшого розвитку магазину.
Етапи роботи над проєктом
Роботу над інтернет-магазином DermActe ми розділили на кілька послідовних етапів, щоб клієнт бачив прогрес і міг вносити правки на кожному з них.
Аналіз і технічне завдання. Зібрали бриф, вивчили референси клієнта та сайти конкурентів на ринку ОАЕ, визначили структуру каталогу, способи оплати, умови доставки та перелік інтеграцій. Результатом етапу стало технічне завдання, погоджене з клієнтом.
Дизайн. Розробили візуальну концепцію, макети головної сторінки, каталогу, картки товару, кошика та інформаційних сторінок для десктопу і мобільних пристроїв. Логотип, фірмові кольори та шрифти бренду надав клієнт, ми адаптували їх під інтерфейс інтернет-магазину.
Розробка. Написали фронтенд і серверну частину, реалізували каталог з варіаціями та фільтрами, кошик, оформлення замовлення, адміністративну панель для керування товарами та замовленнями.
Інтеграції. Підключили Tabby та інші платіжні сервіси, налаштували GA4, Google Tag Manager, Meta Pixel і Google Merchant Center.
Тестування та запуск. Перевірили роботу сайту на різних пристроях і браузерах, протестували оплату та оформлення замовлень, виправили виявлені помилки. Після цього перенесли сайт на хостинг клієнта та передали доступи. Протягом місяця після запуску допомагаємо з наповненням і виправленням дрібних помилок.
Результат для бренду DermActe
Що отримав клієнт після запуску:
- Інтернет-магазин косметики, розроблений з нуля під ринок ОАЕ.
- Преміальний дизайн у стилі quiet luxury.
- Оплату частинами через Tabby, оплату карткою, Apple Pay, Google Pay та при отриманні.
- Умови доставки same-day та next-day по Еміратах, ціни в AED.
- Каталог з варіаціями, фільтрами та добірками бестселерів, новинок і акцій.
- Мобільну версію, адаптовану під покупців з реклами та соцмереж.
- SEO-структуру, Google Merchant Center і налаштовану аналітику.
- Платформу, на якій можна розширювати каталог і додавати новий функціонал.
Розробка інтернет-магазину косметики для ринку ОАЕ від Kliox
Kliox допомагає beauty-брендам запускати інтернет-магазини для нових ринків під ключ. Аналізуємо вимоги ринку та конкурентів, розробляємо дизайн під цільову аудиторію, пишемо кастомний код, підключаємо локальні платіжні системи та служби доставки, налаштовуємо аналітику та SEO-просування. Якщо ви плануєте запуск інтернет-магазину косметики в Дубаї, ОАЕ або іншій країні, залиште заявку через форму на сайті. Ми проаналізуємо ваш проєкт і запропонуємо рішення під ваші цілі та бюджет.
// Рішення для розвитку beauty-магазину на міжнародному ринку
Замість сотень пунктів меню і зайвих полів — тільки те що потрібно вашій команді. Кожна роль бачить свій інтерфейс, масові дії виконуються за кліки, а не за хвилини
Модуль відображає ціни у кількох валютах одночасно з автоматичним оновленням курсу НБУ або приватного банку — покупець обирає зручну валюту і оплачує в гривнях за актуальним курсом
Бонусні бали за покупки, рівні клієнтів з привілеями, реферальна система і персональні пропозиції — система що будує звичку купувати саме у вас
Система відстежує покупців що додали товари в кошик але не оформили замовлення і автоматично надсилає серію персоналізованих нагадувань через email, Viber або SMS
