Первый экран курсов первой помощи

Задача

Разработать лендинг для курсов первой помощи Российского Красного Креста в Красноярске на платформе Tilda. Важно было сохранить узнаваемость бренда, опираясь на фирменный стиль организации, и при этом создать современный и понятный интерфейс. Сайт должен был показать ценность обучения, снять страх перед темой первой помощи и помочь пользователю быстро принять решение о записи на курс.

Фирменный стиль Российского Красного Креста

Итоговый лендинг — соответствие брендбуку

В работе использовались фирменная цветовая палитра, характерные геометрические формы и графические акценты, благодаря чему дизайн получился полностью соответствующим айдентике организации.

Итоговый лендинг курсов первой помощи

Мобильная версия

Ключевые блоки и целевые действия адаптированы под вертикальный сценарий, упрощена навигация, а форма заявки и основные действия находятся в зоне быстрого доступа.

Мобильная версия курсов

Перенос из Figma в Tilda — микроанимации

Сайт был реализован на Tilda с дополнительной настройкой анимаций и интерактивных элементов. Для улучшения пользовательского опыта были добавлены плавные анимации. За счёт микровзаимодействий интерфейс помогает удерживать внимание пользователя во время изучения программы курсов.

Реализация лендинга на Tilda

Система стилей и внутренняя структура проекта

Внутри проекта была заранее выстроена единая система стилей: настроены цвета, типографика, кнопки и основные UI-элементы. Такой подход помогает поддерживать визуальную целостность сайта и упрощает дальнейшую доработку проекта.

Цвета, типографика, кнопки и UI-элементы