Задание: UI/UX дизайн. Дизайн и верстка лендинга‑вайтлиста для приложения Safely (герой с демо‑видео) (Дистанционная работа)
Нужно сделать одностраничный лендинг‑вайтлист для нового мобильного приложения Safely (тематика: безопасность, локальные происшествия, карта города). Цель страницы – быстро объяснить суть продукта через демо‑видео в hero‑блоке и собрать e‑mail’ы в вайтлист.
По стилю и визуальному ощущению хочется что‑то на уровне современных safety‑/map‑приложений (например, как на главной странице сайта citizen.com), но без копирования дизайна, текстов или кода. Нужна своя, оригинальная версия с похожим уровнем визуальной ясности и акцентом на карту и видео.
Важно:
Современный, простой, профессиональный дизайн.
Очень визуальный hero‑экран: крупное демо‑видео/скринкаст приложения в макете телефона или браузера, понятный заголовок, подзаголовок и форма подписки.
Адаптив: корректная работа на десктопе и мобильных.
У меня уже есть:
Подробное описание фич приложения Safely (в PDF).
Чёткое понимание структуры страницы (hero + несколько блоков с преимуществами и пояснением «как работает»).
ТЗ на текст (на английском, можно использовать как основу).
Что нужно от исполнителя:
1) Помочь доформулировать структуру лендинга (финальное количество блоков).
2) Сделать дизайн в Figma (или другом удобном инструменте).
3) Сделать верстку (желательно Webflow / Framer / чистый HTML+CSS, без тяжёлых конструкторов).
4) Подготовить демо‑видео приложения и настроить hero‑блок с этим видео (запись экрана, монтаж 30–60 секунд, аккуратный embed в макете телефона/браузера).
5) Подключить простую форму для сбора e‑mail.
Настроить форму вайтлиста с полями:
Обязательные:
- Имя и фамилия
- E‑mail
Необязательные:
- В каком городе вы хотите, чтобы мы запустились ПЕРВЫМИ
- Какой функционал вы бы больше всего хотели увидеть в Safely
- Откуда вы о нас узнали
При отклике прошу прислать 2–3 примера лендингов (желательно с видео в hero‑блоке и/или картами), которые вы делали, чтобы оценить уровень визуала.
