Moments before…

Є професії, в яких кожна дія — це вибір: між ризиком і обов’язком, вибір зроблений за секунду — під тиском, під шумом сирен, у супроводі страху, крику та сліз.

Фотопроєкт Moments Before створено для того, щоб зупинити час.
Показати — що відбувається перед тим, як…
…пролунає вибух.
…хтось зробить крок у задимлене приміщення.
…поліцейський чи рятувальник ухвалить критичне рішення, яке врятує життя.

Фотопроєкт про людей, робота яких за змовчуванням пов’язана з небезпекою, а під час повномасштабної війни ця небезпека множиться х100 — у прифронтових містах, під обстрілами, з максимальним рівнем відповідальності. Про життя рятувальників та поліцейських із Запоріжжя, Миколаєва та Дніпра.

Тож до нас звернулася агенція Vandog для технічного втілення ідеї та дизайну проєкту.

Завдання

Завдяки технологіям передати найскладніше: емоційне напруження, внутрішній рух, момент на межі.

Не “зверстати сайт”, а створити вебдосвід, онлайн сторітелінг, у якому кожна дія користувача є тригером емоцій, послідовного розвитку історії, клубка, який в буквальному сенсі розплутується з кожним скролом.

Рішення

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

Ми реалізували стартову анімацію, що одразу занурює в атмосферу напруги й очікування, а далі — побудували сайт як чутливу систему. Його логіка змінюється залежно від пристрою: десктоп і мобайл мають власний ритм, темп, глибину. 

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

Жодного хардкоду. Все керується через CMS

Ми реалізували зручну адміністративну панель, яка дозволяє керувати платформою без ІТ-фахівців:

• швидкість та стиль появи контенту;
• візуальні ефекти кожного розділу;
• вибір анімації, заміна ілюстрацій, розміру та розміщення тексту.

Більше, ніж стандарти інклюзивності

Accessibility тут — це про гнучкість:

• зміна контрастності або перехід у чорно-білий режим;
• регулювання міжрядкових інтервалів;
• адаптація під людей з чутливістю до світла та анімацій.

Сайт, у якому всі історії доступні кожному — без бар’єрів.

Moments Before — це вебплатформа, де технології стали не тлом, а учасником розповіді, тут емоційний зв’язок створюється не лише через слова, а й через ритм, звук, візуальну реакцію на дії. Дизайн, моушн і код працюють в синергії,  щоб передати moments before…