Из переписки в корпоративном чате.
Возможно, обыграть ситуацию, когда при скролле вниз происходит какая-то история.
1-й экран до скролла – Заказчик в растерянном виде стоит на фоне кирпичной стены, и лист бумаги с каракулями, который при скролле спускается вниз и исчезает в разграничительной зоне.
В разграничительной зоне мы описываем проблему заказчика. Плюс она нужна для подмены изображения листика на элемент для следующего экрана.
2-й экран – Другой человек стоит на фоне кульмана, в руки ему медленно спускается планшет из разграничительной верхней зоны в него врисован этот лист бумаги с типа доковским файлом открытым. Дальше планшет уходит в следующую разграничительную зону.
Во второй разграничительной зоне мы описываем о том, как лечится боль заказчика. Планшет двигается дальше и заменяется на следующую картинку.
3-й экран - человек в белой каске (ИТР) на фоне стройки, в руках планшет, в котором врисован лист+план.
По аналогии с предыдущими разграничителями.
4-й экран – человек в желтой каске на другом фоне в руках планшет, план с галочками (типа выполнил).
5-экран – Заказчик стоит счастливый на фоне «евроремонта» в руках планшет с его же фото на фоне этой стены (закос на рекурсию) с логотипом соцсети (как вариант).
Дальше информация с призывом попробовать, купить, позвонить и прочее.
На одной странице в итоге мы все сводим к этапам: шаг 1-шаг 2-шаг 3.
На каждом экране всплывает нужная инфа – цифры экономии денег, времени, запугивание срывами сроков и про то, какие мы крутые и уникальные.
Каждая разграничительная линия служит для описания процессов.
Опускающийся вниз клочок бумаги-планшет можно запрограммировать под поведение с гравитацией.