Проснитесь! Вам нужна мобильная версия!

1. Вводная задача от заказчика, проблематика, цели

Сегодня каждая третья покупка в России совершается со смартфона. Только представьте, сколько клиентов теряется из-за отсутствия адаптива. Так быть не должно! Мобильная версия должна быть у каждого сайта. Удобство пользователя повышает трафик, лояльность и продажи.

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Лучше один раз увидеть

Наглядно показываем человеку за большим монитором, какой диссонанс он сам испытывает, натыкаясь на неадаптированный для смартфона сайт – всё мелкое, ничего не видно, никуда не попасть. Тоже самое испытывает пользователь, когда смотрит с телефона неадаптированный сайт. Показываем сайты, на которых ежедневно мучаются тысячи человек. Удивительно, но найти подобные примеры до сих пор не составляет труда. Мы дали возможность пользователю проверить как выглядит его адаптивная версия прямо на нашем сайте без необходимости тянуться за смартфоном.

Реальные показатели реальных проектов

Сегодня люди, чей компьютер устаревает, часто не планирую покупку нового, потому что всё можно купить со смартфона. Аудитория мобильных пользователей сайта растет уже 5-ый год. Собираем и показываем цифры из крупнейших авторитетных источников, пытаемся достучаться до нашего зрителя. Рассказываем о причинах, почему разработка мобильной версии зачастую выгоднее для бизнеса, чем создание мобильного приложения. Можно не верить словам, но цифрам не доверять сложно. Для нас результат работы – изменение показателей. Окупилось за 2 недели выросла конверсия на Х% и тд. Вот то, для чего мы делаем интерфейсы удобными

Все идут к одному и тому же

Яндекс и Google уделяют большое внимание мобильным версиям сайтов и учитывают их качество при выдаче поискового результата. Google сообщает, что с сентября 2020 года все сайты будут переведены на mobile-first индексацию. Теперь каждый сайт будет проверяться поисковым Googlebot по мобильной версии, и если у вас её нет, то в топе поисковых запросов вам не быть. Увы!

Адаптивна версия не уступает десктопу

Всё-таки это же ленинг про мобильные версии) Для нас адаптив – не один блок под другим, а осознанная перекомпановка. Если на десктопе попап, то в адаптиве – шторка. Даже в ааптиве. Иногда нужно что-то убрать. Например, блок со скролящейся страницей в адаптив не попал. Как правило экран на мобильном устройстве лучше, поэтому можно использовать меньшую контрастность шрифта. Размер шрифта на мобильном устройстве должен быть не меньше 14рt, главное правило – хорошая читаемость. Вид элементов в адаптиве может измениться. Блоки с фактами о проектах выглядят иначе в мобильной версии.

Кейс на Behance

3. Результаты сотрудничества

Разработали концепцию показать разницу между адаптивными и не адаптивными сайтами, привести яркие примеры, железобетонные аргументы от Google и других значимых источников о том, что дело требует оперативного решения. Проект получил название Wakeup — «проснитесь».