ДДТ

джерело: http://www.ddt.ru/

Рок-група під беззмінним керівництвом Юрія Юліановича Шевчука.

Особливості

1. Коли відкриваєш сайт, губишся - здається, що просто відкрив картинку в новому вікні. Все, що треба - почати скролл вниз:

1. Якщо гортати далі, буде список, де в топі показуються знакові і поки не відіграні концерти:

1. Потім шанувальники і відвідувачі можуть подивитися і купити концертні CD групи:

1. Неодмінний блок для такого типу сайтів - склад групи:

+ Команда підтримки і контактні дані:

1. Завершується сторінка посиланнями на соцмережі та магазин атрибутики:

Сторінка схожа на єдину стрічку гастролей, подій і новин «ДДТ». Раніше це був чорний фон і білі букви - з головною я завжди йшов в легендарний «ЧаДДТ». Новий дизайн на порядок більш сучасною і вже точно краще, ніж у більшості колег по цеху.

Texterra

джерело: /

Агентство інтернет-маркетингу.

Особливості

1. Перше, на що звертаєш увагу - це акцентуація на омніканальності і посилання на докладний опис послуги комплексного інтернет-маркетингу. Не думаю, що все знаю про поняття «омніканальность» (пояснення більш простими словами, чим в «Вікіпедії» вирішить питання):

1. Далі перелік послуг. Мене здивувало, що тут послуги не розкладаються на подуслугі, як на однойменній сторінці, які я розібрав у попередній статті . Нам інформацію про те - інформативні, розкривають суть.
2. Блок «Чомучка»: оформлений буллітів текст, підкріплений відеороликом + відповідь на питання, навіщо потрібен комплексний інтернет-маркетинг:

1. Потім ми бачимо наймогутніша зброя «Текстерри» - останні записи з блогу і кнопку-посилання на всі матеріали. До речі, скористайтеся генератором тем для блогу :

1. Завершує сторінку блок з клієнтами «Текстерри» (я б так і позначив його - «Наші партнери»). Логотипи постійно змінюються:

Якщо клікнути на будь-який з логотипів, відкриється сторінка з описом клієнтам і його тематики, надані послуги та терміни співпраці.

1. У футере - контактні дані, реквізити, а також посилання на представництва «Текстерри» в соціальних мережах і продубльоване меню.

У добірці це єдиний приклад сайту, творці якого самі займаються розробкою і наповненням, в тому числі, головних сторінок. Логічно, що тексти, дизайн і верстка - плід мозкового штурму і грамотної реалізації.

Астраханська

джерело: http://baza-astrakhan.ru/

Рибальська і база відпочинку.

Особливості

1. Перше, що кидається в очі - рослини і будиночки:

Якщо ж скористатися ручної пагінацією, то побачиш те, чого очікуєш від бази відпочинку:

1. Наступний блок розповідає відвідувачам сайту про те, що їх чекає на базі «Астраханській»:

1. Далі блок з текстом про базу:

1. Далі інформація, яку можна охарактеризувати як послуги:

• «Номери» з цінами і кнопками-посиланнями на бронювання. При натисканні тут же з'являється форма:

• «Розміщення», де розповідається, що входить у вартість;
• «Інфраструктура» - розваги для дорослих і дітей, активних і ледачих:

• «Рибалка» з прайс-листом і заміткою, що ловити ви буде в компанії єгеря-чемпіона Росії по полюванні і риболовлі;
• «Корпоративний відпочинок» з тієї ж самою формою бронювання, що і у «Немирів»;
• «Оздоровлення і відпочинок» - описано, що туди входить. З такими ось ілюстраціями:

1. Завершує сторінку докладний опис, як дістатися авто-, авіа- та залізничним транспортом:

+ Інтерактивна карта з телефонами бронювання та електронною поштою:

Серед подібних сайтів виділяється якісним та інформативним оформленням. Поїду рибалити на Волгу - обов'язково відкрию сайти «Астраханській» і бази «Углянського». І буду вибирати між ними.

правильні печі

джерело: https://www.iqpech.ru/

Виробництво печей, камінів, барбекю і мангалів.

Особливості

1. Весь сайт, а не тільки головна, створює приємну атмосферу теплої російської печі, за що величезний плюс в карму творців. І як підкріплення моїх слів:

1. Блок «Про нас» - тут дуже вдало графікою зроблені деякі слова:

1. Блок «Послуги» з хорошими картинками, коротким описом і, що здорово, посиланнями «читати ...» на докладний опис послуг:

1. Фотогалерея - ще один зразок нетривіального оформлення. Дивіться, що тут можна зробити:

1. Фінальний блок «Зв'язатися з нами» - гідне і затишне закінчення головної сторінки:

1. У футере - посилання на сторінки «Правильних печей» у «ВКонтакте» і «Однокласниках».

Замість своїх коментарів краще наведу точну цитату з розділу «Про нас»:

"У нашій компанії пічники - це не просто фахівці з кладки і ремонту печей. Це в першу чергу люди, які вкладають себе, свою душу і серце в кожну складену ними піч ".

Москоу Холідей Хотів

джерело: http://hotel-moscowholiday.ru/

Готель в самому центрі Москви.

Особливості

1. C головної сторінки можна замовити зворотний дзвінок, а також змінити мову. Кнопка бронювання веде на свою власну сторінку. На першому екрані піктограмами з текстом наводяться основні переваги цього готелю:

1. Наступний блок складається цілком з одного тексту, який розповідає про місце розташування готелю, кафе, бізнес і додаткові послуги:

1. У блоці послуги та зручності можна побачити, чого очікувати від номерів:

1. Далі фото-портфоліо:

1. Нижче важливий розділ з відгуками:

1. Завершується сторінка інтерактивною картою з контактною інформацією готелю:

1. Окремо варто сказати про закріплену інформацію про бронювання номерів:

Незважаючи на те, що зараз можна подивитися списки готелів в різних агрегаторах, часто хочеться відвідати офіційний сайт і дізнатися все інформацію там. Головна сторінка Moscow Holiday Hotel - хороший приклад інформативності головної сторінки. Прочитаєш, що на ній написано і вже не так боязно починати процедуру бронювання номера.

Ділові лінії

джерело: https://www.dellin.ru/

Транспортна компанія.

Особливості

1. Шапка сайту дуже інформативна:

• можливість вибрати місто (визначається автоматично);
• телефони представництв в різних країнах;
• функція онлайн-дзвінка;
• піктограми розрахунку замовлення, статусу замовлення, пошук по сайту;
• авторизація для входу в особистий кабінет;
• стрічка подій компанії.

1. Далі не менше насичений інформацією блок:

• після натискання на піктограму вантажівки з'являється опис конкретної акції:

• в віконці можна розрахувати вартість доставки вантажу між двома будь-якими містами;
• є інформація про кількість філій «Ділових ліній» в вашому місті і їх загальне число;
• ввівши номер, можна відстежити в віконці його шлях або скористатися допомогою, натиснувши на посилання «Не знаєте номер замовлення?».

1. Наступний блок складається з переліку послуг транспортної компанії, вибудуваної за схемою «назва послуги / інформація про акції по ній / порядок надання / документи для скачування в форматі pdf для цієї послуги»:

1. Компанія передбачила наступне вікно, якщо ви не знайшли в цьому переліку те, що потрібно:

1. Наступний блок присвячений особливостям і конкурентним перевагам компанії. Звертають на себе увагу, звичайно ж, цифри:

1. Сторінка завершується текстом про компанію:

1. Футер сайту дуже великий - містить всі численні посилання на розділи, кнопки представництв в соцмережах і кнопки розшарювання сторінки (!), Посилання на мобільну версію, а також інформацію про відповідність діяльності системі якості ISO 9001:

Приблизно два рази на місяць буваю на «Ділових лініях», щоб допомагати з відправкою великих партій вантажів. Суб'єктивно: в житті у них також все нормально налаштований, як і на головній.

Русский кондитер

джерело: http://www.russkonditer.ru/

Один з найбільших виробників мармеладу на території Росії.

Особливості

1. Корисна шапка сайту - можна безкоштовно зателефонувати, скачати презентацію фабрики і драже, подивитися адреси компанії в соцмережах і перемкнути мову на англійську:

1. Наступний блок складається з автоматично і вручну змінюваних картинок з анонсами продукції, будь-яку можна подивитися докладніше у відповідній категорії:

1. Далі блок з пагінацією всіх продуктових лінійок фабрики. При наведенні на будь-яку з них з'являється посилання «Дивитися лінійку»:

1. Блок-«смакота» сильно відволікає від аналізу сторінки. Але це цифри, які завжди важливі для партнерів і покупців:

1. Наступний блок з фільтрацією - ви можете подивитися і замовити товари за категоріями «Хіти продажу», «Новинки виробництва» і «Акція»:

1. На окрему увагу заслуговує блок «Акція» - це справжнє унікальна торгова пропозиція фабрики! Судіть самі:

1. Якщо захотілося дізнатися докладніше і замовити брендований мармелад, після натискання на кнопку з'явиться така форма зворотного зв'язку:

1. Наступний блок - суто рекламний, що містить конкурентні переваги фабрики:

1. На цьому продажі не закінчуються. Наступний блок підсилює дію попереднього і завершує сторінку:

1. Футер сайту дублює шапку і містить всі пункти меню і адреса компанії.

Головну сторінку цього сайту не хочеться аналізувати, його хочеться подати до чаю і пожувати перед телевізором. Творці впоралися із завданням викликати у відвідувача потрібні емоції. А у потенційного клієнта - бажання співпрацювати.

Holiday Kids

джерело: https://holiday-kids.ru/

Організація і проведення дитячих свят з аніматорами в Москві.

Особливості

1. Перший екран - слова на тлі відео и, что чекаєш від цього Всього:

1. Далі блоки, что розкривають суть дитячих свят - Які компанія проводити (про шкірного можна Прочитати докладніше, клацнувші по картинці) и як Ми можемо замовити їх Собі. Пункт № 4, правда, за змістом сюди НЕ впісується, тому что це Розповідь про Особливості роботи студії:

1. Далі, Рамус, географія организации свят (после клацання на населений пункт відкріває сторінка, что показує аніматорів конкретно в ньом) + закономірній Заклик замовити аніматора прямо зараз:

1. Нарешті, блок, до которого, много Швидко долістівают, коли переходять на сайт - рольові моделі аніматорів. Ось лишь фрагмент:

1. Наступний блок - реально на добивання и закриття догоди:

1. Далі йдут тарифи (!) На дитячі свята. Нерівність є и тут:

1. Як кажуть старі рекламісті, «але и це ще не всі»:

... і трохи нижче дублюється блок «Замовити аніматора прямо зараз», не дивлячись на велику кількість кнопок «Замовити».

1. Кому і цього мало, будь ласка:

1. Або ж:

1. Далі соціальні докази:

• відеоролики;
• фотозвіти;
• звичайно ж, відгуки:

1. Нарешті, контакти і форма зворотного зв'язку:

1. Нижче текст, який явно було написано більше для потреб SEO, ніж для людей:

1. Завершується сторінка дублюванням блоку з географією доставок дитячих свят.
2. У футере повторюється про гарантію повернення грошей, дублюється меню, наводяться контакти і розміщуються кнопки-посилання на групи компанії в соцмережах.

Я аналізував цей сайт, гортав здається нескінченним список аніматорів, дивився ціни на золоті і платинові тарифи і вимовляв вголос слова, які не можна говорити не тільки на дитячому, а й на дорослому святі. Дуже серйозний бізнес, величезне число послуг і подуслуг - у дитини буде на день народження те, про що я в дитинстві і мріяти не міг.

Москафе

джерело: http://mos.cafe/

Недорогий ресторан в центрі Москви.

Особливості

1. Зверніть увагу на доменну адресу - це єдиний сайт в добірці, де використовується тематичний домен .cafe.
2. Перший екран привертає увагу фірмовим стилем написання, можливістю перемикання мов. Але головне - написаний великим телефон і кнопка із закликом забронювати столик:

1. А далі - блок, який показує позитивні сторони кафе:

1. Цей блок посилюється текстом і фотографіями нижче:

1. Наступні два блоки - «Популярні страви» і «Інтер'єр МОСКАФЕ» містять фотографії з пагінацією. Будь-яке зображення можна збільшити, але картинки не підписані:

1. Найважливіший блок «Акції» - я б помістив його відразу під першим екраном:

1. Потім блок з контактною інформацією, інтерактивна карта і форма для бронювання столика «онлайн»:

1. Завершується сторінка формою підписки на новини і акції «МОСКАФЕ».

Якщо одним словом описати враження від головної сторінки кафе, це буде «комфортно». Коли поїду в столицю, хотів би відвідати кафе або ж просто зробити замовлення і винести їжу зі знижкою в 20%.

Вікіум

джерело: https://wikium.ru/

Інтерактивна система розвитку мозку.

Особливості

1. Перший екран каже, що зараз буде тренування мозку (її можна вже почати, переключившись на англійську версію сайту). Кнопка «Почати розвиватися» переводить на сторінку з опитуванням для побудови навчальної програми. Посилання «У мене вже є аккаунт» відкривається вікно авторизації:

1. Наступний блок «продає» нам ідею займатися щодня:

1. Думаєте, що вам рано / пізно займатися? Блок відпрацьовує ці заперечення:

1. Трохи наукової інформації для закріплення результату нікому не зашкодить:

1. Тренуватися по «Вікіуму» легко. Ось проста схема:

1. Абсолютно логічне блок з соціальними доказами (посилання на профілі відгукнулися людей підвищили б довіру):

1. Далі блок, який на професійному жаргоні називається «ачівкі»:

1. У футере сайту показаний контактний телефон, посилання на прес-службу і допомогу (якщо перейдете по будь-, опинитеся в інтерфейсі поштового сервісу).

Що тут сказати? Сподіваюся, ви після вивчення головної сторінки обов'язково зареєструйтеся в системі і почнете розвиватися. Якщо вже не робите це, як я.

Оновлення статті від 02.08.2018

З рук в руки

джерело: https://irr.ru/

Всеросійський портал оголошень.

Головна сторінка порталу оголошень «З рук в руки»

Особливості

1. Шапка сайту однозначно говорить про те, що ми знаходимося на порталі оголошень:

• натискання на написи «Вибране» відкриває вікно збоку, де написано, що ми можемо додати в обране будь-яку вподобану оголошення, натиснувши на кнопку із зірочкою;
• напис «Вхід» - авторизація на сайті або реєстрація (шкода, що всього два способи - стандартна реєстрація за логіном і паролем і вхід через mail.ru);
• кнопка «Додати оголошення» переводить на сторінку створення нового оголошення;

1. Пошукова рядок складається з трьох секцій:
   • пошук товару або послуги з пошуковими підказками;
   • вибір категорії;
   • вибір регіону.

1. Наступний екран показує фактично структуру каталогу сайту - перелік оголошень. Весь список виявляється при натисканні на кнопку «Більше категорій»:

1. Наступний блок - «Рекомендовані оголошення»:

1. Нижче йде блок «З рук в руки для бізнесу»:

Заявку залишити не можна ... перевіряв в трьох браузерах.

1. Футер сайту інформативний:

• можна завантажити мобільний додаток «З рук в руки» на смартфон під iOS або Android;
• панель меню, яка зустрічається тільки внизу сайту (дивно, що у порталу оголошень є розділ зі статтями);
• нижче дублюються категорії з каталогу оголошень;
• в самому низу кнопки соціальних мереж, посилання на білоруську і казахську версії сайту, в правому нижньому кутку - обмеження за віком «16+»;
• ви можете залишити відгук про сайт, натиснувши на відповідну кнопку.

За функціоналом головна сторінка сайту повністю відповідає його призначенню. Але ось з кнопкою «Залишити заявку» вийшло непорозуміння. Якось не складаються стосунки з бізнесом через таких недоробок.

Національний медичний дослідний центр хірургії ім. А.В. Вишневського

джерело: http://www.vishnevskogo.ru/

Багатопрофільна хірургічна допомога найвищого ступеня складності.

Головна сторінка НМІЦХ ім. А.В. Вишневського

Особливості

1. У шапці сайту дуже багато корисної інформації для відвідувачів і майбутніх пацієнтів:
   • можливість дізнатися про консультації за різними напрямками і діагностичних послуг, записатися на прийом і / або задати питання лікарю, прочитати відгуки пацієнтів;
   • можливість переключитися на версію сайту для слабозорих;
   • мову сайту, крім російського, можна переключити на британський англійська або китайський:

1. Далі йде блок з пагінацією, де по черзі показуються структурні підрозділи центру, причому про кожного з них можна дізнатися докладніше:

1. Після цього йде звернення директора центру, яке, по суті, є розповіддю про можливості центру:

Блок йде в поєднанні з новинами:

1. А ось так виглядає весь блок, який з'являється при перемиканні стрілочкою замість звернення директора і новинного блоку:

1. Далі йде блок, який можна сміливо назвати «продають»:

1. У футере сайту дублюється шапка. Тут є цікава можливість: при натисканні на кнопку ви переходите до заповнення анкети для оцінки роботи НМІЦ хірургії імені А.В. Вишневського в цифрах.

Дуже інформативна головна сторінка медичного закладу! Сайт однозначно виграє на тлі безлічі ресурсів приватних клінік, де менш відповідальне ставлення до текстів, дизайну і зручності використання.

Персона

джерело: http://persona-mayakovskaya.ru/

Салон краси в Москві.

Головна сторінка системи салону краси «Персона»

Особливості

1. Перший же екран сайту обіцяє преференції для нових клієнтів:

Крім того, тут є кнопки соціальних мереж і перемикання між російською і англійською версіями сайту.

1. Далі йде інформаційний блок з різними пропозиціями:

1. Наступний блок закономірно присвячений цін та послуг перукарського сервісу:

1. При натисканні на кнопку з'являється спливаюче вікно. Залишається тільки ввести свій телефон і отримати знижку:

1. Наступний блок - завжди бажані «Акції»:

1. Нижче салон краси розповідає про свої переваги:

1. Далі слід фотогалерея робіт:

1. Закінчується сторінка стандартно: інтерактивної «Яндекс.Карти» та інформацією про контактні дані.
2. У футере дублюються кнопки соцмереж. І найголовніше - тут є посилання на політику конфіденційності.

Красива головна сторінка - начебто, це природно для салону краси, але далеко не всі подібні компанії так оформляють свої ресурси. А свій канал в YouTube та турбота про персональні дані клієнтів дають додатковий плюс в карму «Персони».

Державна Третьяковська галерея

джерело: https://www.tretyakovgallery.ru/

Головний музей національного мистецтва Росії.

Головна сторінка Державної Третьяковської галереї

Особливості

1. Один з екранів сайту нагадує про яке нещодавно відбулося ЧС з футболу - з травня по вересень йде тематична виставка:

Крім обов'язкової інформації є перемикання сайту на версію для слабозорих людей і версію англійською мовою.

1. Далі йде блок з короткою інформацією про вхідні в Третьяковську галерею підрозділах:

1. Найважливіший блок на головній сторінці галереї - звичайно ж, «Виставки»:

1. Нижче - дуже цікавий блок «Колекція». Дивіться, що буде при наведенні на слово курсору миші:

1. Далі йдуть «Події та анонси»:

1. Далі - ще цікавіше. Блок «Програми» - про те, чим можуть займатися відвідувачі Третьяковської галереї, крім простого споглядання картин:

1. Завершує сторінку новинний блок Третьяковки:

1. У футере присутній стандартна для цього розділу інформація (дублювання розділів, кнопки соцмереж) + можливість підписатися на електронну розсилку новин Третьяковської галереї.

Наочний приклад того, як державна установа може зробити гарний і інформативний сайт. Ті, хто поки не може відвідати галерею наживо, можуть подивитися фото в Instagram і підписатися на канал Третьяковки в YouTube.

Паблішер

джерело: https://www.alpinabook.ru/

Інтернет-магазин книг від однойменного видавництва.

Головна сторінка видавництва «Альпіна Паблішер»

Особливості

1. Перший екран привертає увагу до одного свого розділу:

В каталозі книги розділені на 11 категорій і наводиться інформація про доставку, оплату, знижки і т. Д.

1. Наступний блок - радість для очей - обкладинки книг-новинок:

1. Слідом ідуть персональні рекомендації книг:

1. Обов'язкова інформація про бестселери на подібних сайтах:

1. Далі - «Альпіна.Медіа». Найсвіжіші записи з блогу книжкового видавництва:

1. Після цього дет блок з новими рішеннями «Альпіни» - книжками pocket-формату:

1. Нижче ще одна знахідка видавництва - блок «Книга тижня»

1. Не забули і про добірки книг:

Далі йдуть два розділи, які можна об'єднати словом «Щастя».

1. «Знижки дня»:

1. «Книга в подарунок»:

1. Відгуки на книги - важлива частина головної сторінки видавництва:

1. На десерт:

1. На головній сторінці є панель розшарювання в соціальних мережах:

1. Далі - обов'язкова інформація доставку та оплату + опис переваг роботи з «Альпіна»:

1. У футере дублюється основна інформація сайту, наводяться посилання на сторінку магазину в «Яндекс.Маркеті» і адреси груп видавництва в соціальних мережах:

1. Також тут є цікава кнопка «Лист видавництву». При натисканні на неї з'являється таке віконце:

Ідеально зібрана головна сторінка. Кожна її частина не шепоче, а ніжно кричить «Придбай книжку - цю, цю і ось цю. У мене для тебе і знижки є, і доставка зручна, і оплата. Купи! ». Браво, «Альпіна»!

Зустрічають по головній сторінці, по ній можуть і проводити

Перед вами інтернет-магазин взуття :

Той випадок, коли висновки нескладно зробити самим.

1. Шапка сайту:

1. Меню сайту:

1. Текст на головній сторінці:

1. Позитивний момент з конкурентними перевагами:

Фінальний блок головної сторінки:

Що тут:

• реквізити інтернет магазину + категорії товарів + інформація по облікового запису + «інформація». А в бічному меню теж «Інформація», але інша:

• «Мої купони» виходять за рамку - тут вже до верстки питання;
• до мобільної версії сайту не переходите - я попереджав;
• найцікавіше тут - інформер відкритої статистики «Яндекс.Метрики», який красномовно говорить про сайт:

Ви помітили, що в футере варто 2013 рік? Сам сайт за даними WHOIS створений в кінці 2012 року, але як сказала моя дружина: «як ніби в старі радянські часи зробили сайт, а потім його закинули».

Не закидати свої сайти, стежте за їх «обличчям» - головними сторінками, періодично робіть контентно-графічний макіяж. І люди до вас потягнуться!

Хочете сайт з продають текстами? Замовте його розробку в нашій компанії! Детальніше litsom-k-litsu-primery-oformleniya-glavnoy-stranitsy-sayta