Welding Dragon

Project

КЛІЄНТ

Компанія WELDING DRAGON здійснює розробку, продаж та імпорт матеріалів для зварювання та зварювального обладнання по всій території України та за її межами.

ПРО ПРОЕКТ

Інтернет-магазин з продажу зварювального обладнання, матеріалів для зварювання, супутніх послуг та сервісів.

 
 

Background

МЕТА


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

ДОСЛІДЖЕННЯ


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

ІНТЕРВ’Ю


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

КОНКУРЕНТИ


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

Product page functionality

Сторінка товару – стратегічно важливий розділ сайту з найбільшою кількістю кнопок і варіантів розвитку сценарію, кожен з яких необхідно продумати до дрібниць.

 

Prototype

Розробляючи e-commerce проект, завжди важливо пам’ятати про Користувача та шлях, який він має пройти з моменту попадання на сайт до покупки товару. Чи буде цей шлях настільки успішним, щоб Користувач не замислюючись повернувся на сайт вже як постійний покупець?

 

User Interface

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

Мета сайту – продаж обладнання та матеріалів для зварювання. Кнопка переходу в КАТАЛОГ завжди доступна Користувачеві на головній сторінці та меню.

Поступовість каталогу в настільній та мобільній версії робить його зрозумілим та спрощує вибір товарів

Development

 

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

Якщо товару в даний момент немає на складі, кнопка “КУПИТИ” змінюється на “ПОВІДОМЛИТИ ПРО НАЯВНІСТЬ”, т.ч. Ви можете залишити запит на сповіщення. Як тільки він з’явиться, на пошту Користувача автоматично надішлеться повідомлення з посиланням на товар.

Cторінка товара

Вище, у пункті № 3 “Product page functionality” цього кейсу, ми показали схему роботи кнопок сторінки товару. Погодьтеся, що готова сторінка у такому вигляді сприймається абсолютно зрозумілою!) На додаток до всього, функціональними елементами є і різновиди товару, які можна перемикати, переглядати їх фотографії та вартість, а вибрані додавати до кошика.

Кнопка «КУПИТИ» прикріплена до нижньої частини екрану та дає можливість купити товар із будь-якої точки сторінки. Якщо позиція, яку ми переглядаємо, полягає в акції, Користувачеві пропонується блок із добіркою акційних комплектів, які були скомплектовані в адмін панелі.

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

Якщо мінімальної суми замовлення не досягнуто, то вже додані до кошика товари видно, але на сторінку кошика перейти не можна, і виводиться повідомлення, що пропонує продовжити покупки.

Кошик реалізований окремою сторінкою для можливості його відстеження через Google Аналітику. Можна використати додаткову знижку за промокодом або списати накопичені бонуси.

Оформлення замовлення

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

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

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

Порівняння товарів

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

Сторінка “БЛОГ” – це каталог статей та новин. За замовчуванням всі статті та новини з блогу виводяться впереміш від найсвіжіших до пізніших. Якщо користувач хоче ознайомитись, наприклад, лише зі статтями, можна скористатися сортуванням.

На сторінці “АКЦІЇ” знаходяться всі акції Welding Dragon. Кожна акція має свій термін дії, лічильник із зворотним відліком часу видно як на картці акції, так і на сторінці з описом.

Backstage

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

Подивитися більше проектів.

    Є питання? Давайте їх обговоримо!

    Залиште ваші контактні дані і ми вам передзвонимо