Розробка інтернет-магазину головних уборів зі швидкістю 97+ для mobile по Page Speed
case-picture
Про проект

SHELA™ – виробник головних уборів для дітей. До створення повноцінного інтернет магазину в нашому агентстві, клієнт мав крапку на барабашово та сайт на prom.ua (продаж товарів оптом). Пізніше клієнт вирішив розширити асортимент і продавати не тільки головні убори для дітей, а й додатково ще одяг, головні убори для чоловіків, жінок, як в роздріб так і оптом.

Сайт: shela-sample.com.ua
CMS/Framework:
Регіон:

Україна

Термін виконання (з правками):

20.11.20 - 19.11.2021

case-picture
case-picture
Цілі і завдання:

- Створити сайт із усіма зручними функціями для оптовиків;
- Поєднати функціонал оптових та роздрібних продажів;
- MobileFirst дизайн та розробка;
- збір семантики, створення структури, рекомендація з тих. частини сайту;
- Конкурентний аналіз;
- Створення технічного завдання.

Результати:
  • CMS: OpenCart
  • Термін виконання: 1 рік
  • Швидкість (mobile): 97+

Спілкування з клієнтом та аналіз конкурентів

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

case-picture
SEO на етапі розробки

Із самого початку сайт проектувався з урахуванням вимог SEO. Усі рішення дизайнер погоджував із SEO-фахівцем. Якщо уявлення про «хорошу сторінку для користувачів» та «хорошу сторінку для пошукових роботів» розходилися, ми шукали рішення, яке влаштовує всіх. Крім узгоджених на етапі проектування рішень враховувалися інші технічні нюанси. Сайт великий, під час розробки нової версії неминуче змінюється його структура, верстка, порядок блоків на сторінці, змінюються посадкові сторінки для запитів. Важливо було зберегти позиції сайту та забезпечити потенціал для їхнього приросту, тому при всіх подібних змінах необхідно було мінімізувати ризик помилок. Було здійснено контроль появи дублів сторінок, перевірено редиректи, роботу піддоменів, внутрішню оптимізацію на посадкових сторінках тощо.

Детальніше про SEO
case-picture case-picture
Технічне завдання та вимоги до сайту

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

Розробка прототипів

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

case-picture
Дизайн сторінок

Після відображення прототипу сторінок ми затвердили загальну концепцію дизайну та реалізували її на всіх внутрішніх сторінках. Крім художньої складової, пропрацювали логічну структуру веб-сторінок, зручність використання сайту (юзабіліті частина). Ми передали почуття теплоти та затишку через дизайн. Заходячи на сайт, користувачі розуміють, що компанія виробляє свою продукцію з любов’ю до всіх дорослих та дітей.

case-picture case-picture case-picture case-picture case-picture
Верстка та імплементація сайту

Реалізована адаптивна верстка під різні роздільні здатності екрану.

Сайт створений на основі CMS – Opencart, з кастомною розробкою необхідного функціоналу. При розробці сайту враховувалися вимоги до SEO на етапі розробки (наприклад, якісна реалізація фільтру товарів з посадковими сторінками для кожного фільтра).

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

Проведено комплекс робіт з оптимізації швидкості завантаження сайту.
Як результат - високі показники Google Page Speed Insights (для мобільних 95-97 зі 100, для десктопу 99-100 зі 100).

case-picture
case-picture
Хочете таких же результатів?

Заповніть бриф і наш менеджер зв'яжеться з вами

Вартість розробки сайту
Інтернет-магазин

Стандартні роботи:

  • Створення клікабельних прототипів (high fidelity wireframes)
  • Написання технічного завдання;
  • Опрацювання комерчеських і технічних факторів;
  • Розробка грамотної SEO-структури;
  • UX/UI-дизайн;
  • Безпечний переїзд на новий домен;
  • Аудит контентної частини сайту;
  • Аудит посилальної маси сайту та конкурентів;
  • Додавання сайту до Google Search Console;
  • Детальне опрацювання картки товару;
  • Підключення онлайн-оплати (LiqPay);
  • Тестування (після кожного етапу);
  • Особистий кабінет;
  • Виконання вимог щодо швидкості завантаження сайту від Google 90+ для mobile та desktop;
  • Наповнення вашим контентом до 10 сторінок;
  • Налаштування Google Analytics;

Бонусом ви отримаєте:

  • Базова SEO-оптимізація;
  • Перенесення сайту на хостинг;
  • SSL сертифікат (HTTPS);
  • Підтримка сайту протягом 1 місяця БЕЗКОШТОВНО;
  • Система управління сайтом на основі обраної CMS (адмінка);
  • Консультація щодо подальшого просування сайту в інтернеті;
  • Навчання роботі з сайтом (інструкція+онлайн-дзвінок).

Результати розробки інших сайтів
contact__bg contact-bg contact-bg

    contact-picture
    Для зв'язку з нами
    Вдячні за звернення!

    Ваша заявка відправлена.
    Наш менеджер зв'яжеться з вами
    найближчим часом