ecommerce

Інтернет-магазин фільтрів для води Перша Вода

Дизайн головної сторінки проєкту Інтернет-магазин фільтрів для води Перша Вода

Задача

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

Зроблено

Дизайн

Адаптиви

Стара версія

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

Головна сторінка

Головна сторінка

Картка товару

Картка товару

Сторінка напрямку

Сторінка напрямку

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

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

Головна

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

Головна - скріншот проєкту 1

Каталог

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

Каталог - скріншот проєкту 1

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });
Розробник

Color Styles

Pink
Purple
Orange
Green
Blue
Дизайнер

Картка товару

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

Картка товару - скріншот проєкту 1

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

В особистому кабінеті покупця зібрані персональні дані з розміром накопичувальної знижки, список обраних товарів, історія замовлень і спеціалізований розділ «Витратні матеріали». Це дозволяє клієнтам легко замовляти змінні картриджі саме під встановлену вдома систему очищення.

Особистий кабінет - скріншот проєкту 1

Інші сторінки

У єдиній візуальній системі розробили всі допоміжні та сервісні сторінки інтернет-магазину: блог з експертними статтями, покрокове оформлення замовлення, умови доставки й оплати, контакти, фотогалерею змонтованих об'єктів, сторінку подяки за покупку та 404.

Статті

Статті

Доставка та оплата

Доставка та оплата

Галерея робіт

Галерея робіт

Сторінка 404

Сторінка 404

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

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

Контакти

Контакти

Дякуємо за замовлення

Дякуємо за замовлення

Мобільна версія

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

Мобільна версія - мобільний інтерфейс 1
Мобільна версія - мобільний інтерфейс 2
Мобільна версія - мобільний інтерфейс 3
Мобільна версія - мобільний інтерфейс 4
Мобільна версія - мобільний інтерфейс 5
Мобільна версія - мобільний інтерфейс 6
Мобільна версія - мобільний інтерфейс 7
Мобільна версія - мобільний інтерфейс 8