monophone — магазин техніки Apple на Хорошопі з оплатою частинами й Trade-in
Доробки магазину Apple на закритій платформі: оплата частинами від 5 банків з редактором, нова сторінка товару, калькулятор Trade-in, власні відгуки Google, SEO на 81 категорію, мобільна версія.
monophone (monophone.com.ua) — київський магазин нової та вживаної техніки Apple: iPhone, MacBook, iPad, Apple Watch, AirPods, а також аксесуари, PlayStation, паверстанції й Dyson. Магазин працює на Хорошопі. Власник хотів, щоб сайт продавав як великі мережі: оплата частинами від кількох банків прямо на картці товару, Trade-in, розширена гарантія й нормальна мобільна версія. Хорошоп — закрита платформа, тож усе це ми зробили своїми скриптами. З кінця серпня 2026 року ми ведемо сайт постійно й за два місяці внесли понад 300 змін.
Технічний стек
Хорошоп + власні модулі на JavaScript, які лежать на нашому сервері й підключаються в налаштуваннях сайту одним рядком: калькулятор оплати частинами, сторінка товару, мобільне меню, головна, Trade-in, відгуки. Налаштування банків, тарифів, текстів і гарантії власник змінює сам у нашому редакторі без програміста. Банери робимо HTML-шаблонами й рендеримо в картинки.
Оплата частинами від п’яти банків
На картці товару видно, від скількох гривень на місяць можна взяти техніку і на скільки платежів. У вікні калькулятора покупець обирає банк — ПриватБанк, monobank, ПУМБ, А-Банк чи Sense Bank — і кількість платежів, а сума на місяць рахується одразу. Тут же можна додати розширену гарантію. Обраний банк і строк потрапляють у замовлення, тож менеджеру не треба перепитувати. Для банків без першого платежу є окрема позначка.
Нова сторінка товару
Сторінку товару на ПК ми перебудували за затвердженим макетом. Біля фото — кількість платежів у кожному банку, поруч із кнопками — «Оплата частинами» і «Купити з обміном (Trade-in)», нижче — блок гарантії з перемикачем розширеної гарантії, подарунок і аксесуари «Додайте до замовлення». Кнопка «Оплата частинами» не зникає, коли покупець перемикає колір чи пам’ять, а посилання, яким діляться з телефона, веде саме на обрану модифікацію.
Категорії й SEO
У категоріях над товарами — плитки моделей з фото й банер Trade-in. На всі 81 категорію каталогу ми написали унікальні SEO-блоки: як обрати модель, кому підійде, умови покупки й часті запитання з мікророзміткою FAQ, а для нових розділів дописуємо їх одразу. Описи техніки Apple привели до одного формату з офіційними рендерами.
Калькулятор Trade-in і викупу
Платний віджет калькулятора ми замінили своїм. Покупець обирає обмін із доплатою чи викуп за готівку, модель, пам’ять, тип SIM і стан акумулятора й одразу бачить оціночну вартість, а потім лишає заявку. Ціни й знижку за акумулятор для кожної моделі власник змінює сам.
Власні відгуки з Google
Замість платного віджета відгуків — наш блок з відгуками магазину з Google Maps: рейтинг, фото покупців, відповіді магазину, «Показати ще» й кнопка «Залишити відгук». Поруч — попап із соцмережами магазину.
Чекаут і інформаційні сторінки
На оформленні замовлення є блок «Доповніть замовлення»: розширена гарантія окремо на кожен пристрій і чохли саме під модель у кошику. Додали й кнопку «Очистити кошик», якої в Хорошопі немає. Сім інформаційних сторінок — доставку й оплату, гарантію, стан телефонів, оплату частинами, обмін і повернення, точку видачі та «Про нас» — оформили в одному стилі.
Мобільна версія і швидкість
На телефоні — темне меню з плитками категорій і кнопками Trade-in та Викуп, нижня панель з лічильниками кошика й обраного, плитки моделей у категоріях і плавні переходи між ними. Ми прибрали мигання рідного вигляду Хорошопу під час завантаження й налаштували сайт для iPad. На сторінці товару PageSpeed для телефона виріс з 50 до 60, для ПК — з 59 до 72.
Підсумок
На закритій платформі ми зробили магазину те, що зазвичай мають великі мережі: оплату частинами від п’яти банків з редактором для власника, нову сторінку товару, Trade-in і викуп, власні відгуки, допродаж на чекауті, SEO на всі категорії й мобільну версію — і далі доробляємо сайт за запитами власника.
