14 потрясающих примеров мобильных сайтов
В Рунете мобильный трафик составляет около 30% от всего объема. Отмахнуться от мобильных пользователей в e-commerce уже невозможно, к тому же Google в апреле 2015 года запустил алгоритм mobile-friendly.
Кто-то никак не отреагировал на это, посчитав, что новшество их не коснется. А кто-то прислушался к рекомендациям Google, оптимизировал сайт под мобильные устройства и сумел неплохо подняться в естественной выдаче.
В этой статье вы увидите 14 примеров мобильных интерфейсов, которые приносят владельцам миллионы и достойны подражания.
Fortnum & Mason
Интернет-версия популярного в Великобритании продовольственного магазина. Кстати, Fortnum & Mason первыми в мире стали продавать готовые блюда и первыми придумали продовольственные корзины для праздников, особых случаев и пикников. После мобильной оптимизации магазин получил увеличение конверсии на 57%.
Простое и понятное меню. Обратите внимание: здесь же указан номер телефона. На него можно кликнуть, и сразу пойдет вызов.
ETQ
Это интернет-магазин спортивной обуви. Молодой, но уже очень популярный бренд из Амстердама, основанный в 2010 году. Весь товар в одну линию — это просто гениально.
Virgin America
Авиакомпанию Virgin America и ее харизматичного лидера Ричарда Брэнсона хорошо знают и в России. Пожалуй, у этой компании самые стильные самолеты и самые красивые стюардессы.
Пользоваться мобильным сайтом Virgin America тоже одно удовольствие – настолько продумана каждая мелочь. Обратите внимание – при регистрации на рейс можно выбрать забавный аватар. А заодно посмотреть на аватарки других пассажиров — интересно, кто полетит в соседнем кресле?
Norman Records
Norman Records — английский Интернет-магазин музыки редких стилей. Все записи на виниле. Мобильный сайт выдержан в духе бренда: впечатляющий текст и графика. Страница входа в аккаунт реализована невероятно удобно. Регистрация, авторизованный вход, гостевой вход – все на одном экране.
Hobbycraft
Интернет-версия популярной британской сети магазинов: более 30 000 наименований товаров для рукоделия.
Argos
Новая мобильная версия Argos быстро завоевала популярность благодаря простому и интуитивно понятному дизайну. Для каждой категории товаров предусмотрена иконка, у каждого товара – несколько качественных иллюстраций, которые можно увеличивать в одно касание.
Booking.com
У всемирно известного сервиса бронирования отелей недавно появилась русскоязычная версия. Booking.com — образец совершенства в юзабилити. Отдельно отметим календарь, в котором после выбора даты все лишнее сразу скрывается.
А также страницу с отзывами и рейтингами: вдохновляет, снимает опасения и побуждает вернуться.
А вот и русскоязычная версия:
Penny Skateboard
Мобильная версия магазина скейтбордов сохранила все преимущества основного сайта. Есть даже 3D-обзор товаров.
Europcar
Сайт аренды автомобилей также сохранил свои фишки. Выбрать машину легко и быстро даже со смартфона. Выберите направление и время отправки, и сразу узнаете расстояние и время в пути.
Геолокация работает в два касания. Изменить направление помогают интуитивные подсказки.
А вот как выглядит русская версия главной страницы Europcar с планшета (ничем не отличается от обычной версии сайта):
Lush
Это бренд натуральной косметики. В мобильной версии представлены не только товары, но и информационные статьи. Дизайн идеально заточен под небольшие экраны. Страница поиска товара особенно хороша — работают интуитивные подсказки.
Посмотрите, как четко и понятно подается каждый отдельный товар.
И в заключение три отечественных примера.
AviaSales.ru
Это сайт поиска недорогих авиабилетов. Просто, понятно, ничего лишнего:
Litres.ru
Самый популярный в Рунете интернет-магазин электронных книг. Litres точно знает, что владельцы мобильных устройств читают гораздо чаще, чем люди за стационарным компьютером.
Связной
Покупателя здесь действительно любят.
Lamoda.ru
Онлайн-гипермаркет одежды и обуви Lamoda. Здесь продуманный дизайн главной страницы, выбор категории товара в одно касание. И приятный бонус – скидка при покупке из приложения:
Вдохновения и высоких вам конверсий!
Как найти клиентов начинающему маркетологу Статья
Как имея микробюджет, сражаться с конкурентами. Кейс по ремонту холодильников Статья
Яндекс.Справочник: руководство по применению Статья
Настройка контекстной рекламы: Кого выбрать — агентство или фрилансера? Статья
10 нейросетей для создания видео: обзор лучших сервисов и программ Статья
Будущее образования: как институт Навигатор внедряет VR и AR технологии для повышения качества обучения Статья
5 признаков людей, которые тянут команду вниз — как их обнаружить и кем заменить Статья
5% → 20% конверсия сайта: как клиент Vitamin.tools находит покупателей в нише автоюристов Статья
Как попасть в ТОП Яндекс Карт Статья