Потрібна сторінка, що продає. Тому що більшість сайтів є віртуальною довідкою, яка просто інформує клієнтів.

Такий сайт відповідає на запитання:

• "Чим ви займаєтесь?"
• "Де ви знаходитесь?"
• "Скільки це коштує?"

Користувач отримує відповіді та закриває вкладку.

Продаюча сторінка (або посадкова сторінка) працює інакше. Вона спрямована на здійснення цільової дії користувача.

Вам потрібна сторінка, що продає, якщо ви хочете:

• Привернути увагу відвідувача на сайті
• Зробити конкретну пропозицію, від якої важко відмовитися
• Щоб клієнт написав, залишив заявку або зателефонував вам з метою здійснення покупки.

Прийшов, прочитав, купив

Отже, головна відмінність посадкової сторінкивід простого інформаційного сайту – необхідність цільової дії.

Мета створення сторінки, що продає, — перетворити відвідувача сайту на клієнта.

У нас є пропозиція і для вашого бізнесу

• Посадкова сторінка для товару. Стимулює купити товар.
• Посадкова сторінка для послуги. Заохочує відвідувача замовити конкретну послугу.
• Передплата. Кращий спосібзібрати базу даних для електронної розсилкиіз зацікавленою цільовою аудиторією.
• Сторінка-запит. Інструмент покрокових продажів(Наприклад, коли перед покупкою клієнт бажає уточнити окремі моменти).
• Сторінка завантаження. Стимулює завантажити конкретний файл.
• Сторінка реєстрації. Її завдання – зібрати учасників на захід.
• Партнерська сторінка. Закликає приєднатися до партнерської програми.

Розробка посадкової сторінки

У нашому портфоліо ви знайдете тексти понад 50 цільових дій:

• підписатися
• зареєструватися
• купити чи замовити
• завантажити
• приєднатися і т.д.

Кожна сторінка включає такі елементи:

• Унікальна торгова пропозиція. Розробка починається з ідеї, яка зачепить відвідувача.
• Заголовок, що продає. Заохочуємо до прочитання сторінки одним ємним, класним і сильним вступом.
• Ефективні тексти. Перетворюємо всю інформацію про об'єкт, що продається, в структурований, короткий і конкретний текст.
• Стимулюючі переваги. Показуємо вигоди, які клієнт отримає. Описуємо об'єкт продажу так, що його хочеться придбати.
• Оригінальний дизайн. Ми не працюємо з шаблонами та конструкторами, а розробляємо індивідуальний дизайн для кожної посадкової сторінки.

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

Вартість посадкових сторінок

Розробка під ключ – це створення унікального тексту та дизайну для посадкової сторінки. Але ми припускаємо, що у вашій команді може бути дизайнер і верстальник, тому готові розробити окремо лише текст. В іншому випадку — раді запропонувати вам сторінку, що продає, «під ключ», яку залишиться згорнути і налаштувати відповідні функції, щоб клієнти могли зробити замовлення або підписатися.

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

Вітаю, шановні читачімого блогу!

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

На цю тему я вже писав якось пост: «». Раніше для створення односторінок я використав програму для ПК, яка називається « Web Page Maker», проте, зараз я вже їй не користуюся, а використовую плагін wppage.

Цей спосіб є найбільш простим і зручним і підійде новачкам, які взагалі не розуміються на html.

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

Крім того, маркетингова графіка, що входить до складу плагіна, може допомогти вам зробити свої продають і підписні сторінкибільш ефективними.

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

Якщо вам не хочеться морочитися над різними технічними складнощами, то я вам рекомендую звернути увагу на плагін wppage, тим більше, що у вас є можливість протестувати його протягом 7 днів абсолютно безкоштовно, перш ніж прийняти рішення про покупку.

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

Wppage – встановлення та використання

Для того щоб почати користуватися генератором сторінок, що продають і підписних, потрібно і скачати плагін wppage для WordPress. Ви можете відразу придбати плагін або спочатку ознайомитися з ним, встановивши пробну версію.

Зазначу, що пробна версія має лише обмеження часу використання і має повному обсязі функції повної версії.

Для того щоб скачати пробну версію плагіна, натисніть кнопку «Пробувати безкоштовно», на сторінці, що відкрилася, потрібно натиснути кнопку «Скачати плагін».

Про встановлення wppage я писати не буду, з цим процесом ви можете ознайомитися, подивившись докладний відеоурок від розробників:

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

Вартість онлайн-сервісу на 10 $ дорожче, ніж вартість однойменних тарифів на плагін для WordPress.

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

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

Який тариф вибрати?

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

Якщо ви вже зовсім є новачком, то можна спробувати самий дешевий варіант— «Start», проте, зверніть увагу на відсутність деяких дуже важливих елементів.

Після того як ви встановили плагін wppage на WordPress, або зареєструвалися в онлайн-сервісі, в адмінці з'явиться окремий пункт Wppage, де ви можете:

— переглянути всі підписні та продаючі сторінки, створені за допомогою даного інструменту;

- Додати нову сторінку;

- Налаштувати параметри генератора;

- Подивитися відеоуроки по роботі з wppage;

- Обновити інструмент.

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

Як зробити підписну та продальну сторінку

Я вирішив не писати тут багато тексту, а підготував для вас невеликий відеоурок, в якому демонструю процес створення продаючої або підписної сторінки з використанням основних функцій Wppage плагіна для Wordpres блогу.

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

За час використання плагіна wppage у мене склалося позитивне враження про нього. Все зроблено дуже доступно та просто. Інструменти регулярно оновлюються, з'являються різні графічні елементи та функції. Кілька разів звертався за допомогою до служби підтримки та отримав швидку кваліфіковану допомогу.

До речі, нещодавно у wppage з'явився ще один сервіс, який називається Grafikator.

Цей інструментдозволяє створювати та редагувати професійну маркетингову графіку прямо в браузері, там навіть продуктів можна створювати!

Якщо вам недостатньо різноманітності графічних елементів, що є в комплекті wppage, то підключіть Графікатор і ви отримаєте дуже потужний інструментдля створення найкрасивіших і ефективних продаючих та підписних сторінок на будь-який смак і колір без будь-яких технічних знань у web програмуваннята дизайн!

Ось відео, яке демонструє роботу Графікатора:

Детальніше ознайомитися з Графікатором, а також безкоштовно спробувати сервіс можна за цим посиланням.

Сам я поки що Графікатором не користувався, але найближчим часом обов'язково протестую і напишу свою думку в окремій статті. Щоб нічого не пропуститирекомендую вам .

На цьому маю все. До зустрічі на сторінках мого блогу!

Якщо у вас залишилися питання по темі посту, то задавайте їх у коментарях!

У кого сайт на Хостенко, не раджу цей плагін ставити, так як у них стоїть специфічний захист, який при активації даного плагіна вирубує сайт і лікується тільки його повним видаленнямта відновленням з резерву БД

Dmitry

Спробував тестову версіюна своєму Хостенко. Все працює нормально. Нічого не вирубало. Щоправда, під час перегляду створеної сторінки генерує кілька помилок, але з критичних.

Взагалі, звичайно, плагін для любителів «впарювати, впендюрювати і втюхувати». Нормальних сайтів або блогів особливої ​​користі не несе. Ну, якщо тільки від надлишку зайвих грошей 🙂

А я для створення використовую програму Web page Maker і думаю можна і без цього плагіна обійтися, а так само на цей Плагін не у багатьох знайдуться гроші а програму Web Page Maker якщо постаратися можна і в безкоштовний доступзнайти.

У мене тариф ГУРУ!

Взагалі крутий інструмент.

Незабаром почну ним користуватися. До речі, щодо статистики — це дуже важливий елемент.

Думаю, як з'явиться свій інтернет-магазин, Сашко, відразу ж зрозумієш це)))

Олександр Бобрін

Привіт, Алі! Не тільки для інтернет-магазину важлива статистика, в майбутньому теж куплю Guru!

Також маю намір у майбутньому почати працювати з цією системою. Говорять робить чудові підписні сторінки. Сашо, а ти сам за допомогою WpPage робиш? Дуже сподобалася сторінка з відеокурсом «Аналіз блогу своїми силами»...

А я ось зараз почав користуватися програмою Web Page Maker, мене поки що повністю влаштовує. Якщо є голова на плечах, то можна робити шедеври!

Олександр Бобрін

Дуже часто доводиться редагувати ці сторінки, додавати відгуки тощо. З Web Page Maker це незручно, потрібно зберігати проекти сторінок, перезаливати їх на сайт. Час гроші. З wppage нічого зайвого робити не потрібно. Так, я зараз роблю сторінки за допомогою плагіна.

Дякую, Олександре, за огляд. Дуже зрозуміло.

Цікаво, плагін працює тільки для одного сайту (домена) чи його можна прикрутити до кількох?

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

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

Олександре, я правильно зрозуміла, що сторінки, що продають, створюються прямо на сайті або сайт окремо, а сторінки окремо?

З плагіном знайомий також, використовую у себе на інтернет-магазині. Для новачків він дорогий у використанні. Але з часом, коли сайт розкручений і приносить прибуток, він якраз до речі!

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

А у мене на блозі цей плагін працювати не став, що дуже сумно.

Так, є плюси у плагіна... основний з яких, це швидкість впровадження. Але я по-старому використовую dreamweaver, і всі підписні роблю там. Хоча, недавно для сторінки, що продає, використовував плагін, дуже сподобався)) Всі кнопочки, списки — все в одному місці, тільки пиши і все... без жодних зайвих рухів тіла. А підписні, думаю зручніше по одному шаблону робити, коригуючи зображення та текст на підписній під свою аудиторію.

Як уже зауважив Андрій Бас, плагін потрібен лише тим, хто продає свої товари та послуги. Сам користуюся по-старому. Дивлюсь вихідний кодсторінки, що сподобалася, видираю від туди елементи і створюю свою сторінку в нотепаді плюс плюс. Потім перевірка на локалхості))

Мені до сторінок, що продають, ще далеко. Свої б уберегти. Ось і зараз, перевіряючи позиції на запити, побачила що мою статтю безсовісно скопіювали і тепер я не 3 позиції в Яндексі, а взагалі невідомо де. Підкажіть, як дізнатися, на якому хостингу зареєстрований сайт. На сайті жодної інформації про власника немає. Або одразу в службу яндекса писати. У мене вже була така ситуація із укзом. Там, після звернення до них, сайт заблокували.

Олександр Бобрін

Любов, прочитайте мій пост: сайт/blog-na-dvizhke...s-plagiatom.html

Спасибі, Олександре, за огляд wppage, вперше зіткнувся з платним плагіном, та ще таким не дуже дешевим. Коли наберуся досвіду і створюватиму власні інфопродукти, можливо, скористаюся даним плагіном.

Андрій

Ой, платних плагінів дуже багато. Не особливої ​​потреби у них немає. Їхня перевага це ЯКІСТЬ і ЛЕГКІСТЬ. Здебільшого всі на цьому й ґрунтуються. Наприклад, заплати лайком...

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

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

Діма Актив

Для цього ще потрібно в ньому розібратися, і навчиться робити так, щоб все коректно відображалося. Пам'ятаю як я починав, то не міг до ладу в notepad++ зробити сторінку завжди криво все було. Так що для новачків саме це відмінний варіант, буде легко користуватися та створювати, буде більше мотивації робити щось.

Олександр Василенко

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

Вітаю, Олександре! Дякую! Інформація справді дуже корисна! Все зрозуміло. Можливо, коли в мене буде більше коштів, я придбаю цей плагін і із задоволенням ним користуватимуся. А поки що задовольняюся Dreamweaver. Поки що саме в ньому я й роблю підписні та продаючі сторінки. Іноді використовую готові шаблони. Удачі та успіхів!

Продають сторінки створювати мені ще рано, але програму візьму на замітку. Вона мені вже подобається. Тепер хочеться створити щось таке, що можна продавати).

Привабливий плагін, але мені його ще рано встановлювати, тому що блог веду нещодавно.

Сам юзаю цей плагін, шалена річ. Респект розробникам 😉

Плагін придбав. Респектна штука. Тепер копатимуся в його робочих функціях.

Олександре, після Вашої статті просто руки сверблять придбати цей плагін)) Раніше ще роздумувала, але зараз зважуся, напевно!

Олександре, я бачу в партнерській програмі. Не можу достукатися до розробників. Я купив плагін і зіткнувся з такою проблемою: хочу на сторінці розмістити елементи магазину, тобто щоб була функція додати в кошик і потім всі товари підсумовувалися і оплачувались одним платежем, також можна було використовувати кількість (напр. 2 шт. або 3 і т.д.). За допомогою кнопок «Купити» можна лише один товар сплатити. Може знаєте, підкажіть. Я встановив плагін «Магазин», але він став на основний сайт, а на сторінку, що продає, не можу його використовувати.

А вам дякую за таке докладний опис)))

Олександре, ви не помітили, що блог став довше вантажитися через цей плагін?

Що скажете з цього приводу?

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

Здрастуйте, Олександре! Я скачала пробну версію за Вашим посиланням, вона чудово працювала на блозі, потім купила платний пакетГуру, встановила, а він тепер працювати не хоче! Панель інструментів не відображається. Що робити? Служба підтримки мовчить.

Окинувши поглядом головну сторінку, середньостатистичний відвідувач сайту довіриться враженню від дизайну, інтерфейсу, стилю. Оформлене на коліні викличе рефлекторну реакцію закриття вкладки – такого він не просив! Переселення споживача в інтернет зробило з головної сторінки «віртуальну парадну» сучасної компанії. У чому ж продає особливість сторінок, які переконливо представляють топ-бренди? Як оформити головну сторінку сайту правильно і не отримати пам'ятник дизайнерської думки замість інструменту реалізації своїх цілей?

Думка дослідника конверсії Брайана Мессі, про те, як має виглядати Головна сторінкаінтернет-ресурсу з комерційною пропозицією:

Найкращий не той дизайн, з яким ви підкреслите статус та стиль компанії. Кращий той, що сприятиме конверсії, маючи елементи, що мотивують, і відмінні описи, що спонукають натиснути СТА-кнопку

Підхід впевненого лідера на ринку: головна сторінка Reebok мікросайту

Правила оформлення головної сторінки сайту, що продає

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

Основні правила початкової сторінки

1. Насамперед, вигоди пропозиції.Для впізнаваності сайту торгової марки Pepsi-Cola, достатньо одного імені. А вашого? У відомій книзі "не змушуйте мене думати!" Стів Круг міркує: "Ви затримаєтеся на сайті, не зрозумівши його призначення?" І все ж у сучасному комерційному секторі, мабуть не бажаючи відставати від згаданого супербренду – всі прагнуть насамперед покращити споживчу думку про продукт/компанію:

• Описуючи саму діяльність коротко, вигоди пропозиції вичерпно – мінімум про особливості, більше про корисність
• Акцентом на виграшних гранях свого підходу з відгуками і т.д.

Заповнення полів форм, саме СТА-дія – це стрес. Подолати його допомагає інтерес до пропозиції, а не кнопки "Підписатися", "Купити". Пом'якшіть однослівну категоричність, будь-що пропонуючи: Дізнайся рецепти, Запросити демонстрацію. Коротке інформування не перевантажує завдання і не дасть відчути себе втраченим. Що важливіше: замість «WEB брошури» сайт стає машиною, що продає і лідогенеруючу.

3. Соціальні докази.Загальна корисність – мірило, яким прийнято «оцінювати» торгове пропозицію.

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

Потужність соціального підтвердження психологічно діє на натовп, який довіряє «колективному досвіду» і готовий забути навіть про раціональність свого вибору

Партнерства та згадки на сайтах популярних видань прийнято показувати як соціальний доказ. За канонами основних сторінок, оформляються вони лаконічно:

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

4. Ефективний заголовок– це «приманка». Манящий і чіпкий, він ловить увагу користувача, спонукаючи зупинитися і дізнатися трохи більше.

Хороший заголовок - як піонер:

• Завжди готовий! – сфокусовано на зручності для споживача
• Всім хлопцям приклад! – адекватний / «експертен» / апелює до авторитетної думки, як «Методи оптимізації головної сторінки вашого сайту від Matt McGee»

Поганий заголовок - як сосиска:

• Відварювати треба
• Конверсій швидких не чекай – напівфабрикат потребує доопрацювання для придатності

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

Ідеальний заголовок - 6-ти слівний (3+3): в пошуковій видачіпобіжний погляд охоплює три слова (з початку чи з кінця). MOZ називає оптимальним Title у 57-59 знаків

Ознаки ефективного заголовка:

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

6. Емоційне оформлення.Візуальний настрій створюється закладеним елементи сторінки емоційним посилом, що замінює пояснення. Стилізованим інтерфейсом можна передати атмосферу закладу, силою зображення збільшити конверсію тощо.

Згідно з дослідженнями 3M Corporation:

83% рішень, прийнятих людиною, засновані на візуальній інформації. Візуальний образ – те, що скоріше запам'ятається та довірятимуть йому. Зорове сприймається швидше за текстове в 60 тис. разів!

• Для оптимізації досвіду користувача
• Щоб спілкуватися однією мовою з потрібною аудиторією

Анімуючи елемент вкажіть на тип / розташування контенту, створіть інтерактивом Зворотній зв'язок(Візуалізація завершення дії пояснить, що сталося) і т.д.

• Розташування на сторінці
• Сприйняття користувача (UX)
• Інша SEO-стратегія / соціальний маркетинг
• Рівень конкуренції / тимчасовий фактор / сама корисність

Тісна логічний зв'язокзаголовка головної зі сторінковим контентом та включення слів за текстом, підуть сторінці на користь при . Тематичні та другорядні ключові фразиможуть бути знахідкою, т.к. Повнота збору семантики підвищує якість подачі матеріалу. Структурування інформації, від головної та до конверсійних сторінок – дієвий метод їхньої оптимізації…

Зростаючий вплив фактора «корисності» цілком очікуваний:

Від оптимізації, спочатку не орієнтованої на утримання, мало користі при слабкій залученості користувача

Приділіть увагу типу трафіку: брендований / нішові запити / long tail, щоб не упускати важливих клієнтів.

8. Зробіть головну сторінку зручною у користуванні.Юзабіліті частина UX і якщо принести в жертву своєї індивідуальності (чогось ще), інтереси відвідувача, який має й інший досвід, він відповість:

• Більшою вибірковістю
• Відмовами, воліючи освоювати відомі схеми (загрожує вам втратою позицій)

Оформляйте головну сторінку з точками фіксації уваги (графічно та текстово розбиваючи контент по блоках, виділяючи друкаркою тощо)

10. Приваблива ідея vs Опрацювання елементів.Веб-аудиторія оцінить привабливість, що явно відноситься до справи – коли якість елементів бездоганна, а їхня необхідність очевидна.

Ліричний відступ. Стародавній скульптор на питання, як він створює скульптуру:

Беру кам'яну брилу, образ божественної форми вже є в ній. Я просто відсікаю зайве

Зараз більше можливостейдля творчих ідейале вони – сирий матеріал. Промах майстра, так само загубить проект. Завершуючи аналогію:

Гнучкі рішення від скульптора Хосе Лопес: "відкриваючи гранітну сторінку"

Ще раз про важливе:

1. Гарний дизайн не помітний, а ключові елементитам, де їх очікують побачити
2. Чим ширше цільова аудиторія, тим більше компромісу в оформленні - потрібен БІЛЬШИЙ хороший дизайн

Читайте також: UX-дизайни інтернет-магазинів: хороші та погані. 21 приклад

Головні сторінки сайтів прод. брендів

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

Еко Хліб

Гідне оформлення – сайт Еко-Хліб™ з інтернет-магазином:

на гол. сторінку

• Якісне малювання елементів та фотографування продуктів
• Унікальність фірмового ретро-стилю з гарним логотипом

Персона

Головна оформлена як промо-сторінка – сайт торгової марки на Бітріксі:

на гол. сторінку

• Запам'ятовується логотип виробника продуктів харчування. Слоган розроблений під «товар-локомотив»
• Для іміджевих цілей підібрані/відмальовані/підігнані елементи
• Під час прокручування анімоване меню згортається в іконку; змінюється за секціями тип кетчупу (спецефект)

Читайте також: 40+ кращих дизайнівсайтів про їжу та кулінарії

Крихітка Картопля

Цікавий варіант оформлення – промо-сайт фастфуд бренду:

на гол. сторінку

• Позитивний брендинг із логотипом концептуальної страви
• HotSpot тултип-підказки займають відвідувача пізнавальними описами
• Аудіомаркетинг – послухайте гімн компанії

Бургер Кінг

Сайт мережі ресторанів швидкого харчування з декоративним шрифтом:

на гол. сторінку

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

Вражаючий візуальний вплив

Допомагає поставити цілісний образ УТП. Основним іміджевим зображенням зазвичай дають відчути серйозність торгової пропозиції. Позитивна картинка, що демонструє дружелюбність, командний дух, можливості застосування… підвищує ефективність офферу. Як приклад пара хоумпейдж, що виражають естетику бренду хвилюючими та привабливими бекграундами.

Apidura

Головна сторінка продавця – англійський бренд велотоварів:

на гол. сторінку

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

Яскравий сенс флет дизайнів

Читайте також: Сайти у стилі флет: 20 нестандартних дизайнів

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

Все більше flat-інтерфейсів виражають стилістику та особливості позиціонування бренду в інтернеті/за межами мережі. Дивіться самі, як «спрощення» фірмової індивідуальності скорочує дистанцію між бізнесом та клієнтом.

Moosend

Приклад редизайну головної сторінки – позитивний сайт із гарною друкаркою:

на гол. сторінку

• Єдина гарнітура з одним шрифтом для заголовків & UI, підвищуючи впізнаваність сайту, полегшує сприйняття його сторінок.
• Опрацьовано: в логотип вкладено сенс бренду, поля реєстрації винесені на перший екран, нові анімації.

Tribute Media

Американське веб-маркетингове агентство – короткий мінімум (CMS Drupal):

на гол. сторінку

• Стрілки та анімовані іконки вказують на висувне меню / дублюючу навігацію за вкладками
• Заклик розміщений у першому екрані за F-схемою перегляду: логотип> цифри> кнопка

Bizible

Головна сторінка з відмінними ідеями – сайт невеликої компанії:

на гол. сторінку

• Красивий сайт одразу приваблює римованою зв'язкою «заголовок + підзаголовок»
  
• М'яка виразність UI з тоновим опрацюванням і розмиттям текстури фону. Соціальні докази та відгуки вбудовані у фони каруселлю
• Форми з назвами полів у контексті пояснюючих пропозицій – гарний юзабіліт при унікальному дизайні

Zendesk

Редизайн головної сторінки – сайт сучасної компанії з ефектним контентом:

на гол. сторінку

• З новими анімаціями, графікою та мультиплікацією відео сайт повеселішав, став лаконічнішим (випадаюче меню приховало вторинне)
• Виразно перекладений Zendesk, полемічним тоном та прямим зверненням у заголовках нагадує діалог

Читайте також: Анімація за правилами UX-дизайну: повний посібник

Ефектні сторінки з цікавими дизайн-рішеннями

Сьогодні не здивуєш wow-ефектом на «Головній». У тренді – корисна анімація. phive.pt– португальський фітнес-сайт з інтерактивним дизайном на JS та jQuery.

«Танцюючий», «змучений» ефектно вирішує UX-завдання: передзавантаження сторінки – вже спонукає до активності

Ged Group

Приклад послідовного візуального стилю – сайт з ефектами jQuery:

на гол. сторінку

• Векторна графіка узгодить головну з внутрішніми сторінками. Більше ніж естетика! - Користувач впевненіше на сайті з чітко визначеною ідентичністю
• 2-6х фігурна сюжетна сцена промальовується анімованим передзавантаженням
• Ненав'язливі інтерфейсні мікровзаємодії, ефект Кена Бернса для картинок та скролл-анімації

Medpraktika

Клієнтоорієнтований дизайн головної сторінки медичного сайту:

на гол. сторінку

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

Головна сторінка як лендінг

Читайте також: 30+ адаптивний лендингпейдж шаблонів на HTML (безкоштовні, преміум)

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

Ми випустили нову книгу«Контент-маркетинг у соціальних мережах: Як засісти в голову передплатників і закохати їх у свій бренд»

Підписатися

Сторінка, що продає, не завжди повинна саме продавати (як це не дивно). Її основна мета полягає в тому, щоб мотивувати користувача зробити певну дію. Як правило, всі ці дії поділяються на відгуки, або інформацію.

• Відгуки - голос в опитуванні, коментар, дзвінок до офісу, підписка на розсилку.
• Інформація (e-mail користувача, його контактні дані, заповнення форми тощо).

Т.о. ми можемо розглядати процес купівлі як відгук + надання інформації. А сам безпосередній розрахунок провадиться вже на інших сторінках.

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

Якою має бути сторінка, що продає, щоб користувачеві хотілося залишити відгук?

Лендінг (що продає сторінка) - як яскрава вітрина і одночасно ультимативний гід по всесвіту товару. Спершу він привертає увагу, а потім уже пояснює навіщо це потрібно.
Тому для того щоб заслужити довіру користувача необхідно робити сторінку, що продає, привабливою і зрозумілою.
На ній має бути оформлений заклик до дії (« call-to action»), гарний текст, що представляє ваш товар не як чудо-засіб з неймовірними властивостями та характеристиками, а спокійно та чесно, підкреслюючи його реальні переваги. Не варто виставляти простий товар у нереальному світлі. Навіть найкрутіший лендинг навряд чи принесе хорошу конверсіюякщо користувач розуміє, що його обманюють.

Як зробити сторінку, що продає самостійно?

Є безліч різних генераторів лендингів, таких як:

• wix.com - міжнародна платформа, можна створювати як лендинги, так онлайн-магазини, є російська мова, підтримка спеціально для лендингів та багато додатків в appmarket;
• leadkit.ru – трохи складний редактор, зате є можливість правити вихідний код, CSS та скрипти. Також є bootstrap, за його використання доведеться платити від 999 рублів на місяць, хоча є пробний період 7 днів;
• hello-site.ru - простий конструктор, на виході видає вихідні файлидля заливки на хостинг, не дуже багато можливостей, проте абсолютно безкоштовно;
• lpgenerator.ru - професійна платформа, заточена під лендінги, велика кількістьшаблонів, є можливість аналізувати вирву конверсій, один мінус - платний, за використання всіх можливостей доведеться платити 3999 рублів на місяць.

…

Однак крім технічного бокує ще бік маркетингу. Перш ніж створювати лендинг, потрібно подумати над таким:

1) Хто ваша цільова аудиторія? Які має інтереси? Чого ходять ці люди?Чи є у вас УТП, і чим ви можете виділитися на тлі конкурентів?Чи є у вашого бренду/фірми місія чи ідеологія?

2) З якою метою створюється лендинг? Вам потрібно збирати заявки, відгуки, або контактну інформацію? Як ви далі працюватимете з нею?

3) Як виглядатиме дизайн сторінки? Як виділити основні елементи?

Створивши детальний портрет сторінки, що продає, можна приступати до реалізації.

Сторінка, що продає: приклад

Основні елементи сторінки, що продає

1. «Чеплячий заголовок»

Гарний приклад: Сайт бінарних опціонів. Відмінний прикладзаголовка, який говорить про те, що треба замовляти зараз.

Хороший приклад: Сайт, що продає селфі-палиці.

2. "Заклик до дії", (СТА, Call-to-Action) з формою для заповнення

Хороший приклад: Convertmonster.ru вирішили в головному заголовку просто написати що вони пропонують, а мотивацію клікнути формою втілили в підзаголовку.

3. «Вигоди та переваги»

Клієнт повинен знати, чому йому потрібно купити/зателефонувати/все, що завгодно саме у вас. У перевагах краще вказувати реальні плюси, УТП компанії. Не побачивши того, що йому цікаво, користувач може піти.

Поганий приклад: Сайт, що пропонує торти на замовлення. Унікальні торти, великий досвід, зручність оплати, доставка у строк, висока якістьі низькі ціни- це дуже добре, проте блок хочеться погортати навіть не читаючи. Тому що переваги подано сухо та шаблонно. Відсутня конкретика. Погодьтеся, «У нас більш як десятирічний досвід» звучить якось дивно. Краще написати як є: «Ми печемо торти вже 11,5 років і дуже любимо свою справу» - звучить трохи більш довірливо, правда?

Хороший приклад: Сервіс, що пропонує послуги з розкручування відео в Інтернеті.
"Запустимо кампанію за 10 хвилин" - суть цього повідомлення в тому, що кампанія запуститься досить швидко, проте якби замість нього було написано " Швидкий запускрекламної кампанії», або ще гірше «Миттєво запустимо рекламну кампанію»- повідомлення б викликало менше довіри. Більше конкретики. Користувач і сам здатний зробити висновок, що це швидко.

4. «Привернення уваги»

Як правило, в таких блоках використовуються елементи, що автоматично захоплюють увагу користувача.

Гарний приклад: На сторінці банку Тінькофф, що продає, погляд дівчини спрямований на нову карту. Інформація про новій картіневипадково розташована праворуч – ми читаємо зліва-направо. Бачимо карту і одразу ж читаємо інформацію.

Хороший приклад з сайту сonventmonster.ru. Екстравагантно і з гумором, проте свою функцію виконує чудово - картинка привертає увагу.

5. Відгуки користувачів

Здрастуйте, випадкові відвідувачі та читачі Блога. Сьогодні я розповім Вам, як швидко створити сторінку, яка буде продавати « Продавати».

Але про все по порядку.

Щоб отримати свої перші гроші в Інфобізнесі, потрібно мати сторінку, яка продаватиме і звичайно ж базу передплатників. Докладніше про те, що таке база передплатників та як її набрати, ми поговоримо у наступній статті.

Я вважаю, що є два способи створення сторінки, що продає:

Перший спосіб: за допомогою плагіну для WordPress.

Якщо Ви хочете продавати свої товари, то Вам необхідна красива сторінка, що продає. У цьому нам допоможе відмінний плагін WpPage, він служить для створення барвистих підписних сторінок. Сторінки за допомогою цього плагіна створюються дуже легко та швидко. Буквально за 15-30 хвилин можна створити власну продаючу або інші барвисті сторінки. Аналогічний плагін можна придбати у мене.

Попереджаю, що цей плагін буде працювати тільки в CMS WordPress, інші платформи плагін НЕ підтримує.

Припустимо, Ви придбали та встановили плагін на свій сайт. Тепер потрібно створити та оформити нашу сторінку, яка продаватиме.

efwRCELCTJU

Другий спосіб: Зверстати сторінку з нуля.

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

Тепер докладніше, щоб створити свою сторінку, що продає з «нуля», Вам необхідно мати знання HTML і CSS. До того ж Ви витратите на створення сторінки багато свого часу.

Також, Ви можете замовити сторінку, що продає, щоб її Вам зробили професіонали.

Замовити собі сторінку , що продає , можна сайту . Докладно всі дії описувати не буду.

1. Реєструєтеся на сайті.

2. Підтверджуєте обліковий запис поштою.

3. Створюєте завдання та чекайте охочих взятися за Вашу роботу.

А зараз я розповім Вам, де взяти текст, для сторінки, що продає. Відразу хочу Вас попередити, що цей текст вже є в Інтернеті і якщо Ви хочете його застосувати на своєму сайті, то його потрібно трохи змінити для свого ж блага.

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

Ще раз нагадаю, що цей текст потрібно трохи змінити.

Як його змінити? - Так дуже просто, можна замінювати слова в тексті на синоніми, переставляти абзаци, але стежте, щоб сенс не губився, це не так важко. Робити це потрібно для того, щоб Вашу сторінку не проігнорували пошукові системи(Яндекс, Google та інші).

Якщо у Вас якісь питання, то з радістю відповім на них у коментарях.

З повагою,