Товари для активного відпочинку | Розробка нової версії сайту / Україна

Клієнт, ТОВ «ДНІПРО-СОФТ, ЛТД» (торгова марка Ranger), звернувся із завданням комплексного оновлення сайту. Основною діяльністю компанії є оптова та роздрібна торгівля товарами для активного відпочинку та туризму.

Проєкт був ініційований на основі аналізу юзабіліті поточної версії сайту, який виявив низку недоліків. Ключові цілі включали:

• Покращення юзабіліті десктопної та мобільної версій сайту.
• Розробка та впровадження нового функціоналу, включаючи відсутні службові сторінки, такі як «Про нас», «Контакти», «Порівняння», «Обране» та інші.
• Підвищення конверсії шляхом оптимізації ключових елементів: шапки сайту, карточки товару, кошика та процесу оформлення замовлення.
• Створення конкурентоспроможної платформи з урахуванням найкращих практик сайтів-конкурентів та лідерів ринку.
• Підготовка сайту до подальшого пошукового просування (SEO) в цільовому регіоні (Україна) та в пошукових системах Google і Bing.

 

2. Етапи робіт

 

Структура та функціональність

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

• Службові сторінки: «Про нас», «Контакти», «Обрані товари», «Переглянуті товари», «Порівняння товарів», сторінка 404, сторінки для авторизації, реєстрації та відновлення пароля.
• Сторінки WooCommerce: кошик, оформлення замовлення, сторінка товару, категорії товарів, фільтрація та пагінація.
• Функціональні блоки: співробітники, переваги компанії, популярні та акційні товари, підписка на розсилку, реквізити, патенти.

 

Візуальне оформлення та дизайн

 

Дизайн та розробка

Були розроблені та зверстані HTML-шаблони, які згодом були інтегровані в тему WordPress. Створено та стилізовано наступні сторінки та елементи:

• • Головна сторінка: оновлено структуру, додано блоки переваг, акційних та популярних товарів, популярних категорій та підписки на розсилку.

 

 

• • Каталог та категорії товарів: реалізовано новий шаблон для категорій, фільтр, хлібні крихти та оновлену пагінацію.

 

 

• • Сторінка товару (карточка): створено новий шаблон з акцентами на назві, ціні, можливості покупки в 1 клік, додавання до обраного та порівняння.

 

 

• • Блог: розроблено шаблони для сторінки категорії блогу та окремої статті.

 

 

• • Користувацькі сторінки: кошик, сторінка оформлення замовлення, авторизація, реєстрація, порівняння, обрані та переглянуті товари.

 

 

• • Інформаційні сторінки: «Про нас», «Контакти», 404.

 

 

Копірайтинг

В рамках розробки були створені текстові блоки, які можна редагувати з адмін-панелі сайту. Основний акцент робився на виділенні конкурентних переваг компанії.

На сторінці «Про нас» передбачено блоки для історії компанії, інформації про засновника, ключових осіб та патенти.

 

Адаптація

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

3. Результати та особливості

 

Ключові особливості нової версії:

• • Розширений функціонал: реалізовано Ajax-взаємодію для форм зворотного зв’язку, додавання товарів до обраного, порівняння та переглянутих. Це забезпечує швидку та зручну взаємодію користувача з сайтом без перезавантаження сторінок.
  • Покращена SEO-оптимізація: впроваджено функціонал для автоматичної генерації мета-тегів keywords, alt і title для зображень, а також коректної роботи canonical. Це створює міцну технічну основу для подальшого пошукового просування.
  • Гнучкість управління контентом: створено кастомні блоки в адмін-панелі, що дозволяють менеджеру сайту самостійно оновлювати контакти, меню, переваги, співробітників, патенти та промо-товари.
  • Підвищена безпека та верифікація: впроваджено обов’язкову верифікацію Email для нових та існуючих користувачів, що підвищує якість бази клієнтів та захищає від спам-реєстрацій.

 

 

• • Сучасний користувацький досвід: додано функції «покупка в 1 клік», «замовлення зворотного дзвінка», pop-up форми та можливість авторизації через соціальні мережі, що відповідає сучасним стандартам e-commerce.

 

Посилання для ознайомлення — https://firingfield.wwa.biz.ua/