Головна сторінка сайту «Шлях Честі» на MacBook: великий заголовок ШЛЯХ ЧЕСТІ на тлі Карпатських гір
Усі проєкти

«Шлях Честі»: гірський маршрут у Карпатах

Кілька днів і одне завдання: зробити сайт, який відкривається в горах, з QR-коду на карпатському хребті, де майже немає зв’язку.

Клієнт
Tykho Foundation
Рік
2026
Послуги
Вебдизайн, UX/UI-дизайн, Веброзробка
Дизайн
Михайло Гафін, Brandson Digital
Розробка
Brandson Digital

Завдання

Кілька днів і одне завдання: зробити сайт, який відкривається в горах.

Військові 46-ї аеромобільної бригади разом із фондом «Тихо» пройшли маршрут хребтом Чорногори в Карпатах і власноруч його позначили: десять фізичних маркерів уздовж стежки, на кожному QR-код, що веде до історії воїна, який іде цим шляхом.

Бриф мав одну жорстку вимогу, яка визначила все: сайт мав відкриватися з QR-коду, відсканованого високо в горах, де зв’язку майже немає. Жодних важких візуалів, жодних індикаторів завантаження, жодного очікування. Сайт мав з’являтися тієї ж миті, коли телефон ловить бодай слабкий сигнал. До того ж фонд мав сам публікувати нові історії, без розробника й без втручання в код.

Рішення

  • Зібрали сайт як повністю статичний продукт: це найшвидший спосіб гарантувати миттєве завантаження на слабкому гірському зв’язку.
  • Спроєктували весь досвід із трьох заданих елементів: шрифту, кольору та топографічного патерну.
  • Пов’язали кожен маркер на стежці з чеснотою (стійкість, рішучість, братерство), а кожну чесноту з реальною історією воїна.
  • Контент зберігається у звичайних текстових файлах: щоб додати нову історію, фонд просто додає файл, без жодного коду.
  • Переробили карту маршруту для мобільних у вертикальний профіль хребта, зручний для телефона в одній руці.
  • Додали легку аналітику без cookies, яка поважає приватність відвідувачів і не сповільнює сторінку.
Мобільна версія хабу «Шлях Честі»: сітка з десяти карток воїнів, кожна з яких позначає чесноту на маршруті
Сторінка історії воїна на iPad: портрет, чеснота «Вірність» і розповідь бійця про його службу
Карта маршруту хребтом Чорногори на iPad: вершини від Петроса до Попа Івана та GPX-трек для завантаження
Фізичний QR-маркер чесноти «Стійкість» на хребті Чорногори з гірськими вершинами на тлі

Результат

  • Живий маршрут: десять маркерів у горах, десять історій онлайн, доступних кожному, хто йде хребтом.
  • Фонд публікує нові історії самостійно: сайт виріс з однієї історії до десяти без жодного рядка коду з нашого боку.
  • Створено й запущено за лічені дні, від брифу до робочого домену.
  • Масштабована система: новий маршрут працює на тій самій архітектурі без перебудови.

Висновок

У цьому проєкті найбільше важило те, де сайт відкривається, і лише потім те, як він виглядає.

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

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

Наступний кейс

Sales Label Consulting: дизайн сайту

Монітор із головною сторінкою Sales Label Consulting: великий заголовок і заклик до дії про рішення для IT-продажів.

Що у вас попереду?

Раунд, запуск, вихід на новий ринок
або сайт, з якого компанія вже виросла.
Можна кількома рядками, як є.