Анимации для intentscout.ai
Мокапы в стиле сайта: ч/б, пиксели, дизеринг, как на корабле. Версия 2: точки не щёлкают, а плавно проявляются. Всё живое: нажимай, наводи, переключай варианты. Ничего не трогает прод. Варианты, которые нарушают DONT.md, помечены.
Переход между страницами
Два финала и три новые идеи. Шапка везде стоит на месте, меняется только содержимое. «Пиксели от клика» лучше смотреть, нажимая логотип или Get Started внутри макета: волна идёт от точки нажатия.
Меню
Миша: «меню выдвигается покрасивее». Нажми Menu. Первый вариант: строки выходят по очереди, каждая проявляется из мелких пикселей и прозрачности.
Never run out of leads.
We supply weekly lead lists and intent data to B2B sales teams.
Get Started при наведении
По правилу 28 при наведении можно менять только цвет, двигать нельзя. Пиксельная заливка остаётся в правиле: кнопка не двигается, просто перекрашивается через дизеринг, как картинки на сайте.
Появление из пикселей при прокрутке
Корабль и карта уже дизеринговые, так что им родно проявляться точками. Заголовок печатается слева направо пиксельной полосой. Один раз, при первом показе.
Built for consulting partners and engineering firms.
Цифры под первым экраном
Числа в полосе под героем набегают ступеньками, как счётчик в старой игре. Десять шагов, без плавности.
Как сделал бы я
- Финал A, чернила Kindle: текст проступает зерном и темнеет в три шага, старая страница оставляет бледный след. Тихо и необычно.
- Финал B, пиксели + шторка: мягкая полоса сверху вниз, край которой рассыпается на точки. Ближе всего к кораблю и карте.
- Газетный растр: страница печатается растровыми точками, они растут, пока не сольются. Как газета или гравюра.
- Загрузка как GIF в 90-х: страница проявляется строками через одну, как картинки на медленном модеме.
- Пиксели от клика: новая страница расходится точками от места, куда нажали. Самое живое из всех.
- Меню: строки по очереди, чернилами. Get Started: пиксельная заливка. Корабль: проявляется точками.
Всё отключается у тех, кто выключил анимацию в системе. Технически это маски из точек поверх готовой страницы, без библиотек, текст для Google остаётся как есть.