×
Россия +7 (495) 139-20-33

12 российских сайтов с адаптивным дизайном

Россия +7 (495) 139-20-33
Шрифт:
9 13676

В последние годы адаптивная верстка стала очевидным фаворитом среди других вариантов mobile-friendly сайтов. В Справке Google это единственная версия, у которой нет недостатков, а Яндекс, отвечая на наш «Вопрос недели», отметил, что в Рунете заметна тенденция «снижения количества отдельных страниц для мобильных (m.site.ru) в пользу адаптивного дизайна и динамического показа».

А раз есть спрос, то нужны и идеи. Помня об успехе прошлогодней подборки «12 примеров сайтов с адаптивным дизайном», редакция SEOnews решила собрать еще несколько интересных сайтов с адаптивной версткой, но на этот раз мы обратились к российским компаниям. И вот что мы увидели.

Издательский дом «Коммерсантъ»

Как оказалось, большинство наших коллег из СМИ предпочитают мобильные сайты, а некоторые и вовсе еще не озадачились вопросом своей мобилопригодности. Редким исключением из правила стал «Коммерсантъ». В результате на главной адаптивного «Коммерсанта» читателя встречают два варианта новостей – краткий и подробный, а еще статьи, анонсы к которым написаны довольно мелким шрифтом серого цвета. Кажется, не лучший выбор для версии сайта, который будут просматривать с мобильных устройств.

Веб-версия сайта ИД Коммерсант.png
Адаптированная версия сайта ИД Коммерсант

Meduza.io

В Meduza точно знают, что пользователи любят читать с мобильных именно новости. Поэтому адаптивный сайт издания – это такая длинная лента новостей, которые разбавляются вставками из других рубрик. Впрочем, в «Меню» есть возможность зайти отдельно в каждую из них.

Веб-версия сайта Meduza
Адаптивная версия сайта Meduza

Сбербанк

«Сбербанк» решил сохранить в адаптивной версии все возможности, которые есть у посетителей десктопного сайта. И есть ощущение, что размещали они функции в порядке востребованности мобильными пользователями. Прямо в шапке возможность перейти в «Сбербанк Онлайн», раздел «Контакты», где есть не просто контактный центр, но и ближайшие отделения и банкоматы, и «Меню», в котором можно выбрать актуальную задачу. Отдельно телефоны контактного центра дублируются в первой прокрутке.

Так выглядит веб-версия сайта Сбербанка
А это адаптированная версия сайта Сбербанка

Альфа-Банк

А вот сайт «Альфа-Банка» – это своего рода мобильный лендинг, на котором вы можете выбрать необходимую услугу. Выглядит довольно лаконично. Но, несмотря на отсутствие картинок, не считая фона, страницы грузятся довольно долго, а при выполнении некоторых операций вас просто перебрасывает на веб-версию сайта.

Веб-версия сайта Альфа-Банка
alfa bank.jpg

Тинькофф Банк

Как и на десктопе, адаптивная версия Тинькофф Банка встречает баннером, который занимает добрую половину экрана, зато заставляет пролистать дальше, чтобы узнать условия предложения. В целом сайт очень напоминаем своих западных собратьев, где крупные привлекательные изображения замещают длинные описания, а текст используется очень функционально.
Веб-версия сайта Тинькофф Банка
Адаптивная версия сайта Тинькофф Банка

Aviasales

Достойный пример услугового сайта. В отличие от банков, которым нужно уместить в ограниченном пространстве мобильного экрана множество опций для разных категорий клиентов, Aviasales может показать все своих услуги уже в первой прокрутке экрана. По кнопке меню открываются дополнительные возможности для поиска дешевых билетов. Те, кто все-таки решит пролистать вниз, могут почитать отзывы и информацию о компании.

Веб-версия сайта Aviasales
Адаптивная версия сайта Aviasales

М.Видео

Странно, но далеко не все онлайн-ретейлеры оказались готовы к переходу в mobile. И далеко не все из них оценили прелести адаптивной верстки. «М.Видео» у себя на сайте сосредоточились на акциях и популярных товарных категориях, что вполне логично для интернет-магазина. Немного удивляет разве что отсутствие в пределах видимости хоть какого-нибудь телефона для связи (или любой другой формы) и раздел «Магазины», который по умолчанию показывает московские филиалы, даже не уточняя местоположение пользователя.

Веб-версия сайта М.Видео

Адаптивная версия сайта М.Видео

Wikimart

Wikimart встречает большой формой поиска, кнопкой «Каталога товаров» и своими конкурентными преимуществами. Дальше идут товары по со скидками и акции, которые перемежаются предложениями зарегистрироваться на сайте или войти. И во всем этом нет ничего удивительного, но телефона снова нет. К слову, важная страничка с информацией о «Доставке и оплате» оказалась внизу страницы, в разделе «Покупателям», и ведет на десктопную версию сайта.

Веб-версия сайта Wikimart

Адаптивная версия сайта Wikimart

LADA

Да, у «АВТОВАЗА» есть сайт с адаптивной версткой. На нем можно относительно удобно ознакомиться с модельным рядом автомобилей и даже сконфигурировать что-то для себя. В обзоре некоторых автомобилей даже есть возможность «осмотреть салон изнутри». И о наболевшем – телефон клиентской линии спрятан в футере.

lada-web.png

Адаптивная версия сайта Lada

Мегафон

Единственный из лидеров мобильной связи, у которого есть адаптивная версия. «Мегафон» сходу предлагает клиентам решить сразу несколько актуальных проблем вроде пополнения счета или получения информации о роуминге и мобильном интернете. Правда, выглядит это так, будто на сайте не подгружаются картинки. В этой мысли еще больше укрепляешься, долистываешь до предложения купить смартфон или планшет. И да, на сайте мобильного оператора нет телефонов контактного центра.

Веб-версия сайта Мегафон

Адаптивная версия сайта Мегафон

Яндекс

Кажется, с адаптивной версткой Яндекс чувствует себя даже лучше, чем в веб-версии. Здесь на одной странице уместились почти все Я.Сервисы, причем выглядят они иногда даже более привлекательно, чем на десктопе. Главное, чтобы пользователи не уставали листать.

Веб-версия сайта Яндекса

Адаптивная версия сайта Яндекса

И, как всегда, приглашаем вас делиться своими примерами адаптивных сайтов в комментариях. 

(Голосов: 5, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • IQ-MAXIMA
    19
    комментариев
    0
    читателей
    IQ-MAXIMA
    больше года назад
    Ой, посмотрите на этого красавчика iq-maxima.ru/   :) СОЧНО! МОЩНО!
    -
    0
    +
    Ответить
  • A-dom
    1
    комментарий
    0
    читателей
    A-dom
    больше года назад
    Вот ещё нормальный сайт с адаптивным дизайном a-dom.su/
    -
    0
    +
    Ответить
  • Гость
    больше года назад
    Завтра смотрите live23.ru
    -
    1
    +
    Ответить
  • Себастьян
    больше года назад
    Дашка - няшка :3
    -
    2
    +
    Ответить
  • Гость
    больше года назад
    IT-News.club ИТ Новости. Лента новостей информационных технологий. Аналитика, обзоры, тесты, интервью.
    it-news.club
    -
    7
    +
    Ответить
  • Ренат Зайдуллин
    4
    комментария
    0
    читателей
    Ренат Зайдуллин
    больше года назад
    Как и предыдущие комменты, грех про свой не написать))) federalsp.ru/ Да-да, негабаритные перевозки. Чего еще ждать на сайте с seo в домене)
    -
    -9
    +
    Ответить
  • Гость
    больше года назад
    В яндексе не адаптив, а динамический показ
    -
    6
    +
    Ответить
  • Максим Шибаков
    4
    комментария
    0
    читателей
    Максим Шибаков
    больше года назад
    rebus-agency.ru/blog/
    -
    -19
    +
    Ответить
  • Михаил Мирошниченко
    1
    комментарий
    0
    читателей
    Михаил Мирошниченко
    больше года назад
    Сейчас многие сайты имеют адаптивный дизайн - hetmanrecovery.com
    -
    -21
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Что скрывает «Прогноз бюджета Яндекс.Директ»?
Михаил Мухин
14
комментариев
0
читателей
Полный профиль
Михаил Мухин - Здравствуйте! 1-2. Считает стенд. Ссылка на него дана, но могу повторить: online.p-c-l.ru/competition/task/card/id/106. Нажмите на кнопку "Начать" и заранее приготовьте прогноз бюджета Яндекс. Суть расчета: перебор комбинаций всех ставок на всех фразах, построение бюджетных когорт - бюджетов с одинаковым СРС, отбор в каждой когорте бюджета с максимальным количеством кликов и ..., да упорядочивание этих бюджетов по мере возрастания СРС, причем берем не все, а с фиксированным шагом. 3. Гугл считается через поправочные коэффициенты. Мы перевариваем океан данных и представляем их. На удивление, получается не менее, хотя и не более точно, как и прогноз Яндекс. Конечно, нужно понимать, что это очень примерные прикидки, фактически перевод неточного прогноза Яндекс в удобочитаемую форму, не больше. Самое интересное начинается, когда применяешь метод бюджетных когорт к измерению показателей фраз на реальной рекламной кампании в режиме 48х7. Первые результаты очень хорошие. Если хотите присоединиться к бесплатному тестированию, напишите Эльвире r-support@r-broker.ru. В теме укажите "хочу присоединиться к тестам Умного управления рекламой"
#SEOnews14: мы празднуем – вы получаете подарки!
Анна Макарова
362
комментария
0
читателей
Полный профиль
Анна Макарова - Гость, добрый день! С победителями мы связывались сразу после розыгрыша. Если мы вам не написали, значит, ваш номер не выпал. Но не расстраивайтесь, у нас обязательно будут новые розыгрыши!
Ссылочное продвижение локальных сайтов: ТОП худших SEO-методов
demimurych
5
комментариев
0
читателей
Полный профиль
demimurych - о господи. это для регионального сайта? в яндексе? где у сайта по региону конкурентов меньше чем выдачи на двух страницах из которых перваш это реклама москвы? потешно ей богу. ктото чего то не понеимает.
Как ускорить сайт на WordPress, чтобы получить 100/100 в Google PageSpeed Insights
Георгий
1
комментарий
0
читателей
Полный профиль
Георгий - Все что рекомендуется в этой статье есть у w.tools. Ни разу не пожалел что подключился. Своя CDN сеть, кеш статики и динамики, минификация js\css и кешируемого html, оптимизация всех типов картинок и еще куча всего полезного. Сайт летает и я не знаю проблем. Могу рекомендовать от души.
«Аудит, чтобы ты заплакала…», или Что делать, когда получил сторонний аудит сайта
Евгений
1
комментарий
0
читателей
Полный профиль
Евгений - Воообще, на самом деле здесь двоякое впечатление от таких аудитов. Конечно, для полного глубокого анализа и подготовки рекомендаций по сайту - нужны доступы к системам аналитики и инструментам вебмастера. Но если оценивать подобные аудиты с точки зрения чистого SEO (которое все больше и больше становится лишь малой частью digital-маркетинга, лишь одним из каналов) - они имеют место быть. Но с оговоркой, что они сделаны с учетом анализа конкурентов/отрасли. Современные инструменты и алгоритмы позволяют делать это маркетологам в автоматическом режиме, и даже давать рекомендации - возможностями машинного обучения уже никого не удивишь. Да, полное перечисление "мифического" списка ошибок, построенного по предикативным правилам, да еще и с учетом устаревших особенностей ПС - это явный признак некачественного аудита. В первую очередь потому, что эти "ошибки" следует рассматривать в качестве рекомендаций от ПС (как и говорится в справочнике вебмастера у Яндекса/Google). Однако если эти данные даются с отсылкой на данные о конкурентах, об отрасли, используются методы ML и Natural language processing для обработки исходных данных, кластеризации запросов, классификации страниц/запросов/сайтов, определения структуры документа - такие отчеты имеют право на существование. Но ключевым моментом является то, что подобные инструменты достаточно сложны в разработке, а значит требуют квалифицированных специалистов для их разработки. Которых просто нет у студий рассылающих подобные "сео отчеты". Подобные отчеты по "ошибках" тоже неплохой источник информации, но лишь на 0 этапе анализа сайта. И в принципе, теоретически, возможно почти полное составление "хороших аудитов" без участия маркетолога, на основе лишь открытых данных сайта/внешних источников, но только при соответствующем применении всех современных возможностей анализа данных и рекомендательных систем. И в любом случае подобный "хороший отчет" требует конечного заключения от эксперта.
От мечты стать юристом к собственному SMM-агентству. Как найти себя в современном цифровом мире
Виктор Брухис
5
комментариев
0
читателей
Полный профиль
Виктор Брухис - Статья выглядит так, как пожелали редакторы и интервьюер) Вопросы к интервью подбирал не я)) Хотя, в целом я согласен с вашим видением. А за пожелание удачи большое спасибо!
BDD 2019: Как перестать убивать время на сбор и обработку тонны данных для SEO-аудита
Kosta Bankovski
4
комментария
0
читателей
Полный профиль
Kosta Bankovski - Спасибо за приятные слова! Буду и дальше делиться наработками ;)
Как провести анализ содержания страниц товаров и категорий
Никита Седнин
3
комментария
0
читателей
Полный профиль
Никита Седнин - Спасибо!
Как вывести сайт в ТОП 10 Google в 2019 году
Роман
1
комментарий
0
читателей
Полный профиль
Роман - Вот скажите пожалуйста, Мне разработали сайт на мою фирму, www.линк.kz и теперь надо решить, сео продвижение у нас стоит около 25000 - 30000 руб. в месяц, для меня сумма не маленькая стоит ли оно того? или можно просто оптимизировать сайт в плане СЕО и выходить в ТОП за счет трафика?
Как я пытался купить CRM-систему, но мне ее поленились продать
Kristina
1
комментарий
0
читателей
Полный профиль
Kristina - Очень рекомендую CRM-систему польской фирмы Firmao. Все функции настраиваются в соответствии с индивидуальным потребностям компании! Советую попробовать бесплатную демо-версию, чтобы попробовать все необходимые функции, без лишних кнопок и траты дополнительных финансов! :) Сайт: firmao.ru/info
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
362
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
107
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
82
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55

Отправьте отзыв!
Отправьте отзыв!