Доопрацювання інтернет-магазину NordWay.shop на WordPress + WooCommerce
Потрібно доопрацювати інтернет-магазин одягу NordWay.shop та реалізувати сучасний UX/UI для мобільної й десктоп версії у стилі сучасних fashion-магазинів.
Як приклад UX/UI та функціоналу можна орієнтуватися на VelesWorld.com.
Основний акцент:
зручність користування
швидке оформлення замовлення
сучасний mobile UX
мінімалістичний та акуратний інтерфейс
Важливо:
зберегти поточний стиль сайту
не перевантажувати сайт важкими рішеннями
зробити адаптивний та швидкий функціонал
---
Що потрібно зробити
1. Сторінка товару (Product Page)
1.1 Accordion-блоки (розкривні секції)
Реалізувати розкривні блоки:
Опис товару
Характеристики
Матеріал та догляд
Відгуки
Функціонал:
відкриття/закриття по кліку
плавна анімація
індикатор “+ / –”
адаптивність під мобільні та десктоп пристрої
---
1.2 Вибір варіацій товару
Покращити UX вибору:
кольори — у вигляді кольорових кружків/квадратів
розміри — у вигляді кнопок
активний варіант підсвічується
hover/focus ефекти
Важливо:
коректна робота варіативних товарів WooCommerce
оновлення ціни/наявності без перезавантаження
---
2. Висувний кошик (Side Cart)
Реалізувати AJAX-кошик як у сучасних інтернет-магазинах.
Функціонал:
відкриття збоку або знизу
без переходу на окрему сторінку кошика
зміна кількості товару кнопками +/–
видалення товару
відображення суми
кнопка “Оформити замовлення”
Вимоги:
AJAX-оновлення
швидка робота
коректна адаптація під мобільні та десктоп пристрої
---
3. Оформлення замовлення (Checkout)
Спрощення checkout-сторінки.
Поля:
Ім’я та прізвище
Телефон
Email
Telegram/Instagram
Місто
Відділення Нової Пошти
Потрібно:
мінімалістичний дизайн
великі зручні поля
мобільна адаптація
прибрати зайві поля WooCommerce
---
4. Десктоп версія
Потрібно адаптувати UX і для ПК.
Зробити:
акуратні відступи
сучасний layout
hover-ефекти
зручне відображення варіацій
коректне відображення кошика та checkout
---
5. Мобільна версія
Особливу увагу приділити мобільній версії.
Потрібно:
великі кнопки
швидкий UX
мінімум зайвих дій
коректна робота side cart
хороша адаптивність
---
6. Важливо
CMS: WordPress + WooCommerce
Без перевантаження сайту важкими конструкторами
Чистий та акуратний код
Без конфліктів із темою та плагінами
Бажано реалізація через child theme
Сумісність із оновленнями WooCommerce
---
7. Що очікую від виконавця
Потрібен спеціаліст із досвідом:
WooCommerce
AJAX
кастомізація checkout/cart/product page
mobile UX/UI
Буде плюсом:
досвід ecommerce/fashion-проєктів
приклади схожих робіт
---
8. Результат
У результаті потрібен сучасний та зручний інтернет-магазин одягу з:
сучасною сторінкою товару
AJAX-кошиком
простим checkout
хорошим UX на мобільних та десктопі
---
У відгуку прошу вказати:
терміни виконання
вартість
приклади схожих робіт
як плануєте реалізовувати функціонал (плагіни/кастомна розробка)