Ми створили новий трендовий сайт для BAYADERA GROUP — найбільшого холдингу та власника торговельних марок, що спеціалізується на виробництві алкоголю. У розпорядженні компанії є 3 власних заводи, і це дає змогу експортувати свою продукцію в більш ніж 30 різних країн. Крім того, BAYADERA GROUP імпортує алкоголь в Україну з-за кордону. Розроблений нами сайт відображає значущість, важливість і високий рівень компанії як для внутрішнього ринку, так і для закордонних партнерів. На вимогу клієнта ми також наділили сайт українською національною айдентикою.
З чим прийшов клієнт і що ми запропонували
BAYADERA GROUP був потрібен інноваційний та сучасний сайт, який викликає довіру та підкреслює масштаб компанії. Основний акцент потрібно було зробити на українську національну ідентичність, яка відображається в новому брендингу компанії. Для оформлення сайту нам було надано брендбук, який ми використовували як керівництво для втілення цих ідей.
У наших дизайнерів народився цікавий задум. Під час входу на сайт користувач нібито має потрапляти в захопливий інтерактивний елемент, що являє собою фрагмент вишиванки. Цей елемент слугує порталом, через який відвідувач занурюється в унікальну атмосферу, що поєднує народні традиції та сучасність. Всю структуру і дизайн сайту потрібно було наповнити національними елементами, які органічно вплетені в сучасні візуальні рішення.
Етапи роботи
Роботи над проєктом розпочалися в серпні 2023 року і завершилися в грудні того ж року. На першому етапі розробки сайту було створено технічну документацію, яка стала основою для всього проєкту:
- Опис функціоналу сайту. Було деталізовано всі функціональні вимоги, які має виконувати сайт. Це включало опис основних можливостей, необхідних для ефективної роботи сайту.
- Основна інформація про продукт. Зібрано та систематизовано інформацію про сайт. Це включало описи, зображення та інші важливі дані, які мають бути доступні для користувачів.
- Планування мовних версій сайту. Для забезпечення доступності сайту різними мовами були необхідні мовні версії. Це дозволило б користувачам взаємодіяти з сайтом зручною для них мовою.
- Планування оптимізації для різних пристроїв і браузерів. Ми мали забезпечити адаптивний дизайн сайту, щоб він коректно відображався і працював на різних пристроях, таких як смартфони, планшети та комп'ютери.
Ці кроки допомогли створити чітке уявлення про те, як буде функціонувати сайт, і забезпечили його ефективний розвиток і реалізацію на наступних етапах проєкту.
Наступним кроком стала розробка карти сайту, яка включала розділи:
- виробництво;
- бренди;
- дистрибуція;
- ритейл;
- міжнародна торгівля;
- партнери;
- контакти;
- інші розділи.
Після затвердження структури почалася робота над дизайном. Були створені візуальні макети сторінок сайту, які були узгоджені з клієнтом. На етапі розробки сайту було реалізовано всю функціональність, описану в технічному завданні, та інтегровано дизайн.
Для розробки корпоративного сайту BAYADERA GROUP були використані передові технології як на стороні фронтенда, так і бекенда, що забезпечило високу продуктивність, сучасний дизайн і зручність використання.
На стороні фронтенда ми використовували такі технології як:
- React.js для створення динамічного користувацького інтерфейсу.
- JavaScript (ES6, ES7) для написання сучасного та ефективного коду.
- TypeScript для додавання статичної типізації та підвищення надійності коду.
Серед технологій, використаних для бекенда, були:
- Drupal — основна платформа для управління контентом.
- DBMS для зберігання та управління даними.
- Nginx — вебсервер для обробки запитів і доставки контенту.
Завершальним етапом стало наповнення сайту тестовим контентом і проведення всебічного тестування для виявлення та усунення помилок. Після оптимізації продуктивності та фінального налаштування сайт був готовий до запуску.
Висновки
- У результаті розробки корпоративного сайту для BAYADERA GROUP, найбільшого алкогольного холдингу в Східній Європі, було створено гарний і естетично привабливий сайт, який значно перевершує колишній дизайн.
- Новий сайт став набагато швидшим, розв'язавши проблему повільного завантаження, характерну для старої версії.
- Завдяки використанню сучасних технологій, сайт тепер має актуальний вигляд і відповідає останнім трендам у вебдизайні, на відміну від застарілого колишнього варіанту.
- Новий сайт став набагато зручнішим для користувачів, усунувши всі недоліки, які робили попередню версію незручною у використанні.
