Мы видим главную страницу сайта в результатах поиска и когда вбиваем его адрес в строку браузера. Если она заинтересует нас своим содержимым, навигацией, дизайном и версткой, возможно, мы задержимся и посмотрим другие страницы. Если же нет – пойдем гулять дальше по просторам интернета.
В статье собраны примеры 20 главных страниц с разной тематикой. Решайте сами – хороши они или не очень.
Московский машиностроительный завод «ВПЕРЕД»
Источник: http://mmz-vpered.ru/
Завод-производитель рулевых винтов и лопастей к ним для вертолетов семейства «Ми».
![Главная страница Московского машиностроительного завода «ВПЕРЕД» Главная страница Московского машиностроительного завода «ВПЕРЕД»](/upload/img/2-04-06-2018/1.gif)
Особенности
- При нажатии кнопки «Меню» в правом верхнем углу показывается подробное меню и дублируется футер:
![Полное меню сайта «ВПЕРЕД» Полное меню сайта «ВПЕРЕД»](/upload/img/2-04-06-2018/2.jpg)
- Сайт имеет две версии – русскую и английскую. Переключение происходит автоматически после нажатия на соответствующий флажок.
- Сразу указывается направление деятельности и дается оформленная в виде кнопки ссылка на каталог продукции, страницу с описанием сервиса, а также на текст о компании.
- Для каждой модели вертолета указываются варианты изготовления рулевого винта и лопастей со ссылкой на соответствующие страницы каталога:
![Конфигурации рулевого винта и лопастей для «МИ-17» наглядно Конфигурации рулевого винта и лопастей для «МИ-17» наглядно](/upload/img/2-04-06-2018/3.jpg)
- В кратком виде приводятся тексты о производстве и сервисном обслуживании (последний раздел является сквозным для всего сайта). Оба текста можно прочитать, нажав кнопку «Подробнее».
- Внизу приведен краткий список партнеров, который также можно посмотреть в расширенном виде.
- В футере продублированы все пункты меню, приведен график работы и контактные данные.
Да, тексты на главной странице написаны «дежурным» языком, их так и тянет переписать. Но в целом впечатление от знакомства с главной страницей складывается положительное и хочется прочитать про все эти винты и лопасти.
Штучка
Источник: https://b1ser.ru/
Интернет-магазин товаров для рукоделия.
![Главная страница интернет-магазина «Штучка» Главная страница интернет-магазина «Штучка»](/upload/img/2-04-06-2018/4.gif)
Особенности
- Первый экран главной странице представляет собой рабочий стол специалиста, занятого рукоделием – сразу же понимаешь, куда ты попал и куда можешь перейти – в каталог.
- Почти сразу же появляется всплывающее окно:
![Приятно, конечно, но я только смотрю. По крайне мере, пока Приятно, конечно, но я только смотрю. По крайне мере, пока](/upload/img/2-04-06-2018/5.jpg)
- Отдельный блок отведен под акцию с бесплатной доставкой:
![У меня чуть больше недели, чтобы воспользоваться акцией У меня чуть больше недели, чтобы воспользоваться акцией](/upload/img/2-04-06-2018/6.jpg)
- Каталог также представлен более подробно – в виде плиточек с категориями товаров.
- Текстовый блок отведен под короткое описание магазина, схему работы конкурентные преимущества.
- Затем новостной блок, который не часто обновляется (можно подписаться на рассылку RSS). Последняя запись сделана в День Победы:
![Новости и акции появляются не так часто, как хотелось бы\ Новости и акции появляются не так часто, как хотелось бы\](/upload/img/2-04-06-2018/7.jpg)
- Прямо на главной странице приводится блок с отзывами, которые можно вручную полистать:
![Жаль, что нет ни фотографий, ни ссылок на профили отозвавшихся Жаль, что нет ни фотографий, ни ссылок на профили отозвавшихся](/upload/img/2-04-06-2018/8.jpg)
- Далее интерактивная карта и подробный список контактных данных:
![Позвонить, написать, проконсультироваться – без проблем! Позвонить, написать, проконсультироваться – без проблем!](/upload/img/2-04-06-2018/9.jpg)
- Есть подписка на рассылку, за которую дают 3% скидок:
![3% – небольшая скидка, но она обеспечивает лучшую конверсию подписки 3% – небольшая скидка, но она обеспечивает лучшую конверсию подписки](/upload/img/2-04-06-2018/10.jpg)
- Далее следует блок-портфолио с работами участниц. При открытии любое изображение можно прокомментировать:
![Комментарий к работе – хорошо. То, что работы не подписаны – плохо Комментарий к работе – хорошо. То, что работы не подписаны – плохо](/upload/img/2-04-06-2018/11.jpg)
- В самом конце расположена панель ссылок на страницы интернет-магазина в соцсетях.
- В футере представлены открытые счетчики статистики сайта.
Главная страница хорошо проработана и дает такой объем информации, что как минимум хочется «походить» по остальным страницам сайта. Хоть ты – брутальный мужик, а не рукодельница :).
Пелси
Источник: http://www.pelsi.ru/
Предприятие-производитель детских деревянных игрушек и наборов для творчества детей.
![Главная страница компании «Пелси» Главная страница компании «Пелси»](/upload/img/2-04-06-2018/12.gif)
Особенности
- В глаза бросается «детское» оформление страницы – сразу настраивает на позитивный лад.
- Надпись «Новинки» похожа на кнопку, которую хочется нажать, но это всего лишь заголовок для слайдера ниже:
![Названия тут просто необходимы – сейчас это все «деревянные домики» Названия тут просто необходимы – сейчас это все «деревянные домики»](/upload/img/2-04-06-2018/13.jpg)
- Названия конструкторов не подписаны – их можно узнать, если щелкнуть по конкретной «плитке» – тогда будет переход в карточку товара с описанием конструктора.
- Новостной блок не обозначен как таковой, а просто показан плитками, с обрывочными анонсами:
![Такие интересные новости надо показывать крупнее – это же интересно! Такие интересные новости надо показывать крупнее – это же интересно!](/upload/img/2-04-06-2018/14.jpg)
- Наконец, блок с категориями товаров из каталога. Оформление классное:
![Лучше помещать этот блок сразу под «Новинками» Лучше помещать этот блок сразу под «Новинками»](/upload/img/2-04-06-2018/15.jpg)
- Страница заканчивается красивой пейзажной зарисовкой:
![Загляденье… Загляденье…](/upload/img/2-04-06-2018/16.jpg)
При всей красивой графической составляющей главной странице недостает текстового контента – как минимум короткого текста об интернет-магазине. К сожалению, счетчик Live Internet в футере с запредельной посещаемостью – всего лишь картинка. Щелкните на нем правой кнопкой мыши и проверьте сами.
Столярная мастерская
Источник: http://ваша-мастерская .рф/
Индивидуальное изготовление мебели и предметов интерьера.
![Главная страница «Столярной мастерской» Главная страница «Столярной мастерской»](/upload/img/2-04-06-2018/17.gif)
Особенности
- Сайт – одностраничник. Весь первый экран – текст на красивом фоне (представление и короткое описание общими фразами) + призыв к действию в кнопке:
![Записаться на консультацию я всегда успею, пока листаем дальше Записаться на консультацию я всегда успею, пока листаем дальше](/upload/img/2-04-06-2018/18.jpg)
- Сразу же после него блок с новыми работами. При наведении на любую работу появляется ссылка «Подробнее». При нажатии испытываешь огорчение:
![Нет вообще ничего, а не только подробностей Нет вообще ничего, а не только подробностей](/upload/img/2-04-06-2018/19.jpg)
- После следует единая форма подписки на консультацию – неважно, есть ли у вас дизайн-проект или нет.
- Следующий блок – информация о мастерской:
![Такое чувство, что текст написан, лишь бы был Такое чувство, что текст написан, лишь бы был](/upload/img/2-04-06-2018/20.jpg)
- После этого начинается та часть страницы, где рассказывается про услуги компании и особенности ее работы.
- в блоке «Мы предлагаем» описаны названия услуг и их короткое описание:
![Жаль нельзя щелкнуть на услугу и узнать о ней подробнее Жаль нельзя щелкнуть на услугу и узнать о ней подробнее](/upload/img/2-04-06-2018/21.jpg)
- в блоке «Что мы используем в работе» описаны материалы и возможность делать из них нетривиальные изделия. Для наглядности текст иллюстрирован:
![Если вы не разбираетесь в древесине, иллюстрации вам ни о чем не скажут Если вы не разбираетесь в древесине, то иллюстрации вам ни о чем не скажут](/upload/img/2-04-06-2018/22.jpg)
- далее блок с конкурентными преимуществами, из которых лично меня зацепили возможность сделать то, чего нет ни в одном магазине и посмотреть на весь процесс производства;
- в блоке «Нам под силу» компания делится своими возможностями:
![Сейчас все это воспринимается как базовый набор того, что получит клиент Сейчас все это воспринимается как базовый набор того, что получит клиент](/upload/img/2-04-06-2018/23.jpg)
- наконец, портфолио работ с не самыми качественными изображениями, опять же нет подписей к работам, когда их начинаешь смотреть:
![Это пример из категории «Мебель и предметы интерьера» - непонятно, на чем здесь сделан акцент Это пример из категории «Мебель и предметы интерьера» - непонятно, на чем здесь сделан акцент](/upload/img/2-04-06-2018/24.jpg)
- Сразу вызывает интерес блок «История нашего клиента», но он подан не в форме от первого лица, а как очень короткий рассказ компании о своих заказчиках:
![Меньше от себя, больше – от клиента! Меньше от себя, больше – от клиента!](/upload/img/2-04-06-2018/25.jpg)
- Завершается главная страница стандартной формой обратной связи «Остались вопросы?» и интерактивной картой с адресом офиса продаж.
Тот случай, когда дизайн и верстка на порядок лучше текстового оформления. Даже с текущими ограничениями на размер текстовых полей и с учетом классной тематики сайта можно доработать тексты и сделать сайт таким же красивым, как производимые изделия.
Студия Михайловых
Источник: http://mika-design.ru/
Дизайн интерьеров под ключ.
![Главная страница Студии Михайловых Главная страница Студии Михайловых](/upload/img/2-04-06-2018/26.gif)
Особенности
- Первый экран сделан по схеме «Сфера деятельности + короткое описание + кнопка с призывом к действию»:
![Заманчивое предложение с предложением рассчитать стоимость Заманчивое предложение с предложением рассчитать стоимость](/upload/img/2-04-06-2018/27.jpg)
- Далее блок, который более подробно описывает преимущества от работы с фирмой. Странно, что очевидная кнопка «Заказать» – всего лишь элемент рисунка – так и хочется на нее нажать:
![Как ни пытайтесь, кнопку вам не нажать! Как ни пытайтесь, кнопку вам не нажать!](/upload/img/2-04-06-2018/28.jpg)
- Следующий блок, обращающий на себя внимание – схема работы – тут все проиллюстрировано и подробно описано:
![Все последовательно – с описанием и ценами – как и должно быть в схеме сотрудничества Все последовательно – с описанием и ценами – как и должно быть в схеме сотрудничества](/upload/img/2-04-06-2018/29.jpg)
- Логически верно идущий блок «Есть вопросы?» с рекомендацией перехода в FAQ:
![Проверьте: в этом разделе много полезной информации для клиентов Проверьте: в этом разделе много полезной информации для клиентов](/upload/img/2-04-06-2018/30.jpg)
- Портфолио работ с кратким описанием каждой при наведении курсора (при щелчке откроется окно с подробным описанием работы) и возможность посмотреть все проекты:
![Сразу понятно, что собой иллюстрирует изображение, если навести мышь Сразу понятно, что собой иллюстрирует изображение, если навести мышь](/upload/img/2-04-06-2018/31.jpg)
- Далее текстово-графический блок о деятельности фирмы – коммерческие интерьеры домов в Сочи.
- Завершает страницу калькулятор расчета стоимости:
![Рассчитайте стоимость вашего проекта Рассчитайте стоимость вашего проекта](/upload/img/2-04-06-2018/32.gif)
- В футере сайта подробно расписаны все услуги, цены на проекты и теория (тематические статьи).
Приятный сайт, который особо остро интересует, когда готовишься к ремонту и присматриваешь идеи для интерьера. Информации достаточно для того, чтобы вызвать интерес у будущего заказчика дизайна интерьера.
ДДТ
Источник: http://www.ddt.ru/
Рок-группа под бессменным руководством Юрия Юлиановича Шевчука.
![Главная страница рок-группы «ДДТ» Главная страница рок-группы «ДДТ»](/upload/img/2-04-06-2018/33.gif)
Особенности
- Когда открываешь сайт, теряешься – кажется, что просто открыл картинку в новом окне. Все, что надо – начать скроллить вниз:
![Текущий состав группы «ДДТ» Текущий состав группы «ДДТ»](/upload/img/2-04-06-2018/34.jpg)
- Если листать дальше, будет список, где в топе показываются знаковые и пока не отыгранные концерты:
![Рок за бобров! Рок за бобров!](/upload/img/2-04-06-2018/35.jpg)
- Затем поклонники и посетители могут посмотреть и купить концертные CD группы:
![Купить диск на концерте – бесценно Купить диск на концерте – бесценно](/upload/img/2-04-06-2018/36.jpg)
- Непременный блок для такого типа сайтов – состав группы:
![Жаль, что нельзя щелкнуть по человеку и подробно про него прочитать Жаль, что нельзя щелкнуть по человеку и подробно про него прочитать](/upload/img/2-04-06-2018/37.jpg)
+ команда поддержки и контактные данные:
![Все очень серьезно Все очень серьезно](/upload/img/2-04-06-2018/38.jpg)
- Завершается страница ссылками на соцсети и магазин атрибутики:
![Подписывайся, покупай вещи с символикой «ДДТ» Подписывайся, покупай вещи с символикой «ДДТ»](/upload/img/2-04-06-2018/39.jpg)
Страница похожа на единую ленту гастролей, событий и новостей «ДДТ». Раньше это был черный фон и белые буквы – с главной я всегда уходил в легендарный «ЧаДДТ». Новый дизайн на порядок современнее и уж точно лучше, чем у большинства коллег по цеху.
Texterra
Источник: /
Агентство интернет-маркетинга.
![Главная страница агентства Texterra Главная страница агентства Texterra](/upload/img/2-04-06-2018/40.gif)
Особенности
- Первое, на что обращаешь внимание – это акцентуация на омниканальности и ссылка на подробное описание услуги комплексного интернет-маркетинга. Не думаю, что все знаю про понятие «омниканальность» (объяснение более простыми словами, чем в «Википедии» решит вопрос):
![Представление. Опыт работы. Ссылка на основную услугу. И все – на фоне активной работы сотрудников Представление. Опыт работы. Ссылка на основную услугу. И все – на фоне активной работы сотрудников](/upload/img/2-04-06-2018/41.jpg)
- Далее перечень услуг. Меня удивило, что тут услуги не раскладываются на подуслуги, как на одноименной странице, которые я разобрал в предыдущей статье. Краткие описания – информативные, раскрывают суть.
- Блок «Почемучка»: оформленный буллитами текст, подкрепленный видеороликом + ответ на вопрос, зачем нужен комплексный интернет-маркетинг:
![Вот тут бы ссылку на кейс по этой услуге! Вот тут бы ссылку на кейс по этой услуге!](/upload/img/2-04-06-2018/42.jpg)
- Затем мы видим самое мощное оружие «Текстерры» – последние записи из блога и кнопку-ссылку на все материалы. Кстати, воспользуйтесь генератором тем для блога:
![Все три статьи-новинки – от команды авторов «Текстерры» Все три статьи-новинки – от команды авторов «Текстерры»](/upload/img/2-04-06-2018/43.jpg)
- Завершает страницу блок с клиентами «Текстерры» (я бы так и обозначил его – «Наши партнеры»). Логотипы постоянно меняются:
![Я вижу здесь очень солидных клиентов. А вы? Я вижу здесь очень солидных клиентов. А вы?](/upload/img/2-04-06-2018/44.jpg)
Если кликнуть на любой из логотипов, откроется страница с описанием клиентам и его тематики, оказанных услугах и сроках сотрудничества.
- В футере – контактные данные, реквизиты, а также ссылки на представительства «Текстерры» в социальных сетях и продублированное меню.
В подборке это единственный пример сайта, создатели которого сами занимаются разработкой и наполнением, в том числе, главных страниц. Логично, что тексты, дизайн и верстка – плод мозгового штурма и грамотной реализации.
Астраханская
Источник: http://baza-astrakhan.ru/
Рыболовная и база отдыха.
![Главная страница рыболовной базы «Астраханская» Главная страница рыболовной базы «Астраханская»](/upload/img/2-04-06-2018/45.gif)
Особенности
- Первое, что бросается в глаза – растения и домики:
![У меня тут был немой возглас «Ну и что?» У меня тут был немой возглас «Ну и что?»](/upload/img/2-04-06-2018/46.jpg)
Если же воспользоваться ручной пагинацией, то увидишь то, чего ожидаешь от базы отдыха:
![Фото здоровенного сома на сайте рыболовной базы – то, что надо! Фото здоровенного сома на сайте рыболовной базы – то, что надо!](/upload/img/2-04-06-2018/47.jpg)
- Следующий блок рассказывает посетителям сайта о том, что их ждет на базе «Астраханской»:
![Плавайте, ловите рыбу, кушайте пельмешки из судака и слушайте рыбацкие байки Плавайте, ловите рыбу, кушайте пельмешки из судака и слушайте рыбацкие байки](/upload/img/2-04-06-2018/48.jpg)
- Далее блок с текстом о базе:
![Вероятно жирным выделены слова, которые наиболее важны тем, кто поедет туда отдыхать Вероятно жирным выделены слова, которые наиболее важны тем, кто поедет туда отдыхать](/upload/img/2-04-06-2018/49.jpg)
- Далее информация, которую можно охарактеризовать как услуги:
- «Номера» с ценами и кнопками-ссылками на бронирование. При нажатии здесь же появляется форма:
![Бронирование номера на базе отдыха Бронирование номера на базе отдыха](/upload/img/2-04-06-2018/50.jpg)
- «Размещение», где рассказывается, что входит в стоимость;
- «Инфраструктура» – развлечения для взрослых и детей, активных и ленивых:
![Меня здесь очень удивил пункт «Флот». Получается у «Астраханской» есть свой собственный? Меня здесь очень удивил пункт «Флот». Получается у «Астраханской» есть свой собственный?](/upload/img/2-04-06-2018/51.jpg)
- «Рыбалка» с прайс-листом и заметкой, что ловить вы будет в компании егеря-чемпиона России по охоте и рыбной ловле;
- «Корпоративный отдых» с той же самой формой бронирования, что и у «Номеров»;
- «Оздоровление и отдых» – описано, что туда входит. С такими вот иллюстрациями:
![Это я хотел посмотреть, как выглядит сауна. Не получилось… Это я хотел посмотреть, как выглядит сауна. Не получилось…](/upload/img/2-04-06-2018/52.jpg)
- Завершает страницу подробное описание, как добраться авто-, авиа- и железнодорожным транспортом:
![Все маршруты все равно надо уточнять. Селезень хорош! Все маршруты все равно надо уточнять. Селезень хорош!](/upload/img/2-04-06-2018/53.jpg)
+ интерактивная карта с телефонами бронирования и электронной почтой:
![Все равно нужно будет не раз уточнить маршрут, позвонив по телефону / написав на почту Все равно нужно будет не раз уточнить маршрут, позвонив по телефону / написав на почту](/upload/img/2-04-06-2018/54.jpg)
Среди подобных сайтов выделяется качественным и информативным оформлением. Поеду рыбачить на Волгу – обязательно открою сайты «Астраханской» и базы «Углянское». И буду выбирать между ними.
Правильные печи
Источник: https://www.iqpech.ru/
Производство печей, каминов, барбекю и мангалов.
![Главная страница компании «Правильные печи» Главная страница компании «Правильные печи»](/upload/img/2-04-06-2018/55.gif)
Особенности
- Весь сайт, а не только главная, создает приятную атмосферу теплой русской печи, за что огромный плюс в карму создателей. И как подкрепление моих слов:
![Печи, спящий медведь, ухваты – красота! Печи, спящий медведь, ухваты – красота!](/upload/img/2-04-06-2018/56.jpg)
- Блок «О нас» – здесь очень удачно графикой сделаны некоторые слова:
![Как будто читаешь детскую книжку со сказками Как будто читаешь детскую книжку со сказками](/upload/img/2-04-06-2018/57.jpg)
- Блок «Услуги» с хорошими картинками, кратким описанием и, что здорово, ссылками «читать…» на подробное описание услуг:
![Видно сразу весь спектр, можно прочесть про интересующую услугу Видно сразу весь спектр, можно прочесть про интересующую услугу](/upload/img/2-04-06-2018/58.jpg)
- Фотогалерея – еще один образец нетривиального оформления. Смотрите, что тут можно сделать:
![Крути-верти фотографии, смотри в увеличенном виде. Что у некоторых нет подписи – не беда! Крути-верти фотографии, смотри в увеличенном виде. Что у некоторых нет подписи – не беда!](/upload/img/2-04-06-2018/59.gif)
- Финальный блок «Связаться с нами» – достойное и уютное окончание главной страницы:
![Форма обратной связи возникает при наведении курсора на картинку Форма обратной связи возникает при наведении курсора на картинку](/upload/img/2-04-06-2018/60.jpg)
- В футере – ссылки на страницы «Правильных печей» во «ВКонтакте» и «Одноклассниках».
Вместо своих комментариев лучше приведу точную цитату из раздела «О нас»:
“В нашей компании печники - это не просто специалисты по кладке и ремонту печей. Это в первую очередь люди, вкладывающие себя, свою душу и сердце в каждую сложенную ими печь”.
Москоу Холидей Хотел
Источник: http://hotel-moscowholiday.ru/
Отель в самом центре Москвы.
![Главная страница отеля Moscow Holiday Hotel Главная страница отеля Moscow Holiday Hotel](/upload/img/2-04-06-2018/61.gif)
Особенности
- C главной страницы можно заказать обратный звонок, а также изменить язык. Кнопка бронирования ведет на свою собственную страницу. На первом экране пиктограммами с текстом приводятся основные преимущества этой гостиницы:
![Активный / пассивный / деловой отдых недалеко от станции метро и с Wi-Fi Активный / пассивный / деловой отдых недалеко от станции метро и с Wi-Fi](/upload/img/2-04-06-2018/62.jpg)
- Следующий блок состоит целиком из одного текста, рассказывающего про месторасположение отеля, кафе, бизнес- и дополнительные услуги:
![Здесь не хватает иллюстраций и перелинковки текста Здесь не хватает иллюстраций и перелинковки текста](/upload/img/2-04-06-2018/63.jpg)
- В блоке услуги и удобства можно увидеть, чего ожидать от номеров:
![Преимущества отеля в расширенном формате Преимущества отеля в расширенном формате](/upload/img/2-04-06-2018/64.jpg)
- Далее фото-портфолио:
![Щелчок по пиктограмме приведет в другой раздел сайта с фотогалереей Щелчок по пиктограмме приведет в другой раздел сайта с фотогалереей](/upload/img/2-04-06-2018/65.jpg)
- Ниже немаловажный раздел с отзывами:
![По крайней мере, на главной странице отзывы малоинформативные По крайней мере, на главной странице отзывы малоинформативные](/upload/img/2-04-06-2018/66.jpg)
- Завершается страница интерактивной картой с контактными данными гостиницы:
![Поиск в Москве начинаешь с ближайших станций метро Поиск в Москве начинаешь с ближайших станций метро](/upload/img/2-04-06-2018/67.jpg)
- Отдельно стоит сказать про закрепленную информацию о бронировании номеров:
![Если я закрою это окошко, информация по бронированию на главной странице мне больше нигде не встретится Если я закрою это окошко, информация по бронированию на главной странице мне больше нигде не встретится](/upload/img/2-04-06-2018/68.jpg)
Несмотря на то, что сейчас можно посмотреть списки гостиниц в разных агрегаторах, часто хочется посетить официальный сайт и узнать все информацию там. Главная страница Moscow Holiday Hotel – хороший пример информативности главной страницы. Прочитаешь, что на ней написано и уже не так боязно начинать процедуру бронирования номера.
Деловые линии
Источник: https://www.dellin.ru/
Транспортная компания.
![Главная страница транспортной компании «Деловые линии» Главная страница транспортной компании «Деловые линии»](/upload/img/2-04-06-2018/69.gif)
Особенности
- Шапка сайта очень информативная:
![8 интерактивных элементов – и это только начало! 8 интерактивных элементов – и это только начало!](/upload/img/2-04-06-2018/70.jpg)
- возможность выбрать город (определяется автоматически);
- телефоны представительств в разных странах;
- функция онлайн-звонка;
- пиктограммы расчета заказа, статуса заказа, поиск по сайту;
- авторизация для входа в личный кабинет;
- лента событий компании.
- Далее не менее насыщенный информацией блок:
![Информация по грузам и не только Информация по грузам и не только](/upload/img/2-04-06-2018/71.jpg)
- по нажатию на пиктограмму грузовичка появляется описание конкретной акции:
![Заметьте – можно узнать акции и в других городах Заметьте – можно узнать акции и в других городах](/upload/img/2-04-06-2018/72.jpg)
- в окошке можно рассчитать стоимость доставки груза между двумя любыми городами;
- есть информация о количестве филиалов «Деловых линий» в вашем городе и их общее число;
- введя номер, можно отследить в окошке его путь или воспользоваться помощью, нажав на ссылку «Не знаете номер заказа?».
- Следующий блок состоит из перечня услуг транспортной компании, выстроенной по схеме «название услуги / информация об акциях по ней / порядок оказания / документы для скачивания в формате pdf для этой услуги»:
![Обязательно к прочтению для новичков-грузоотправителей Обязательно к прочтению для новичков-грузоотправителей](/upload/img/2-04-06-2018/73.jpg)
- Компания предусмотрела следующее окно, если вы не нашли в этом перечне то, что нужно:
![Свой вопрос вы можете задать сразу тремя способами Свой вопрос вы можете задать сразу тремя способами](/upload/img/2-04-06-2018/74.jpg)
- Следующий блок посвящен особенностям и конкурентным преимуществам компании. Обращают на себя внимание, конечно же, цифры:
![«Кратчайшие сроки» мне ни о чем не говорят, но география поставок, объем перевозок и автопарк внушают «Кратчайшие сроки» мне ни о чем не говорят, но география поставок, объем перевозок и автопарк внушают](/upload/img/2-04-06-2018/75.jpg)
- Страница завершается текстом о компании:
![Читать текст с таким форматированием трудно читать. Зато он свой для каждого города Читать текст с таким форматированием трудно читать. Зато он свой для каждого города](/upload/img/2-04-06-2018/76.jpg)
- Футер сайта очень большой – содержит все многочисленные ссылки на разделы, кнопки представительств в соцсетях и кнопки расшаривания страницы (!), ссылку на мобильную версию, а также информацию о соответствии деятельности системе качества ISO 9001:
![Часть из этого можно было отправить в верхнее меню Часть из этого можно было отправить в верхнее меню](/upload/img/2-04-06-2018/77.jpg)
Примерно два раза в месяц бываю на «Деловых линиях», чтобы помогать с отправкой больших партий грузов. Субъективно: в жизни у них также все нормально настроено, как и на главной.
Русский кондитер
Источник: http://www.russkonditer.ru/
Один из крупнейших производителей мармелада на территории России.
![Главная страница фабрики «Русский кондитер» Главная страница фабрики «Русский кондитер»](/upload/img/2-04-06-2018/78.gif)
Особенности
- Полезная шапка сайта – можно бесплатно позвонить, скачать презентацию фабрики и драже, посмотреть адреса компании в соцсетях и переключить язык на английский:
![Такая шапка уже настраивает на деловой лад Такая шапка уже настраивает на деловой лад](/upload/img/2-04-06-2018/79.jpg)
- Следующий блок состоит из автоматически и вручную сменяемых картинок с анонсами продукции, любую можно посмотреть подробнее в соответствующей категории:
![Сейчас это мармеладные мишки, а через несколько секунд – драже Сейчас это мармеладные мишки, а через несколько секунд – драже](/upload/img/2-04-06-2018/80.jpg)
- Далее блок с пагинацией всех продуктовых линеек фабрики. При наведении на любую из них появляется ссылка «Смотреть линейку»:
![Посмотреть все сладости, узнать подробнее про какую-то одну – пожалуйста! Посмотреть все сладости, узнать подробнее про какую-то одну – пожалуйста!](/upload/img/2-04-06-2018/81.jpg)
- Блок-«вкусняшка» сильно отвлекает от анализа страницы. Но это цифры, которые всегда важны для партнеров и покупателей:
![200 (!) видов и 250 (!!!) вкусов мармелада. Да мне и клубничного сейчас бы хватило 200 (!) видов и 250 (!!!) вкусов мармелада. Да мне и клубничного сейчас бы хватило](/upload/img/2-04-06-2018/82.jpg)
- Следующий блок с фильтрацией – вы можете посмотреть и заказать товары по категориям «Хиты продаж», «Новинки производства» и «Акция»:
![«Фрукты», «сердечки» и «червячки» – что еще надо сладкоежке для счастья? «Фрукты», «сердечки» и «червячки» – что еще надо сладкоежке для счастья?](/upload/img/2-04-06-2018/83.jpg)
- Отдельного внимания заслуживает блок «Акция» - это настоящее уникальное торговое предложение фабрики! Судите сами:
![Мармеладный логотип – это интересно! Мармеладный логотип – это интересно!](/upload/img/2-04-06-2018/84.jpg)
- Если захотелось узнать подробнее и заказать брендированный мармелад, после нажатия на кнопку появится такая форма обратной связи:
![Сладкий брендинг: начало сотрудничества Сладкий брендинг: начало сотрудничества](/upload/img/2-04-06-2018/85.jpg)
- Следующий блок – сугубо рекламный, содержащий конкурентные преимущества фабрики:
![Взгляните: в этом списке практически все предложения носят конкретный характер Взгляните: в этом списке практически все предложения носят конкретный характер](/upload/img/2-04-06-2018/86.jpg)
- На этом продажи не заканчиваются. Следующий блок усиливает действие предыдущего и завершает страницу:
![Есть еще и «эксклюзивные условия» – как минимум, хочется проверить, что это так! Есть еще и «эксклюзивные условия» – как минимум, хочется проверить, что это так!](/upload/img/2-04-06-2018/87.jpg)
- Футер сайта дублирует шапку и содержит все пункты меню и адрес компании.
Главную страницу этого сайта не хочется анализировать, его хочется подать к чаю и пожевать перед телевизором. Создатели справились с задачей вызвать у посетителя нужные эмоции. А у потенциального клиента – желание сотрудничать.
Holiday Kids
Источник: https://holiday-kids.ru/
Организация и проведение детских праздников с аниматорами в Москве.
![Главная страница агентства праздников Holiday Kids Главная страница агентства праздников Holiday Kids](/upload/img/2-04-06-2018/88.gif)
Особенности
- Первый экран – слова на фоне видео и то, что ждешь от этого всего:
![Не спешите сразу заказывать – листайте страницу дальше! Не спешите сразу заказывать – листайте страницу дальше!](/upload/img/2-04-06-2018/89.jpg)
- Далее блоки, раскрывающие суть детских праздников – какие компания проводит (о каждом можно прочесть подробнее, щелкнув по картинке) и как мы можем заказать их себе. Пункт № 4, правда, по смыслу сюда не вписывается, потому что это рассказ об особенностях работы студии:
![Какие есть праздники и как их заказать – все логично Какие есть праздники и как их заказать – все логично](/upload/img/2-04-06-2018/90.jpg)
- Далее, внимание, география организации праздников (по щелчку на населенный пункт открывает страница, показывающая аниматоров конкретно в нем) + закономерный призыв заказать аниматора прямо сейчас:
![Обратите внимание на дважды указанную гарантию 100 % возврата денег и количество проведенных праздников Обратите внимание на дважды указанную гарантию 100 % возврата денег и количество проведенных праздников](/upload/img/2-04-06-2018/91.jpg)
- Наконец, блок, до которого, многие быстро долистывают, когда переходят на сайт – ролевые модели аниматоров. Вот лишь фрагмент:
![Всего на странице 62 карточки аниматоров – о каждой роли можно прочитать подробнее Всего на странице 62 карточки аниматоров – о каждой роли можно прочитать подробнее](/upload/img/2-04-06-2018/92.jpg)
- Следующий блок – реально на добивание и закрытие сделки:
![Реквизиту компании позавидует любой провинциальный театр Реквизиту компании позавидует любой провинциальный театр](/upload/img/2-04-06-2018/93.jpg)
- Далее следуют тарифы (!) на детские праздники. Неравенство есть и здесь:
![Платиновый праздник – и такие же расходы для родителей J Платиновый праздник – и такие же расходы для родителей J](/upload/img/2-04-06-2018/94.jpg)
- Как говорят старые рекламисты, «но и это еще не все»:
![После такого будешь думать, что праздник пройдет в космосе После такого будешь думать, что праздник пройдет в космосе](/upload/img/2-04-06-2018/95.jpg)
…и чуть ниже дублируется блок «Заказать аниматора прямо сейчас», несмотря на обилие кнопок «Заказать».
- Кому и этого мало, пожалуйста:
![Ни добавить, ни прибавить… или же?.. Ни добавить, ни прибавить… или же?..](/upload/img/2-04-06-2018/96.jpg)
- Или же:
![Вы меня убедили! Вы меня убедили!](/upload/img/2-04-06-2018/97.jpg)
- Далее социальные доказательства:
- видеоролики;
- фотоотчеты;
- конечно же, отзывы:
![Ссылки на профили пользователей придали бы отзывам максимальную реалистичность Ссылки на профили пользователей придали бы отзывам максимальную реалистичность](/upload/img/2-04-06-2018/98.jpg)
- Наконец, контакты и форма обратной связи:
![Как минимум, хочется позвонить, чтобы тебе ответили на все вопросы Как минимум, хочется позвонить, чтобы тебе ответили на все вопросы](/upload/img/2-04-06-2018/99.jpg)
- Ниже текст, который явно было написан больше для нужд SEO, чем для людей:
![Неудачная верстка гиперссылок, мелкий шрифт, неоформленный нумерованный список Неудачная верстка гиперссылок, мелкий шрифт, неоформленный нумерованный список](/upload/img/2-04-06-2018/100.jpg)
- Завершается страница дублированием блока с географией доставок детских праздников.
- В футере повторяется про гарантию возврата денег, дублируется меню, приводятся контакты и размещаются кнопки-ссылки на группы компании в соцсетях.
Я анализировал этот сайт, листал кажущийся бесконечным список аниматоров, смотрел цены на золотые и платиновые тарифы и произносил вслух слова, которые нельзя говорить не только на детском, но и на взрослом празднике. Очень серьезный бизнес, огромное число услуг и подуслуг – у ребенка будет на день рождения то, о чем я в детстве и мечтать не мог.
Москафе
Источник: http://mos.cafe/
Недорогой ресторан в центре Москвы.
![Главная страница ресторана «МОСКАФЕ» Главная страница ресторана «МОСКАФЕ»](/upload/img/2-04-06-2018/101.gif)
Особенности
- Обратите внимание на доменный адрес – это единственный сайт в подборке, где используется тематический домен .cafe.
- Первый экран привлекает внимание фирменным стилем написания, возможностью переключения языков. Но главное – написанный крупным телефон и кнопка с призывом забронировать столик:
![Бронировать пока рано, хочется посмотреть, что там дальше на главной Бронировать пока рано, хочется посмотреть, что там дальше на главной](/upload/img/2-04-06-2018/102.jpg)
- А дальше – блок, который показывает положительные стороны кафе:
![Полезная и нужная информация для посетителей Полезная и нужная информация для посетителей](/upload/img/2-04-06-2018/103.jpg)
- Этот блок усиливается текстом и фотографиями ниже:
![Скидка, к сожалению, устарела, но возможность выпить «Совиньон блан» и вынести еду осталась Скидка, к сожалению, устарела, но возможность выпить «Совиньон блан» и вынести еду осталась](/upload/img/2-04-06-2018/104.jpg)
- Следующие два блока – «Популярные блюда» и «Интерьер МОСКАФЕ» содержат фотографии с пагинацией. Любое изображение можно увеличить, но картинки не подписаны:
![Выглядит очень вкусно и фотография классная. Но что это? Выглядит очень вкусно и фотография классная. Но что это?](/upload/img/2-04-06-2018/105.jpg)
- Важнейший блок «Акции» - я бы поместил его сразу под первым экраном:
![Скидки, скидки, скидки! Скидки, скидки, скидки!](/upload/img/2-04-06-2018/106.jpg)
- Затем блок с контактными данными, интерактивная карта и форма для бронирования столика «онлайн»:
![Подробная форма, заполнив которую, можно рассчитывать, что все пройдет, как надо Подробная форма, заполнив которую, можно рассчитывать, что все пройдет, как надо](/upload/img/2-04-06-2018/107.jpg)
- Завершается страница формой подписки на новости и акции «МОСКАФЕ».
Если одним словом описать впечатление от главной страницы кафе, это будет «уютно». Когда поеду в столицу, хотел бы посетить кафе или же просто сделать заказ и вынести еду со скидкой в 20 %.
Викиум
Источник: https://wikium.ru/
Интерактивная система развития мозга.
![Главная страница системы обучения «Викиум» Главная страница системы обучения «Викиум»](/upload/img/2-04-06-2018/108.gif)
Особенности
- Первый экран говорит, что сейчас будет тренировка мозга (ее можно уже начать, переключившись на английскую версию сайта). Кнопка «Начать развиваться» переводит на страницу с опросом для построения учебной программы. Ссылка «У меня уже есть аккаунт» открывается окно авторизации:
![В двух словах выражена суть главной страницы и всего сайта, а белая стрелочка зовет нас в путь В двух словах выражена суть главной страницы и всего сайта, а белая стрелочка зовет нас в путь](/upload/img/2-04-06-2018/109.jpg)
- Следующий блок «продает» нам идею заниматься ежедневно:
![Здорово, что все в цифрах! Хоть и усредненные значения Здорово, что все в цифрах! Хоть и усредненные значения](/upload/img/2-04-06-2018/110.jpg)
- Думаете, что вам рано / поздно заниматься? Блок отрабатывает эти возражения:
![Никаких отговорок – начинайте развиваться! Никаких отговорок – начинайте развиваться!](/upload/img/2-04-06-2018/111.jpg)
- Немного научной информации для закрепления результата никому не повредит:
![Начинайте тренироваться, и число ваших синапсов возрастет Начинайте тренироваться, и число ваших синапсов возрастет](/upload/img/2-04-06-2018/112.jpg)
- Тренироваться по «Викиуму» легко. Вот простая схема:
![Зная свой потенциал, каждый день работаешь над собой и видишь результаты Зная свой потенциал, каждый день работаешь над собой и видишь результаты](/upload/img/2-04-06-2018/113.jpg)
- Абсолютно логичный блок с социальными доказательствами (ссылки на профили отозвавшихся людей повысили бы доверие):
![Больше 2 000 000 интеллектуалов – такие цифры не могу не радовать Больше 2 000 000 интеллектуалов – такие цифры не могу не радовать](/upload/img/2-04-06-2018/114.jpg)
- Далее блок, который на профессиональном жаргоне называется «ачивки»:
![Упоминания в авторитетных источниках и престижные награды – реальные достижения «Викиума» Упоминания в авторитетных источниках и престижные награды – реальные достижения «Викиума»](/upload/img/2-04-06-2018/115.jpg)
- В футере сайта показан контактный телефон, ссылки на пресс-службу и помощь (если перейдете по любой, окажетесь в интерфейсе почтового сервиса).
Что тут сказать? Надеюсь, вы после изучения главной страницы обязательно зарегистрируйтесь в системе и начнете развиваться. Если уже не делаете это, как я.
Обновление статьи от 02.08.2018
Из рук в руки
Источник: https://irr.ru/
Всероссийский портал объявлений.
Главная страница портала объявлений «Из рук в руки»
Особенности
- Шапка сайта однозначно говорит о том, что мы находимся на портале объявлений:
![Больше миллиона объявлений – и вы всегда можете добавить новое! Больше миллиона объявлений – и вы всегда можете добавить новое!](/upload/img/02-08-2018/2.jpg)
- нажатие на надписи «Избранное» открывает окно сбоку, где написано, что мы можем добавить в избранное любое понравившееся объявление, нажав на кнопку со звездочкой;
- надпись «Вход» – авторизация на сайте или регистрация (жаль, что всего два способа – стандартная регистрация по логину и паролю и вход через mail.ru);
- кнопка «Добавить объявление» переводит на страницу создания нового объявления;
- Поисковая строка состоит из трех секций:
- поиск товара или услуги с поисковыми подсказками;
- выбор категории;
- выбор региона.
- Следующий экран показывает фактически структуру каталога сайта – список объявлений. Весь список оказывается при нажатии на кнопку «Больше категорий»:
![Для каждой категории указано число объявлений во входящих в нее подкатегорий Для каждой категории указано число объявлений во входящих в нее подкатегорий](/upload/img/02-08-2018/3.jpg)
- Следующий блок – «Рекомендуемые объявления»:
![По какому критерию делаются рекомендации? Хотя ответ, думаю, очевиден… По какому критерию делаются рекомендации? Хотя ответ, думаю, очевиден…](/upload/img/02-08-2018/4.jpg)
- Ниже следует блок «Из рук в руки для бизнеса»:
![Попробуйте-ка оставить заявку Попробуйте-ка оставить заявку](/upload/img/02-08-2018/5.jpg)
Заявку оставить нельзя… проверял в трех браузерах.
- Футер сайта информативный:
![Что первым здесь привлекло ваше внимание? Что первым здесь привлекло ваше внимание?](/upload/img/02-08-2018/6.jpg)
- можно скачать мобильное приложение «Из рук в руки» на смартфон под iOS или Android;
- панель меню, которая встречается только внизу сайта (удивительно, что у портала объявлений есть раздел со статьями);
- ниже дублируются категории из каталога объявлений;
- в самом низу кнопки социальных сетей, ссылки на белорусскую и казахскую версии сайта, в правом нижнем углу – ограничение по возрасту «16+»;
- вы можете оставить отзыв о сайте, нажав на соответствующую кнопку.
По функционалу главная страница сайта полностью отвечает его назначению. Но вот с кнопкой «Оставить заявку» вышло недоразумение. Как-то не складываются дела с бизнесом из-за таких недоработок.
Национальный медицинский исследовательский центр хирургии им. А.В. Вишневского
Источник: http://www.vishnevskogo.ru/
Многопрофильная хирургическая помощь высочайшей степени сложности.
Главная страница НМИЦХ им. А.В. Вишневского
Особенности
- В шапке сайта очень много полезной информации для посетителей и будущих пациентов:
- возможность узнать о консультациях по разным направлениям и диагностических услугах, записаться на прием и / или задать вопрос врачу, прочитать отзывы пациентов;
- возможность переключиться на версию сайта для слабовидящих;
- язык сайта, помимо русского, можно переключить на британский английский или китайский:
![Сайт для людей Сайт для людей](/upload/img/02-08-2018/8.jpg)
- Далее идет блок с пагинацией, где по очереди показываются структурные подразделения центра, причем о каждом из них можно узнать подробнее:
![Картинки призваны иллюстрировать то или иное подразделение Картинки призваны иллюстрировать то или иное подразделение](/upload/img/02-08-2018/9.jpg)
- После этого идет обращение директора центра, которое, по сути, является рассказом о возможностях центра:
![Тяжело читать текст, где предложения – целые абзацы по размеру Тяжело читать текст, где предложения – целые абзацы по размеру](/upload/img/02-08-2018/10.jpg)
Блок идет в сочетании с новостями:
![Обратите внимание на заголовки новостей Обратите внимание на заголовки новостей](/upload/img/02-08-2018/11.jpg)
- А вот так выглядит весь блок, который появляется при переключении стрелочкой вместо обращения директора и новостного блока:
![Верхний блок – для пациентов, нижний – для специалистов Верхний блок – для пациентов, нижний – для специалистов](/upload/img/02-08-2018/12.jpg)
- Далее идет блок, который можно смело назвать «продающим»:
![Дополнительная мотивация обратиться в ведущую московскую клинику Дополнительная мотивация обратиться в ведущую московскую клинику](/upload/img/02-08-2018/13.jpg)
- В футере сайта дублируется шапка. Здесь есть интересная возможность: при нажатии на кнопку
вы переходите к заполнению анкеты для оценки работы НМИЦ хирургии имени А.В. Вишневского в цифрах.
Очень информативная главная страница медицинского учреждения! Сайт однозначно выигрывает на фоне множества ресурсов частных клиник, где менее ответственное отношение к текстам, дизайну и удобству использования.
Персона
Источник: http://persona-mayakovskaya.ru/
Салон красоты в Москве.
Главная страница системы салона красоты «Персона»
Особенности
- Первый же экран сайта обещает преференции для новых клиентов:
![Скидка 20% для новых клиентов – заманчиво! Скидка 20% для новых клиентов – заманчиво!](/upload/img/02-08-2018/15.jpg)
Кроме того, здесь есть кнопки социальных сетей и переключение между русской и английской версиями сайта.
- Далее идет информационный блок с разными предложениями:
![Хотя здесь не совсем понятно, что предлагается Хотя здесь не совсем понятно, что предлагается](/upload/img/02-08-2018/16.jpg)
- Следующий блок закономерно посвящен ценам и услугам парикмахерского сервиса:
![Какие многообещающие названия у кнопок – записываемся! Какие многообещающие названия у кнопок – записываемся!](/upload/img/02-08-2018/17.jpg)
- При нажатии на кнопку появляется всплывающее окно. Остается только ввести свой телефон и получить скидку:
![Только зачем спрашивать, хочу ли я скидку, если до этого прямо дал понять, что хочу! Только зачем спрашивать, хочу ли я скидку, если до этого прямо дал понять, что хочу!](/upload/img/02-08-2018/18.jpg)
- Следующий блок – всегда желанные «Акции»:
![Три разные кнопки на три разные акции: не знаешь, что выбрать первым! Три разные кнопки на три разные акции: не знаешь, что выбрать первым!](/upload/img/02-08-2018/19.jpg)
- Ниже салон красоты рассказывает о своих преимуществах:
![Огромный опыт и удобство расположения – действительно преимущества! Огромный опыт и удобство расположения – действительно преимущества!](/upload/img/02-08-2018/20.jpg)
- Далее следует фотогалерея работ:
![Всплывающие подсказки к фотографиям были бы как нельзя кстати Всплывающие подсказки к фотографиям были бы как нельзя кстати](/upload/img/02-08-2018/21.jpg)
- Заканчивается страница стандартно: интерактивной «Яндекс.Картой» и информацией о контактных данных.
- В футере дублируются кнопки соцсетей. И самое главное – здесь есть ссылка на политику конфиденциальности.
Красивая главная страница – вроде бы, это естественно для салона красоты, но далеко не все подобные компании так оформляют свои ресурсы. А свой канал в YouTube и забота о персональных данных клиентов дают дополнительный плюс в карму «Персоны».
Государственная Третьяковская галерея
Источник: https://www.tretyakovgallery.ru/
Главный музей национального искусства России.
Главная страница Государственной Третьяковской галереи
Особенности
- Один из экранов сайта напоминает о недавно состоявшемся ЧМ по футболу – с мая по сентябрь идет тематическая выставка:
![Вся необходимая информация о Третьяковке Вся необходимая информация о Третьяковке](/upload/img/02-08-2018/23.jpg)
Помимо обязательной информации есть переключение сайта на версию для слабовидящих людей и версию на английском языке.
- Далее идет блок с краткой информацией о входящих в Третьяковскую галерею подразделениях:
![О каждом из них можно прочитать подробнее на отдельной странице О каждом из них можно прочитать подробнее на отдельной странице](/upload/img/02-08-2018/24.jpg)
- Важнейший блок на главной странице галереи – конечно же, «Выставки»:
![Обратите внимание: простым переключением можно посмотреть как текущие, так и будущие выставки Обратите внимание: простым переключением можно посмотреть как текущие, так и будущие выставки](/upload/img/02-08-2018/25.jpg)
- Ниже – интереснейший блок «Коллекция». Смотрите, что будет при наведении на слово курсора мыши:
![Картина Айвазовского «Радуга» (1873) при наведении на слово «МАРИНА» Картина Айвазовского «Радуга» (1873) при наведении на слово «МАРИНА»](/upload/img/02-08-2018/26.jpg)
- Далее следуют «События и анонсы»:
![Настоящая дорожная карта для ценителя искусства Настоящая дорожная карта для ценителя искусства](/upload/img/02-08-2018/27.jpg)
- Дальше – еще интереснее. Блок «Программы» – о том, чем могут заниматься посетители Третьяковской галереи, помимо простого созерцания картин:
![Программы для взрослых и детей – бесценно! Программы для взрослых и детей – бесценно!](/upload/img/02-08-2018/28.jpg)
- Завершает страницу новостной блок Третьяковки:
![Скидка в 10% – всегда хорошая новость Скидка в 10% – всегда хорошая новость](/upload/img/02-08-2018/29.jpg)
- В футере присутствует стандартная для этого раздела информация (дублирование разделов, кнопки соцсетей) + возможность подписаться на электронную рассылку новостей Третьяковской галереи.
Наглядный пример того, как государственное учреждение может сделать красивый и информативный сайт. Те, кто пока не может посетить галерею вживую, могут посмотреть фото в Instagram и подписаться на канал Третьяковки в YouTube.
Альпина Паблишер
Источник: https://www.alpinabook.ru/
Интернет-магазин книг от одноименного издательства.
Главная страница издательства «Альпина Паблишер»
Особенности
- Первый экран привлекает внимание к одному своему разделу:
![Конечно же, все хотят получить бесплатные электронные книги! Конечно же, все хотят получить бесплатные электронные книги!](/upload/img/02-08-2018/31.jpg)
В каталоге книги разделены на 11 категорий и приводится информация о доставке, оплате, скидках и т. д.
- Следующий блок – радость для глаз – обложки книг-новинок:
![В принципе, достаточно и этой информации, чтоб утянуть книголюба в дебри покупок В принципе, достаточно и этой информации, чтоб утянуть книголюба в дебри покупок](/upload/img/02-08-2018/32.jpg)
- Следом идут персональные рекомендации книг:
![И как они только догадались, что меня интересует?! И как они только догадались, что меня интересует?!](/upload/img/02-08-2018/33.jpg)
- Обязательная информация о бестселлерах на подобных сайтах:
![Если ты – пишущий человек, я знаю, какую книгу ты увидел первой J Если ты – пишущий человек, я знаю, какую книгу ты увидел первой J](/upload/img/02-08-2018/34.jpg)
- Далее – «Альпина.Медиа». Самые свежие записи из блога книжного издательства:
![Про детей, мотивацию, спорт и похудение. Вечные темы Про детей, мотивацию, спорт и похудение. Вечные темы](/upload/img/02-08-2018/35.jpg)
- После этого дет блок с новыми решениями «Альпины» – книжками pocket-формата:
![Название блока полностью отражает тот эффект, который дает их прочтение Название блока полностью отражает тот эффект, который дает их прочтение](/upload/img/02-08-2018/36.jpg)
- Ниже еще одна находка издательства – блок «Книга недели»
![Отличный вариант обратить внимание на новую книгу и повысить ее продажи Отличный вариант обратить внимание на новую книгу и повысить ее продажи](/upload/img/02-08-2018/37.jpg)
- Не забыли и про подборки книг:
![Тематические подборки с указанием количества книг в каждой – рай книголюба. И его ад Тематические подборки с указанием количества книг в каждой – рай книголюба. И его ад](/upload/img/02-08-2018/38.jpg)
Дальше идут два раздела, которые можно объединить словом «Счастье».
- «Скидки дня»:
![Вязание без слез и со скидкой в 30% - это ли не счастье? Вязание без слез и со скидкой в 30% - это ли не счастье?](/upload/img/02-08-2018/39.jpg)
- «Книга в подарок»:
![Книжка в подарок, а не как обычно, когда через торренты скачал Книжка в подарок, а не как обычно, когда через торренты скачал](/upload/img/02-08-2018/40.jpg)
- Отзывы на книги – важная часть главной страницы издательства:
![Полезно прочесть ДО того, как решил купить очередную книгу Полезно прочесть ДО того, как решил купить очередную книгу](/upload/img/02-08-2018/41.jpg)
- На десерт:
![Скидки в 20% я бы достиг уже через год Скидки в 20% я бы достиг уже через год](/upload/img/02-08-2018/42.jpg)
- На главной странице есть панель расшаривания в социальных сетях:
![Больше 4000 раз об издательстве рассказали в Facebook Больше 4000 раз об издательстве рассказали в Facebook](/upload/img/02-08-2018/43.jpg)
- Далее – обязательная информация доставке и оплате + описание преимуществ работы с «Альпиной»:
![Бесплатная доставка товара от 2000 по России – это реально здорово! Бесплатная доставка товара от 2000 по России – это реально здорово!](/upload/img/02-08-2018/44.jpg)
- В футере дублируется основная информация сайта, приводятся ссылки на страницу магазина в «Яндекс.Маркете» и адреса групп издательства в соцсетях:
![Вы можете скачать приложение «Альпина.Бизнес: книги и курсы» для iOS или Android Вы можете скачать приложение «Альпина.Бизнес: книги и курсы» для iOS или Android](/upload/img/02-08-2018/45.jpg)
- Также здесь есть интересная кнопка «Письмо издательству». При нажатии на нее появляется такое окошко:
![Хочу стать рецензентом, получить бесплатно книгу и сотрудничать с издательством Хочу стать рецензентом, получить бесплатно книгу и сотрудничать с издательством](/upload/img/02-08-2018/46.jpg)
Идеально собранная главная страница. Каждая ее часть не шепчет, а нежно кричит «Купи книгу – эту, эту и вот эту. У меня для тебя и скидки есть, и доставка удобная, и оплата. Купи!». Браво, «Альпина»!
Встречают по главной странице, по ней могут и проводить
Перед вами интернет-магазин обуви:
![Главная страница «Мода-обувь.рф» Главная страница «Мода-обувь.рф»](/upload/img/2-04-06-2018/116.gif)
Тот случай, когда выводы несложно сделать самим.
- Шапка сайта:
![Вам она нравится? Вам она нравится?](/upload/img/2-04-06-2018/117.jpg)
- Меню сайта:
![Вы хорошо различаете текст пунктов? Вы хорошо различаете текст пунктов?](/upload/img/2-04-06-2018/118.jpg)
- Текст на главной странице:
![У вас не пестрит в глазах? У вас не пестрит в глазах?](/upload/img/2-04-06-2018/119.jpg)
- Положительный момент с конкурентными преимуществами:
![Могут ли они исправить первое впечатление? Могут ли они исправить первое впечатление?](/upload/img/2-04-06-2018/120.jpg)
Финальный блок главной страницы:
![Информация о лидерах продаж, новинки и информация о магазинах сети в самом низу мелким шрифтом Информация о лидерах продаж, новинки и информация о магазинах сети в самом низу мелким шрифтом](/upload/img/2-04-06-2018/121.jpg)
Что тут:
- реквизиты интернет магазина + категории товаров + информация по учетной записи + «информация». А в боковом меню тоже «Информация», но другая:
![Много информации! Много информации!](/upload/img/2-04-06-2018/122.jpg)
- «Мои купоны» выходят за рамку – тут уже к верстке вопрос;
- к мобильной версии сайта не переходите – я предупреждал;
- самое интересное здесь – информер открытой статистики «Яндекс.Метрики», который красноречиво говорит о сайте:
![6 посетителей. Интернет-магазина. В воскресенье (27.05.2018) 6 посетителей. Интернет-магазина. В воскресенье (27.05.2018)](/upload/img/2-04-06-2018/123.jpg)
Вы заметили, что в футере стоит 2013 год? Сам сайт по данным WHOIS создан в конце 2012 года, но как сказала моя жена: «как будто в старые советские времена сделали сайт, а потом его забросили».
Не забрасывайте свои сайты, следите за их «лицом» – главными страницами, периодически делайте контентно-графический макияж. И люди к вам потянутся!