Реалізація лендінгу "Щелепи" для благодійного Фонду Сергія Притули

Друзі, триває збір фонду Сергія Притули на розвідувальні БпЛА Shark-M та українські баражуючі боєприпаси. Це технологічна пара, яка дозволяє виявляти та знищувати критичні цілі на відстані понад 150 км. А яким був процес реалізації лендінгу для цього збору — читайте далі.

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

Сайт орієнтований на дві основні аудиторії: приватних донорів з України та бізнес — як український, так і міжнародний. Ми прагнули показати, що кожен може зробити свій внесок у спільну справу — особисто або публічно.

Візуальна концепція

Візуальна концепція лендінгу з’явилась після перегляду банера збору з виразним слоганом і зображенням БпЛА Shark-M — він одразу задав правильний напрям. Ми зберегли та розвинули його настрій у стилістиці культових фільмів “Щелепи”, “Pulp Fiction” та попкультури 80–90-х. 

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

Дизайн побудований на контрасті форм, кольорів і текстур. Шрифти у стилі Тарантіно нагадують газетні заголовки та ідеально підходять для коротких меседжів — жирні, з чіткою геометрією. Колірна палітра поєднує жовтий, червоний, чорний, білий та синій. Зернистість, плівковий ефект і грубі текстури додають глибини та фактурності, а також — логічно поєднуються зі стилістикою ретро-постерів.

Архітектура та функціонал

Перший екран лендінгу — hero-блок з ключовим меседжем, прогрес-баром та зручною кнопкою для донату. Далі — опис мети збору та візуальні блоки, що демонструють, як працює комбінація БпЛА Shark-M і баражуючих боєприпасів. Потім користувач бачить відео з прикладами уражень, інформацію про виконавців та бізнеси, які долучилися до ініціативи. Завершують структуру сторінки екрани з реквізитами для переказу, FAQs та статистикою збору, яка оновлюється в реальному часі.

Проєкт реалізовано на базі нашої low-code платформи Spiro. Це гнучка й багатофункціональна система для розгортання кастомних рішень будь-якої складності для бізнесу та запуску startup-проєктів. 

Для FreshTech цей проєкт — особлива ініціатива та можливість бути частиною спільної справи. Долучайтеся й підтримуйте збір, бо кожен внесок має значення 🇺🇦