Mercedes-Benz Bucharest Fashion Week — міжнародна fashion-подія в Румунії, яка об’єднує дизайнерів, модні бренди, партнерів та представників індустрії. У 2024 році я взяв на себе повний цикл розробки її офіційного сайту: від проєктування дизайну за брендбуком до створення складної системи управління подіями, заявками та спеціальними заходами.
Завдання виходило далеко за межі звичайного презентаційного сайту. Організаторам потрібна була платформа, яка об’єднає програму показів, каталоги дизайнерів, партнерів, публікації, конкурси та спеціальні сервіси — і залишатиметься зручною для команди з кожним новим сезоном.
Сьогодні сайт щомісяця залучає близько 15 000 відвідувачів, зібрав понад 8 000 заявок за весь час роботи та продовжує розвиватися без необхідності перебудовувати його з нуля.
03 / Відео взято з офіційного сайту MBBFW
Дизайн міжнародного рівня з дотриманням брендбуку Mercedes-Benz
Робота почалася з великого набору матеріалів: брендбуку, презентацій, фірмової графіки, таблиць і вимог до використання айдентики. Потрібно було не просто відтворити їх у браузері, а створити цілісну дизайн-систему, придатну для різноманітних сторінок і цифрових сценаріїв.
Я самостійно розробив UX/UI-дизайн у Figma, підготував десктопні та мобільні макети, продумав типографіку, композицію, кольори й поведінку елементів.
Окремим завданням стало поєднання двох брендів — Mercedes-Benz і Bucharest Fashion Week. Я безпосередньо співпрацював із представниками Mercedes-Benz Romania, отримував офіційні бренд-матеріали та працював над коректним використанням фірмової символіки.
Одне з моїх рішень — інтерактивний патерн із трипроменевих зірок Mercedes-Benz. Під час руху курсора вони делікатно змінюють положення, створюючи ефект живої графіки. Так вдалося зберегти впізнаваність бренду й водночас надати сайту власного візуального характеру.
Для бізнесу такий підхід означає більше, ніж красивий дизайн. Усі сторінки, матеріали та нові розділи залишаються частиною єдиного брендового досвіду, а не виглядають як набір незалежних рішень.
Складна інфраструктура, якою команда керує самостійно
Fashion Week постійно змінюється: нові дизайнери, колекції, партнери, спонсори, покази та публікації. Якби кожне оновлення вимагало редагування верстки, сайт швидко став би дорогим і незручним в обслуговуванні.
Тому я побудував проєкт на WordPress із власною архітектурою контенту, кастомними типами записів, полями, зв’язками між даними та централізованими налаштуваннями.
Система охоплює кілька напрямів:
- Дизайнери та бренди — індивідуальні сторінки, країни, категорії одягу, колекції та пов’язані матеріали.
- Партнери та спонсори — окремі категорії, керування логотипами, порядком і розміщенням на сайті.
- Покази та програма — сторінки подій, локації, розклад і матеріали для відвідувачів.
- Медіа та редакційний контент — новини, статті, інтерв’ю та тематичні публікації.
- Конкурси й заявки — приймання анкет, представлення учасників, фіналістів і переможців.
- Аукціон і VIP-бронювання — спеціалізовані інструменти зі своїми даними, правилами й адміністративними інтерфейсами.
Я також передбачив різні ролі користувачів: від адміністратора до контент-менеджерів і співробітників, відповідальних за окремі напрями.
Найцінніше в архітектурі цього проєкту — те, що кожен новий сезон розширює можливості сайту, а не змушує команду починати все спочатку.
Цей підхід уже показав свою практичну цінність. Організатори самостійно оновлюють контент, змінюють партнерів, публікують нових дизайнерів і запускають наступні сезони. А я продовжую розвивати функціональність без руйнування створеної системи.
Від Excel-таблиць до повноцінної програми показів
Спочатку програма Fashion Week надходила у звичайних Excel-таблицях. Моє завдання полягало в тому, щоб перетворити ці дані на зрозумілий розклад з продуманою візуальною ієрархією.
Я розробив оформлення програми, врахував дати, покази та логіку перегляду. Надалі формат розкладу змінювався, і для окремих сезонів ми обрали практичніше рішення — PDF-програми, які відвідувачі можуть зберігати та поширювати.
03 / Як вихідна таблиця перетворилася на оформлену програму подій
Це показовий приклад мого підходу: рішення має бути не лише візуально привабливим, але й практичним для людей, які користуватимуться ним щодня.
Власна система VIP-бронювання для Mercedes-Benz
Одним із найцікавіших технічних завдань стала розробка окремої системи бронювання для ексклюзивних заходів Mercedes-Benz, що поєднували презентації автомобілів і дизайнерські покази.
Стандартний плагін бронювання не відповідав специфіці подій. Місця були розраховані на двох гостей, кількість бронювань обмежувалася, а сам процес повинен був залишатися простим і зрозумілим для запрошених.
Я самостійно спроєктував інтерфейс у Figma та реалізував спеціалізовану систему всередині WordPress.
04 / UX/UI-система вибору подвійних VIP-місць
Як працює бронювання
01 Вибір показу ↓ 02 Перегляд доступних місць ↓ 03 Вибір подвійного місця ↓ 04 Заповнення даних гостей ↓ 05 Підтвердження та email ↓ 06 Автоматичне оновлення статусу
Гість може обрати конкретне доступне місце або скористатися автоматичним вибором. Система зберігає інформацію про учасників, оновлює статус бронювання та надсилає повідомлення гостям і адміністраторам.
Для організаторів я створив адміністративні інструменти керування показами, місцями та списками гостей, включно з експортом у XLSX.
Особливу увагу приділив візуальному представленню подвійних місць: їхня структура зрозуміла вже під час вибору, без додаткових пояснень.
Ми безпосередньо працювали з представниками Mercedes-Benz, кілька разів уточнювали сценарії та оперативно вдосконалювали інтерфейс. У результаті організатори отримали власний інструмент для управління спеціальними подіями, інтегрований у загальну систему сайту.
Аукціон, конкурси та інші інструменти для розвитку події
Завдяки гнучкій архітектурі сайт поступово став платформою не лише для публікації інформації, а й для проведення окремих активностей Fashion Week.
Щорічний аукціон із системою ставок
Для аукціону я реалізував власну систему лотів і ставок із можливістю керування через WordPress. Структура враховує зв’язки між записами та дає змогу змінювати лоти й учасників відповідно до нового сезону.
Аукціон проводиться щороку, і система продовжує використовуватися та вдосконалюватися. У 2025 році головним спонсором аукціону став Auchan.
05 / Щорічно різні системи реєстрації нових талановитих дизайнерів для внутрішньої події Next Generation
Fashion Talent Award
Ще один напрям — підтримка молодих дизайнерів. Для програми Fashion Talent Award я розробив структуру, яка дозволяє організовувати приймання заявок та публікувати учасників різних етапів конкурсу: від початкового відбору до фіналістів і переможців.
Окрім веброзробки, я також створював графічні матеріали та запрошення для окремих заходів, зокрема Fashion Area і Talent Award.
Результати, які підтверджують цінність проєкту
Сайт, який я розробив у 2024 році, продовжує залишатися основною цифровою платформою Mercedes-Benz Bucharest Fashion Week. Він об’єднує аудиторію події, забезпечує роботу онлайн-форм, допомагає організаторам управляти контентом та підтримує спеціальні функції для різних напрямів бізнесу.
| Показник | Результат | Цінність для проєкту |
|---|---|---|
| Відвідуваність | ≈ 15 000 на місяць | Стабільний контакт із цільовою аудиторією протягом останнього року |
| Трафік із Google | ≈ 40 000 на рік | Залучення відвідувачів через органічний пошук |
| Заявки через сайт | 8 000+ | Збір звернень і реєстрацій за весь час роботи |
| PageSpeed Insights | 90+ балів | Високі показники технічної швидкодії |
| Розвиток платформи | З 2024 року | Нові сезони та функції без повного перезапуску сайту |
Понад 8 000 заявок — це не просто статистика відвідуваності. Це реальні звернення, які сайт прийняв через форми та передав для подальшої роботи команди. А десятки тисяч щорічних переходів із Google свідчать про значущість сайту як каналу залучення аудиторії.
Окремо я приділяю увагу швидкодії. Сайт демонструє понад 90 балів у PageSpeed Insights, попри велику кількість сторінок, різноманітний контент та індивідуальну функціональність.
У межах підтримки я також займаюся серверною оптимізацією, захистом сайту, розширенням можливостей CMS та технічними питаннями, пов’язаними з роботою форм і обробкою персональних даних.
Чому цей проєкт став довгостроковим рішенням
Найважливішим результатом вважаю те, що організатори отримали не набір красивих сторінок, а повноцінний цифровий інструмент, який можна адаптувати до нових бізнес-завдань.
Від початку я відповідав за весь цикл розробки: UX/UI-дизайн, макети Figma, вибір CMS, архітектуру даних, верстку, власні функціональні модулі, публікацію та подальший розвиток.
Тепер сайт використовується командою для щоденної роботи. Організатори публікують нових дизайнерів, змінюють партнерів, готують наступні сезони, проводять аукціони, працюють із заявками та розширюють програму подій.
Для нових завдань не потрібно відмовлятися від уже створеної інфраструктури. Її можна поступово розвивати, зберігаючи дані, дизайн і звичні інструменти управління.
Я продовжую особисто працювати над проєктом, а на офіційному сайті й досі розміщене посилання Made by Bogdan Gris, яке підтверджує моє авторство.
Для мене Mercedes-Benz Bucharest Fashion Week — приклад того, як продуманий дизайн і грамотна архітектура перетворюють сайт на довгостроковий актив бізнесу.
Переглянути реалізований проєкт: Mercedes-Benz Bucharest Fashion Week.
Потрібен сайт, який не лише представлятиме компанію, а й допомагатиме вирішувати бізнес-завдання? Дізнайтеся більше про мій підхід до розробки сайтів для бізнесу.
Примітка: сайт проєкту може бути недоступний через окремих інтернет-провайдерів України. Для перегляду можна скористатися VPN.
