Чому ми Послуги Портфоліо Блог Технології Процес розробки Розпочати проєкт →
UA EN RU
← Всі статті
Кейс · 20.02.2020 · 9 хв читання

G&G Glamour: інтернет-магазин, який завжди з тобою

Понад 85% клієнтів G&G Glamour заходили з телефона. Адаптивний сайт загорнули в оболонку на JS — і за 2 місяці випустили застосунок для iOS та Android із push-сповіщеннями замість платних SMS.
G&G Glamour: інтернет-магазин, який завжди з тобою

Понад 18 років компанія «G and G Гламур» допомагає жінкам вдягатися стильно й красиво та почуватися впевнено і незрівнянно. Товари компанії — офіційного дистриб’ютора топових міжнародних брендів одягу MaxMara, Fendi, Marina Rinaldi, Sergio Rossi, Simonetta Ravizza та Weekend MaxMara — представлені в мережі з 10 бутиків у найбільших містах Казахстану, Алмати й Нур-Султані, а також у каталозі інтернет-магазину. Прагнучи розвиватися й рости, «G and G Гламур» звернулася до розробників AniArt, щоб модернізувати наявний сайт. Розповідаємо, як минула робота над проєктом і які результати дала співпраця.

Інтернет-магазин, який завжди з тобою

Інтернет-магазин «G&G» звернувся до команди AniArt із метою зробити наявний сайт зручнішим і функціональнішим для клієнтів. Потрібне було рішення, яке дало б максимально зручний доступ до каталогу товарів, допомогло легко орієнтуватися серед величезного асортименту та швидко й зручно оформлювати замовлення.

За статистикою, понад 85% клієнтів «G and G Гламур» користуються мобільною версією сайту. З огляду на ці цифри рішення було очевидним — розробка спеціального застосунку для iOS та Android. Головна мета такого рішення — покращити клієнтський сервіс компанії, створити комфортні умови, де клієнт міг би швидко робити покупки.

Мобільний застосунок інтернет-магазину G&G Glamour
Застосунок свідомо повторює звичний інтерфейс сайту: той самий каталог, той самий шлях до замовлення.

Одним із ключових побажань інтернет-магазину було створити застосунок, максимально схожий на основний сайт, до якого постійні користувачі вже звикли. Для цього інтерфейс користувача реалізували на базі JS. Повноцінну адаптивну версію мобільного сайту загорнули в оболонку JS, щоб сайт став мобільним застосунком і міг зберігати в собі всі потрібні функції застосунків, адже сам сайт такого спектра можливостей не має.

Суть. Ми не переписували магазин заново, а перенесли вже звичний клієнтам досвід сайту в мобільний формат. Це зберегло логіку каталогу й водночас відкрило доступ до можливостей, які є лише в застосунку.

Швидко, зрозуміло, точно. Переваги для користувачів

Усе, що потрібно для початку роботи із застосунком, — знайти «G&G» (GGONLINE) в AppStore або PlayMarket і завантажити його на свій пристрій. Із цього моменту застосунок доступний для використання. Це значно зручніше порівняно з мобільною версією сайту, де клієнтові спершу треба відкрити браузер, а потім вводити адресу сайту. Після встановлення безкоштовного мобільного застосунку одним дотиком до екрана клієнт отримує доступ до понад 2000 позицій просто у смартфоні чи планшеті, де може шукати, порівнювати й обирати товар, який сподобався.

Доступ в один дотик

Понад 2000 позицій каталогу відкриваються одразу після запуску застосунку — без браузера й введення адреси сайту.

Особистий кабінет

Зареєстровані та авторизовані користувачі отримують доступ до кабінету, де зберігаються історія покупок і персональні пропозиції.

Замовлення в кілька кліків

Таке рішення дає змогу оформити замовлення буквально в кілька кліків, а потім відстежувати статус його виконання на різних етапах.

Оновлення без перевипуску

Оболонка на базі JavaScript дозволяє одночасно створювати версії для iOS та Android і швидко редагувати функціонал і дизайн без перевипуску в маркеті.

Зважаючи на велику кількість товарів, важливо було зберегти швидкодію роботи із сайтом. Над швидкістю працюємо регулярно: розробники систематично збільшують місце на сервері, пришвидшують обмін з ERP-системою, оптимізують фото й завантаження блоків сайту. Ця робота дає змогу зробити застосунок максимально швидким і стабільним для користувача.

Дизайн сайту створювали наші партнери «Турум-бурум» — turumburum.ua.

Погляд команди

Цей кейс був для нас особливо цікавим: ми не просто зробили застосунок, а акуратно перенесли звичний клієнтам досвід сайту в мобільний формат, зберігши логіку каталогу, швидкість і зручність оформлення замовлення. Як команда з багаторічним досвідом в ІТ, ми тримали фокус на пріоритетах, синхронізації розробки, якості та проходженні публікацій в App Store і Google Play без зайвих ітерацій.Світлана Брагіна, керівниця ІТ-проєктів AniArt

Окремо важливо, що рішення дало бізнесу пряму економію на комунікаціях: замість платних SMS-розсилок ми використовуємо push-сповіщення. Для орієнтиру: за бізнес-тарифікацією SMS Click у Казахстані вартість одного повідомлення залежить від оператора та підпису відправника — і на обсягах розсилок ця різниця швидко перетворюється на відчутну суму.

Основні складнощі, з якими ми зіткнулися

Розміщення застосунку в офіційних магазинах AppStore та PlayMarket — один із найважливіших етапів у процесі реалізації. Не всі розроблені застосунки потрапляють на ці платформи. Щоб отримати схвалення, потрібно не лише обґрунтувати доцільність створення мобільного застосунку за наявного сайту, а й пройти кілька рівнів перевірок. Наприклад, отримати підтвердження, що застосунок, який завантажується, не містить вірусів і є безпечним для користувача.

Під час створення застосунку для iOS вимоги були досить жорсткими, а умови — доволі непростими, а саме:

  1. Реєстрація акаунта. Співробітники компанії Apple особисто передзвонюють і уточнюють усі деталі майбутнього власника застосунку: країну проживання, з якою метою потрібно зареєструвати акаунт. Щорічна абонплата не дає гарантії, що вони підтвердять створення акаунта та випуск застосунку.
  2. Середовище розробки. Створювати застосунок необхідно безпосередньо в середовищі Xcode — це інтегроване середовище розробки програмного забезпечення для платформ macOS, iOS, watchOS і tvOS.
  3. Автоматична перевірка. Після реалізації первинних вимог до застосунку відбувається автоматичний пошук шкідливого ПЗ. Проте пройдена перевірка ще не гарантує публікації.
  4. Заявка на публікацію. Варто зазначити, що на цьому етапі досить велика кількість застосунків отримує відмову. Разом із тим співробітники AppleStore та PlayMarket надсилають власникам застосунків перелік вимог, які потрібно виконати.
  5. Повторні подання. Після виконання вимог подається повторна заявка на публікацію. Таких заявок може бути чимало. Багато компаній не можуть пройти цей етап, але, на щастя, нам це вдалося.
  6. Ручне тестування. Далі, після всіх автоматичних перевірок, застосунок тестує працівник Apple у реальному режимі. На якийсь час він приміряє на себе роль клієнта «G&G Гламур» і стає користувачем застосунку: переглядає товари, додає їх до обраного тощо.
  7. Нові вимоги під час процесу. Вимоги регулярно поповнюються, що не стало винятком і в нашому випадку. Перед черговою подачею на публікацію додали додаткові вимоги для всіх претендентів — і з ними ми теж упоралися.
  8. Наполегливість. Ми не здавалися: виконували вимоги й вели листування до повного дозволу на публікацію. Зрештою співробітники AppleStore та PlayMarket дали добро. Ми отримали колосальний досвід, чому безмежно раді.

Пройшовши через усі необхідні стадії перевірок, мобільний застосунок G&G отримав дозволи для використання клієнтами й дав користувачам змогу робити покупки швидко та зручно.

Новий канал для взаємодії з клієнтами

Застосунок зручний не лише для користувачів — він і не потребує особливих зусиль для підтримки з боку адміністраторів. Абсолютно всі зміни, які вносяться на сайт, автоматично відображаються в застосунку, що дає змогу зменшувати витрати на реалізацію доопрацювань. Таким чином, не потрібна допомога програміста, який підтримував би мобільні застосунки.

Керування для адміністратора сайту лишилося зручним і звичним. На адміністративній панелі з’явився додатковий розділ, що відповідає за push-сповіщення — планові, за сценаріями взаємодії із застосунком, покинуті кошики. Усе це регулюється через адміністративну панель.

Розділ push-сповіщень в адміністративній панелі інтернет-магазину
Окремий розділ адмінпанелі відповідає за push-сповіщення: планові, сценарні та нагадування про покинутий кошик.

Мобільний застосунок фактично відкрив для компанії додатковий канал комунікації з клієнтами й допоміг якісно покращити взаємодію з ними. Розробники AniArt впровадили можливість миттєвої, планової та ситуативної відправки push-сповіщень для клієнтів. Наприклад, можна сегментувати надсилання маркетингових розсилок, персоналізуючи звернення до авторизованих і неавторизованих клієнтів.

Налаштування push-розсилки для сегментів клієнтів
Розсилку можна сегментувати й персоналізувати окремо для авторизованих і неавторизованих клієнтів.

Варто звернути увагу, що раніше такої можливості не було. Зараз інтернет-магазин «G&G» легко може інформувати користувачів про надходження нових товарів чи розпродаж люксового одягу. Ба більше, push-сповіщення можна налаштувати й у випадку, якщо користувач залишив кошик із доданими товарами, а також обрати, з якою періодичністю ці сповіщення надсилатимуться — разово, раз на три дні тощо. Спливне сповіщення на екрані — хороший спосіб нагадати про незавершену дію та спонукати користувача зробити покупку.

При цьому надсилання push-сповіщень клієнтам — значна економія фінансів компанії, на відміну від розсилки SMS-повідомлень. Плата за відправлення одного SMS — близько 30–40 центів. Розсилка на 1000 людей (один сегмент) кілька разів на місяць виливалася б у кругленьку суму.

Що може містити push-сповіщення

  • Заголовок
  • Опис
  • Посилання на сторінку акції або товар
  • Вибір фону та звуку (для пристроїв з Android)

Сценарії, за якими надходять сповіщення

Тип сповіщенняКоли спрацьовуєЩо всередині
ПлановеЗа графіком маркетингових розсилокНадходження нових товарів, розпродаж люксового одягу
СценарнеКлієнт завантажив застосунок, періодично заходить у нього, але не авторизувавсяЗаклик авторизуватися в застосунку
СценарнеКлієнт авторизований, але давно не заходивНові колекції або товари на основі раніше переглянутих
Покинутий кошикКористувач залишив кошик із доданими товарамиНагадування завершити замовлення; періодичність — разово, раз на три дні тощо
МиттєвеКоли розсилку потрібно зробити терміновоАдміністратор може налаштувати її навіть із мобільного телефона

Результати

Повноцінний мобільний застосунок допомагає клієнтам зручніше переглядати товари та простіше оформлювати замовлення. Для компанії ж таке рішення допомогло покращити комунікацію з користувачами, а також помітно оптимізувати ресурси, адже немає потреби звертатися за невеликими доопрацюваннями до технічних спеціалістів.

2 місяці
тривала розробка — зазвичай подібні застосунки роблять 10–12 місяців
у 8–10 разів
зекономлено бюджет завдяки реалізації на основі сайту, а не «з нуля»
від $300
економії: приблизно стільки коштували б SMS, замість яких створено push
+46,6%
зростання відвідуваності онлайн-магазину
+50%
зростання кількості активних користувачів
2000+
позицій каталогу доступні просто у смартфоні чи планшеті

Що далі

Серед найближчих планів — провести аналіз ефективності push-сповіщень: які саме повідомлення та яка інформація в них найбільше спонукають зробити покупку «тут і зараз». Також у майбутньому плануємо доопрацювати застосунок так, щоб користувач міг оформити замовлення й у випадку, коли раптово зник інтернет.

Відгук про співпрацю з AniArt

Завдяки високому професіоналізму команди AniArt ми отримали не просто онлайн-каталог товарів, а повноцінний робочий сайт. Проєкт було реалізовано дуже швидко, і при цьому запропоноване рішення виявилося для нас оптимальним. Усе, що пропонували спеціалісти, виявилося найкращими варіантами саме з урахуванням особливостей нашого запиту. Спеціалісти AniArt супроводжували нас на всіх етапах проєкту: розробка проєкту, SEO-оптимізація та просування, створення маркетингового плану, інтеграція з обліковою системою.Жанія Сауранбаєва, директорка GGONLINE