По следам Uber: лидеры задают тренды
Редкий человек сегодня не слышал о международной службе такси, начавшей свою карьеру в 2009 году. Преодолев в 2015 планку капитализации в 60 млрд долларов, она подтвердила причастность к категории глобальных игроков, задающих тренды на информационном поле. Подобный успех невозможен без эффективно работающего сайта. Хотя с первых дней существования фирма опиралась на специально разработанное приложение, ее веб-страница – выполненная в формате landing page – так же способна многое рассказать о динамике развития своего вида.
- 2011, первое представление. Вопреки преобладающему мнению, что монохромные тона в дизайне сайтов – это изобретение последних лет, Uber использовал их уже в первой версии разработанного лендинга. Его одноэкранный сайт образца начала десятилетия, вполне конкурентоспособен и спустя годы. Крупное изображение автомобиля, привлекательный заголовок «Общий частный водитель», броская кнопка СТА. Несовременно смотрится только шрифт и мелкая компоновка элементов внизу экрана – мода на широкую одноколоночную верстку родилась несколько позже.
- В 2013 фирма начинает экспериментировать и изменять сайт. На первом экране появляются карточки с hover-эффектом, под которыми скрыты тематические мотиваторы, разъясняющие выгоду от сотрудничества с Uber. Налицо попытка совместить графический интерфейс мобильного приложения с веб-ресурсом. Страница становится длиннее. В нее внедрены разделенные экраны с четким дизайнерским структурированием. Еще одна примета, предвосхищающая надвигающиеся тренды мобилизации – сайт выполнен в «резиновой» технике. Сразу видно, что компания изначально ориентировалась на мобильных пользователей и корректное отображение на гаджетах. Она не стала дожидаться призыва поисковиков делать адаптированные сайты, а сама возглавила этот процесс.
На сегодняшний день процесс экспериментов закончился, а лендинг Uber вернулся к классическому представлению. Самое большое изменение, по сравнению с первой версией – это современная типографика, переход на чистый белый цвет фона, развернутое отражение успехов и преимуществ, достигнутых компанией за прошедшие годы. Судя по всему, платформа удовлетворена возможностями landing page, использованными еще 7 лет назад.
Все новое – это незабытое старое
Общественный проект DESIGNED TO MOVE (рождены для движения) – еще один герой, заслуживающий нашего внимания в разговоре о трендах и новинках в области организации лендингов. Точнее сказать – антигерой, потому что появившись сети одновременно с Uber, он четко зафиксировал вектор движения на визуальное представление контента.
- Широкая размашистая верстка в одну колонку.
- Цветовое разделение экранов.
- Качественная инфографика.
- Крупные тематические изображения, внедренные в бэкграунд.
- Полное погружение дизайна в монохром, с цветовым выделение зон спокойствия и опасности. Все положительные стороны отражаются в зеленых тонах, а отрицательные несут оранжево-красные оттенки.
И последнее. Лендинг «Рождены для движения» реализован в адаптированной к мобильным устройствам технике верстки. Хотя в 2012 году предсказать рост трафика на гаджетах могли только очень дальновидные люди.
Пройдя пятилетний путь в интернете, landing page DESIGNED TO MOVE сменил имидж: «оделся» в черные цвета, контрастно оттеняющие крупные цветные фотографии; использовал видео на первом экране; выделил СТА в нижнем блоке; обзавелся ссылками на социальные сети и боковым меню-гамбургером. Но его первая версия была настолько хороша, что сложно сказать – выиграл лендинг, отказавшись от нее, или потерял.
Обобщение и продолжение…
Рассмотренные два примера ясно показывают – в практике веб-разработки используются тренды, зародившиеся не вчера и даже не два года назад. Мериться крутизной современным пользователям приходится с сайтами, созданными уже достаточно давно. И это путь неперспективный. Потому что настоящие новации измеряются только в успехе популярности и доходах, который приносит продающий лендинг. А они лежат в другом физическом измерении, в глубине программной кодированной начинки. Об этом в следующей статье.
Нацеленность на продажи
Реклама и развитие сайта
Запуск за 2 недели
