Дизайн і розробка сайту-каталогу Nixora Global

Завдання Розробити дизайн і презентаційний сайт-каталог Nixora Global на WordPress і WooCommerce, зокрема індивідуальну тему та модуль карток товарів із кастомними характеристиками.

Nixora Global об'єднує бренди кофеїнових і нікотинових паучів в одному каталозі. Я розробив дизайн і презентаційний сайт на WordPress і WooCommerce, створив індивідуальну тему та запрограмував модуль карток товарів із кастомними характеристиками.

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

nixoraglobal.com
Головна сторінка Nixora Global з логотипами брендів, категоріями міцності, картою точок продажу та картками товарів
Візуальний стиль, побудований навколо асортименту

Дизайн та індивідуальна тема

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

Індивідуальний модуль карток товарів

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

nixoraglobal.com — товар
Сторінка товару Nixora Global з великим зображенням упаковки, таблицею характеристик і картками супутніх товарів
Зображення товару поруч із таблицею характеристик

Характеристики товару в одному поданні

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

nixoraglobal.com — обране
Обране Nixora Global з картками збережених товарів: зображеннями, смаками, позначеннями міцності та цінами
Єдине оформлення збережених товарів

Єдиний інтерфейс каталогу

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

Ролі

Дизайн сайту
Konstantin Sorokin

Розробка індивідуальної теми WordPress
Konstantin Sorokin

Програмування модуля карток товарів
Konstantin Sorokin

Виконано
  • Каталог на WordPress і WooCommerce
  • Дизайн сайту та індивідуальна тема
  • Модуль карток товарів із кастомними характеристиками