Кейс розробки інтернет-магазину жіночого дизайнерського одягу

Це був дуже цікавий кейс з розробки магазину одягу. Перша зустріч із клієнтом відбулась у 2019. Запит — зробити комерційну пропозицію щодо створення інтернет-магазину дизайнерського жіночого одягу. Ми розрахували приблизну вартість, але вона виявилася вищою, ніж очікував клієнт. Тому він звернувся до фрилансерів, які за помірний бюджет створили шаблонний інтернет-магазин одягу на CMS Opencart.
Відразу після створення онлайн магазину жіночого одягу власник знов звернувся до нас, щоби просунути новостворений сайт у Google. Після первісного технічного аудиту зʼясувалось, що сайт інтернет магазину був розроблений не дуже якісно: потрібно було робити багато доопрацювань. Але це не зупинило ні нас, ні клієнта.
Ми 4 місяці сумлінно працювали із сайтом: займалися SEO-оптимізацією і дороблювали функціонал. У процесі розвитку магазин одягу під непримітною назвою LookFR (Look Fashion Room) переродився в український бренд жіночого дизайнерського одягу з влучним імʼям VIRNA. З кожним місяцем ставало все складніше (а головне, дорожче) доводити до ладу сайт, як хотів того клієнт.
Коли стало зрозуміло, що це зʼїдає бюджет, а результат усе ще не влаштовує — ми зробили повторний розрахунок для створення сайту магазину одягу з нуля. Уже не було ніяких сумнів, що для цього кейсу новий інтернет-ресурс — це правильний крок. Ексклюзивний одяг потрібно продавати на красивій вітрині, щоб підкреслити всі його переваги, адже на базарі авторську колекцію буде важко впізнати серед звичайного «Китаю».
Як створити інтернет-магазин одягу
Завдання
Перед фахівцями стояли важкі завдання:
- розробка магазину одягу, що став би конкурентом відомим інтернет-платформам, таким як: Gepur, LaModa, 12storeez;
- виділитися дизайном серед конкурентів;
- створенний сайт має бути швидким та зручним для клієнтів, що переходять з інстаграм;
- сайт має вийти на перші сторінки пошуку Google за пошуковими запитами.
Підготовка
Проєкт почався з розробки SEO-структури для нового сайту. Була проведена велетенська робота:
- зробили аналіз інтернет магазинів конкурентів;
- зібрали велике семантичне ядро;
- визначили стратегію просування на пів року.
Проєктним менеджером була розписана структура декомпозиції робіт — велика таблиця, у якій показані всіх завдання, пріоритети та терміни виконання.
З чого почали створення сайту інтернет магазину жіночого одягу?
Обсяг робіт, що мав увійти в перший реліз:
- мультимовність;
- каталог товарів;
- відеокартки товарів;
- кошик;
- підписка на розсилку;
- сторінка оформлення замовлення;
- модуль «Ви дивилися» — товари, які переглядав клієнт;
- модуль «Вам може сподобатись»;
- онлайн-оплата;
- доставка;
- SEO-модуль (внесення опису товарів і категорій, мапа сайту, генератор метатегів для просування у Google, мікророзмітки).
Додатково необхідно було створити інфосторінки: про нас, оплата й доставка, політика конфіденційності та контакти.
Розробка дизайну інтернет-магазину одягу
Проблема
Дизайн мав вирізнятися серед конкурентів.
Рішення
Створення унікального фото та відеоконтенту для сайту — клієнт найняв професійного фотографа та моделей. Зробили фотосесії для всіх товарних позицій.
Створення та додавання відео до картки товару — спочатку завантажується фото, а потім картка оживає. Зі слів клієнтів, це має вражаючий ефект.
Щоб створити сайт інтернет магазину одягу, який би сподобався клієнту, ми надихалися дизайном Lamoda, Gepur, 12storeez та створили дещо особливе. Без зайвої скромності можемо сказати, що дизайн вийшов як треба — сучасний, стильний та неймовірно ніжний. Головний екран першої сторінки та відеокартки товарів — це наша окрема гордість та любов.
Розробка сайту
Завдання
На цьому етапі було декілька завдань:
- гнучке середовище розробки, щоб можна було підключити сторонні API, CRM, провести синхронізацію з 1С та ін.;
- розширюваність коду, щоб реалізувати будь-які задуми в майбутньому;
- модульність — можливість розробляти проєкт інтернет магазину одягу частинами;
- надійність — сайт має витримувати великі навантаження синхронізації та кількості товарів, бути захищеним від атак.
Потрібно було також підняти швидкість. Інтернет-магазин жіночого одягу будуть відвідувати клієнти, що переходять з інстаграму, отже сторінки та весь контент мають завантажуватись швидко.
Рішення
Як технології для бекенду було обрано php-фреймворк Laravel, для фронтової частини — фреймворк Vue.js. Переваги цього дуету вирішують більшість поставлених завдань розробки.
Швидкість завантаження сайту
Розробка інтернет магазину одягу продовжувалась. Після випуску першого релізу виявилось, що сайт не відповідає одній із найважливіших вимог — сторінки завантажувались занадто довго, оцінка PageSpeed також була низькою.
Питання, які довелося вирішити, щоби підняти швидкість сайту:
- Великі зображення товарів. Фотокартки були висотою майже на весь екран і завантажувалися на сайт у максимальній якості, щоб клієнтки мали змогу побачити всі переваги (а можливо й недоліки) одягу. Власник не йшов на компроміс і не хотів втрачати якість зображень. Тому було вирішено завантажувати зображення в хмарний сервіс, який сам оптимізував зображення.
- Важкі відеофайли. З ними вчинили так само як із зображеннями.
- Слабкий сервер. Тепер обрано тариф із більшими потужностями, а також налаштовані додаткові системи зберігання та віддачі кешу сторінок.
Все це було швидко вирішено достатньо швидко.
Покращення після розробки магазину одягу
Створення інтернет магазину одягу сприяло залученню клієнтів та впізнаваності. Проте, ми продовжили покращувати його.
Наша робота полягала в наступному:
- Інтеграція з AMOCrm (на жаль, ніхто не знав, що війна поставить крапку у стосунках із російським софтом, але незабаром CRM буде змінено).
- Мапа картинок сайту. Оскільки він написаний за допомогою javascript, це допоможе Google знайти на сайті зображення, інакше ніяк.
Війна внесла великі корективи у плани розробки. Ми не встигли закінчити розробку SEO-фільтру, модуля, що відіграє важливу роль у SEO-просуванні сайту. Усі роботи заморожені 24 лютого 2022 року. Проте сайт досі в топі за багатьма ключовими запитами та продовжує приносити прибуток клієнту.
Що буде після розробки онлайн магазину жіночого одягу?
Плани щодо розробки сайту інтернет магазину одягу були розписані на 2 релізи наперед. Насамперед доведемо до кінця роботу з SEO-фільтром. Цей модуль не тільки зробить сайт інтернет магазину більш зручним для користувачів, але й суттєво підвищить рейтинг сайту у Google. З’явиться можливість просувати його за низькочастотними ключовими словами. Наступним кроком буде створення особистого кабінету з бонусною системою.
Скільки коштує розробка інтернет магазину одягу?
Ціна розробки інтернет магазину визначається в індивідуальному порядку. Все залежить від декількох факторів:
- числа залучених спеціалістів;
- складності проєкту;
- часу, потрібного на розробку інтернет магазину одягу.
На основі отриманої інформації спеціалісти визначають вартість розробки інтернет магазину та узгоджують її з замовником. Тільки після цього починається роботи над створенням проєкту. Ціни стартують від 6 000 $.
Переваги розробки магазину одягу
Головною перевагою розробки інтернет магазину є залучення більшої кількості клієнтів. Крім цього, інтернет-ресурс може стати основним чи додатковим джерелом доходу, а підвищити впізнаваність бренду. Якщо є бажання створити інтернет-магазин одягу, але потрібно перевірити гіпотезу або не вистачає бюджету на складний e-commerce проєкт — можна почати з розробки на CMS (Opencart, WordPress, Prestashop, Magento).
Але, успіх створення інтернет магазину жіночого одягу ділиться 50 на 50 між командою розробників і клієнтом. Потрібно докласти зусиль — створити якісні фото, гарний опис товарів, надавати корисні консультації відвідувачам і обслуговувати їх на відповідному рівні. Також потрібно не забувати про розвиток ресурсу після розробки — вкладати кошти у SEO просування, таргетовану та контекстну рекламу.
Де замовити розробку інтернет-магазину одягу?
Є два шляхи — звернутися до фрилансерів чи діджитал-студії. У першому випадку буде дешевше, але це не гарантує якості розробки (тому, можливо, в майбутньому на це піде ще більше коштів). У професійній вебстудії послуга розробки інтернет-магазину має визначені стадії, а фахівці все візьмуть під контроль — від процесу написання технічного завдання до фінальних тестів.
найпоширеніші
питання
- Команда замовника — це менеджер, що приймає замовлення та консультує клієнтів, контент-менеджер, який вносить інформацію про товари на сайт, допомагає під час планування SEO-просування інтернет магазину одягу.
- Команда діджитал агенції — це розробники, тестувальники, проєктний менеджер, які допоможуть відкрити інтернет-магазин одягу. Вони зроблять сайт і будуть його вдосконалювати, відділ маркетингу, що буде займатися рекламою та SEO-просуванням.
- перевірити, чи все працює коректно — додавання в кошик, зміна опцій, оформлення замовлення тощо;
- запустити таргетовану рекламу на інтернет магазин одягу в соціальних мережах;
- налаштувати рекламну кампанію у Google.
- бриф та збір інформації;
- написання технічного завдання;
- створення дизайну;
- верстання;
- програмування;
- тестування;
- запуск;
- розвиток (SEO та реклама).
Бажаєте замовити
розробку інтернет-магазину?