Власна тема WordPress замість конструктора: сорок шість товарів зі складною структурою категорій, мега-меню з реальних даних каталогу і дві мовні версії.
Був макет у Figma на кілька тисяч пікселів заввишки — з фризами, хвилястими переходами між секціями, власною типографікою й інтерактивними блоками. Спершу сайт почали збирати конструктором, але вийшло приблизно: дизайн спрощувався під можливості готових віджетів. Від конструктора відмовились і переписали все темою.
Тему писали поблоково, звіряючи кожну секцію з макетом. Щоб звірка була не «на око», зробили окремий стенд: сторінка рендериться в браузері без інтерфейсу й порівнюється зі знімком з Figma. Так ловляться розбіжності у відступах, які очима не видно, але які відчутні, коли секції стоять поруч.
Дизайн використовує рукописне накреслення для надзаголовків. Проблема в тому, що в оригінальному шрифті є тільки латиниця — українські написи ним просто не відображались.
Ми домалювали кирилицю: 92 гліфи, включно з «і», «ї», «є», «ґ» та апострофом, і зібрали власний woff2. Тепер надзаголовки українською виглядають так, як їх намалював дизайнер, а не підміняються запасним шрифтом.
Секції розділені не прямими лініями, а фризом із кавових чашок, який переходить із кольору в колір. Один і той самий фриз використовується шість разів у різних місцях — з різними пропорціями й кольорами.
Замість шести окремих картинок зробили один векторний асет, який перефарбовується змінною. Це й легше для сторінки, і простіше в підтримці: зміна кольору секції не вимагає перемальовувати графіку.
Випадне меню магазину показує бренди, доступні формати кави й два товари для прикладу. Воно не заповнюється руками: дані беруться з реальних категорій магазину, тож нова лінійка з'являється в меню одразу після додавання в каталог.
Каталог наповнювали не через адмінку, а скриптом через API магазину: дані брались із таблиці клієнта, кожен товар прив'язаний до артикула. Скрипт ідемпотентний — повторний запуск оновлює наявні позиції, а не створює дублі, і завжди спершу проганяється вхолосту, щоб показати, що саме зміниться.
Вийшло 46 товарів: 33 кавові з варіаціями фасування (114 варіацій) і 13 позицій обладнання. Капсульні системи не вкладались у структуру категорій із макета, тому винесені в окремий фільтр за сумісністю — макет лишився незмінним, а покупець усе одно знаходить капсули під свою кавоварку.
Бренд виходить на румунський ринок, тож поруч живе повна румунська версія теми з адаптованими адресою, валютою й способами доставки.
Менеджерська система розрахунку замовлень для виробника бруківки, роздрібний калькулятор на сайті з того самого прайсу і сторінки товарів, переписані з конструктора у код.
Сайт для компанії з Чикаго: прайси окремими позиціями, які клієнт складає в кошик і надсилає одним замовленням. Написаний вручну на PHP, без CMS і без збірки.
Самописна платформа, яка щодня збирає економічні дані й новинні стрічки, групує їх у події та готує матеріали українською. Рішення про публікацію ухвалює редактор.
Опишіть задачу двома реченнями. Відповімо протягом години й одразу скажемо, чи беремося та скільки це коштуватиме.