Скринсайт — это одноэкранный сайт, который умещается в экран устройства из которого ведется просмотр сайта.
Скринсайт — это сайт у которого решена проблема распределения внимания посетителей сайта на определенных областях страницы, согласно которой больше всего внимания и соответственно просмотров достается верхней части сайта, попавшей в первый экран устройства из которого ведется просмотр сайта.
Экран — это область сайта, попадающая в компьютер, ноутбук, планшет, мобильное устройство.
Данные о посетителях взяты из другого сайта, но суть у всех обычных сайтов одна, нижние области сайта видят в несколько раз меньше всего людей.
Увидеть эту проблему можно с помощью карты скроллинга в сервисе от Яндекса — Яндекс Метрика.
То есть первый экран сайта видят больше всего посетителей.
Второй экран меньше посетителей.
Третий экран еще меньше.
Последний экран видят меньше всего посетителей.
И в обычном сайте инструмент «Карта скроллинга» позволяет выявить оптимальную длину страниц сайта и правильно разместить на них важную информацию.
И если вы покупаете рекламу, то знайте, что 66% посетителей, зашедших на сайт, не увидят ваше коммерческое предложение полностью, и уйдут.
Они не смогут оценить все преимущества и выгоды вашего продукта и уйдут ни с чем. А вы потеряете деньги.
Поэтому для увеличения количества просмотров, а также проведенном на сайте времени, используется анимация.
А именно, вся информация на сайте размещается в виде анимации (анимационного блока), который располагается в самом верху сайта, сразу отображается, сразу виден после загрузки сайта, сразу запускается и сразу начинает вовлекать пользователя на просмотр.
Сразу показывает пользователю всю информацию о продукте или услуге, на которую вы делаете главную ставку.
После завершения анимации, происходит повтор бесконечное число раз, то есть анимация зациклена.
И сайт оживает. Движения элементов привлекают вашего клиента и вовлекают в содержимое сайта.
И таким образом получается сайт в один экран, что по-английски экран – screen сайт.
На ПК, ноутбуках, планшетах и мобильных телефонах в горизонтальном расположении экрана, отображается стандартная горизонтальная (альбомная) анимация.
Но на экране смартфона в вертикальном расположении анимация становится маленькой и незаметной, так как она сжимается по ширине и сильно уменьшается.
Именно поэтому для мобильных устройств разрабатывается отдельная анимация вертикального (портретного) типа, которая включается автоматически, и которая хорошо видна.
Данный скринсайт создавался 7 дней и еще несколько дней дорабатывался. В этом скринсайте была отображена основная информация. Которая была взята при изучении ключевых фраз в сервисе Яндекс Вордстат, в котором отражается текущий спрос. После изучения данных фраз были выявлены основные потребности, которые вместе с нашей информацией последовательно представлены в красивом, удобном и понятном виде на одном экране.
Инструменты создания приложений Bubble, Make (бывший Integromat), Directual, Glide, Adalo.
Экран 1 — Главная выгода — которая сразу же захватывает внимание. Побуквенное появление текста держит внимание клиента на себе.
Экран 2 — Преимущества разработки приложений без кода.
Экран 3 — Сравнение стоимости разработки классических приложений и приложений без кода по цене.
Экран 4 — Время разработки прототипа классических приложений и приложений без кода.
Экран 5 — Время разработки классических приложений и приложений без кода под ключ.
Экран 6 — Демонстрация одинаковой скорости работы приложений обеих типов для конечного пользователя.
Экран 7 — Этапы разработки мобильных приложений.
Экран 8 — Призыв к действию оставить заявку.
Стиль данного скринсайта спокойный, и это было сделано с целью концентрации внимания человека на нужной информации. Фон скринсайта одноцветный, и он не отвлекает пользователя от изучения анимированной информации. Элементы анимируются последовательно.
Длительность:
1. Горизонтальной анимации: 2 минуты 26 секунд
2. Вертикальной анимации: 2 минуты 34 секунды
После первого воспроизведения, анимация зациклена на начало и начинает проигрываться заново, то есть является бесконечной.
Вертикальная анимация для мобильных устройств на первый взгляд похожа на основную горизонтальную анимацию, но ее производство занимает 70% от времени разработки основной горизонтальной анимации. Так происходит, потому что для вертикального формата нужно, во-первых, выстраивать все движения элементов заново. А, во-вторых, некоторые движения, эффектно, корректно и красиво преподносящие информацию в горизонтальном формате, не могут также справиться с этой задачей в вертикальном формате. И поэтому их нужно переделывать и адаптировать под вертикальный формат.
Размеры горизонтальной анимации:
1. Файла анимации json: 615 кб
2. Изображений, участвующих в анимации: 169 кб
Размеры вертикальной анимации:
1. Файла анимации json: 600 кб
2. Изображений, участвующих в анимации: 168 кб
Все это говорит о том, что анимация быстро загружается вместе с загрузкой страницы сайта и сразу же начинает проигрываться и выполнять заложенные в нее задачи.
Кроме просмотра анимации клиент также может взаимодействовать с анимацией кликая по различным элементам — красиво появляющимся кнопкам, картинкам, областям, открывающим новые страницы и формы подачи заявки на ваш продукт или услугу.
Такой подход еще больше усиливает связь между вашим продуктом и клиентом, а путь к заказу становится эмоциональным, вдохновляющим, коротким и быстрым.
Телеграм:
https://t.me/gve2005
Все права защищены © Copyright 2021 — 2025. УНП HA5833271