14 потрясающих примеров мобильных сайтов
В Рунете мобильный трафик составляет около 30% от всего объема. Отмахнуться от мобильных пользователей в e-commerce уже невозможно, к тому же Google в апреле 2015 года запустил алгоритм mobile-friendly.
Кто-то никак не отреагировал на это, посчитав, что новшество их не коснется. А кто-то прислушался к рекомендациям Google, оптимизировал сайт под мобильные устройства и сумел неплохо подняться в естественной выдаче.
В этой статье вы увидите 14 примеров мобильных интерфейсов, которые приносят владельцам миллионы и достойны подражания.
Fortnum & Mason
Интернет-версия популярного в Великобритании продовольственного магазина. Кстати, Fortnum & Mason первыми в мире стали продавать готовые блюда и первыми придумали продовольственные корзины для праздников, особых случаев и пикников. После мобильной оптимизации магазин получил увеличение конверсии на 57%.
![Пример мобильного сайта от Fortnum Mason Пример мобильного сайта от Fortnum Mason](/img/mobilnyh-saytov-1.png)
Простое и понятное меню. Обратите внимание: здесь же указан номер телефона. На него можно кликнуть, и сразу пойдет вызов.
ETQ
Это интернет-магазин спортивной обуви. Молодой, но уже очень популярный бренд из Амстердама, основанный в 2010 году. Весь товар в одну линию — это просто гениально.
![Пример мобильного сайта от ETQ Пример мобильного сайта от ETQ](/img/mobilnyh-saytov-21436159044.png)
Virgin America
Авиакомпанию Virgin America и ее харизматичного лидера Ричарда Брэнсона хорошо знают и в России. Пожалуй, у этой компании самые стильные самолеты и самые красивые стюардессы.
Пользоваться мобильным сайтом Virgin America тоже одно удовольствие – настолько продумана каждая мелочь. Обратите внимание – при регистрации на рейс можно выбрать забавный аватар. А заодно посмотреть на аватарки других пассажиров — интересно, кто полетит в соседнем кресле?
![Пример мобильного сайта от Virgin America Пример мобильного сайта от Virgin America](/img/mobilnyh-saytov-3.png)
Norman Records
Norman Records — английский Интернет-магазин музыки редких стилей. Все записи на виниле. Мобильный сайт выдержан в духе бренда: впечатляющий текст и графика. Страница входа в аккаунт реализована невероятно удобно. Регистрация, авторизованный вход, гостевой вход – все на одном экране.
![Пример мобильного сайта от Norman Records Пример мобильного сайта от Norman Records](/img/mobilnyh-saytov-4.png)
Hobbycraft
Интернет-версия популярной британской сети магазинов: более 30 000 наименований товаров для рукоделия.
![Пример мобильного сайта от Hobbycraft Пример мобильного сайта от Hobbycraft](/img/mobilnyh-saytov-4a.png)
Argos
Новая мобильная версия Argos быстро завоевала популярность благодаря простому и интуитивно понятному дизайну. Для каждой категории товаров предусмотрена иконка, у каждого товара – несколько качественных иллюстраций, которые можно увеличивать в одно касание.
![Пример мобильного сайта от Argos Пример мобильного сайта от Argos](/img/mobilnyh-saytov-5.png)
Booking.com
У всемирно известного сервиса бронирования отелей недавно появилась русскоязычная версия. Booking.com — образец совершенства в юзабилити. Отдельно отметим календарь, в котором после выбора даты все лишнее сразу скрывается.
![Пример мобильного сайта от Booking.com Пример мобильного сайта от Booking.com](/img/mobilnyh-saytov-6.png)
А также страницу с отзывами и рейтингами: вдохновляет, снимает опасения и побуждает вернуться.
![Пример страницы с отзывами и рейтингами от Booking.com Пример страницы с отзывами и рейтингами от Booking.com](/img/mobilnyh-saytov-6a1436159249.png)
А вот и русскоязычная версия:
![Пример мобильного русскоязычного сайта от Booking.com Пример мобильного русскоязычного сайта от Booking.com](/img/mobilnyh-saytov-6b.png)
Penny Skateboard
Мобильная версия магазина скейтбордов сохранила все преимущества основного сайта. Есть даже 3D-обзор товаров.
![Пример мобильного сайта от Penny Skateboard Пример мобильного сайта от Penny Skateboard](/img/mobilnyh-saytov-7.png)
Europcar
Сайт аренды автомобилей также сохранил свои фишки. Выбрать машину легко и быстро даже со смартфона. Выберите направление и время отправки, и сразу узнаете расстояние и время в пути.
Геолокация работает в два касания. Изменить направление помогают интуитивные подсказки.
![Пример мобильного сайта от Europcar Пример мобильного сайта от Europcar](/img/mobilnyh-saytov-8.png)
А вот как выглядит русская версия главной страницы Europcar с планшета (ничем не отличается от обычной версии сайта):
![Пример мобильного русскоязычного сайта от Europcar Пример мобильного русскоязычного сайта от Europcar](/img/mobilnyh-saytov-8b.png)
Lush
Это бренд натуральной косметики. В мобильной версии представлены не только товары, но и информационные статьи. Дизайн идеально заточен под небольшие экраны. Страница поиска товара особенно хороша — работают интуитивные подсказки.
![Пример мобильного сайта от Lush Пример мобильного сайта от Lush](/img/mobilnyh-saytov-9.png)
Посмотрите, как четко и понятно подается каждый отдельный товар.
![Пример 2 мобильного сайта от Lush Пример 2 мобильного сайта от Lush](/img/mobilnyh-saytov-9a.png)
И в заключение три отечественных примера.
AviaSales.ru
Это сайт поиска недорогих авиабилетов. Просто, понятно, ничего лишнего:
![Пример мобильного сайта от AviaSales.ru Пример мобильного сайта от AviaSales.ru](/img/mobilnyh-saytov-10.png)
Litres.ru
Самый популярный в Рунете интернет-магазин электронных книг. Litres точно знает, что владельцы мобильных устройств читают гораздо чаще, чем люди за стационарным компьютером.
![Пример мобильного сайта от Litres.ru Пример мобильного сайта от Litres.ru](/img/mobilnyh-saytov-11.png)
Связной
Покупателя здесь действительно любят.
![Пример мобильного сайта от магазина Связной Пример мобильного сайта от магазина Связной](/img/mobilnyh-saytov-12.png)
Lamoda.ru
Онлайн-гипермаркет одежды и обуви Lamoda. Здесь продуманный дизайн главной страницы, выбор категории товара в одно касание. И приятный бонус – скидка при покупке из приложения:
Вдохновения и высоких вам конверсий!
Как найти клиентов начинающему маркетологу Статья
Как имея микробюджет, сражаться с конкурентами. Кейс по ремонту холодильников Статья
Яндекс.Справочник: руководство по применению Статья
Как юристу вести Telegram канал. Отвечает адвокат Валерий Рогальский Статья
Кейс клиента Vitamin.tools о продвижении детского лагеря в VK Ads: как получать заявки по 500 рублей 3 месяца подряд Статья
Лидогенерация на мероприятия Статья
Пустые бланки резюме для устройства на работу – где взять? Статья
6 советов от клиента Vitamin.tools по продвижению психолога в TG через Директ Статья
Работа на фрилансе или в агентстве: плюсы и минусы Статья