- 2011
03.09.2010
Якщо ви купили домен, а сайт ще не запустили, то вирішити, що робити з ним — це досить непроста задачка. Залишити початкову сторінку вашого реєстратора або стандартну сторінку хостингу? Обидва варіанти виглядають, щонайменше, непрофесійно. Особливо, якщо ви збираєтеся «попіарити» свій новий проект, розповісти про нього. У той же час, ви не хочете витрачати надто багато часу для створення тимчасової сторінки, тому що вам потрібно працювати над самим проектом.
Найкращий вихід із ситуації — створити просту «сторінку-заглушку», яка буде розповідати відвідувачам, що тут в кінцевому рахунку з'явиться. Правильна «сторінка-заглушка» може бути двох варіантів: інформаційна сторінка, яка просто розповість, що тут буде після запуску; або сторінка, яка пропонує відвідувачам підписатися на отримування повідомлень на e-mail або «інвайту» на бета (або альфа) тестування. Нижче ви побачите декілька відмінних прикладів обох типів. Дотримуючись наведених нижче правил, ви зможете створити свою «сторінку-заглушку». Зрозуміло, серед них ви не побачите звичайних сторінок «Coming soon…» (з обридлим дизайном), яких ціла купа в мережі.
Далі ви знайдете досить багато класних прикладів і порад, про які потрібно пам'ятати при створенні таких сторінок.
Коли хтось заходить на вашу «сторінку-заглушку», він повинен зрозуміти про що буде ваш сайт і чим він може бути йому корисним. Це особливо важливо, якщо ви просите відвідувачів підписатися на повідомлення або час від часу заходити на сайт. Якщо ви не бажаєте потрудитися розповісти про що сайт, то чому вони повинні пам'ятати про те, щоб повернутися сюди?
Дайте відвідувачам трохи інформації про спрямованість сайту. Це не означає, що ви повинні найдетальнішим чином все розповісти. Навпаки, деяку цікаву інформацію поки прибережіть. Наприклад, якщо ви будете пропонувати додаток для раціонального управління часом, створене спеціально для веб-дизайнерів, то ви можете написати, що сайт допоможе спростити робочий процес веб-дизайнерів. Це дасть деяку інформацію про сайт, але в той же час залишить якусь пелену загадковості.
KISSmetrics
KISSmetrics пропонує доволі багато інформації на своїй «сторінці-заглушці», включаючи форму підписки на росзилку новин та блог, в якому розповідається про хід розробки. Це чудовий приклад «заглушки», яка добре інформує відвідувачів і тримає їх у передчутті очікуваного запуску.

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

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

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

Дозволити відвідувачам підписуватися на розсилку по e-mail, щоб їх повідомити про запуск проекту — така можливість може стати гарним інструментом для «розкрутки». Якщо цього не зробити, то до того часу, коли сайт буде запущений, деякі відвідувачі можуть забути про нього. Звичайно ж, регулярність розсилки залежить повністю від вас. Деякі сайти відсилають лише одне повідомлення в день запуску. Інші роблять регулярні розсилки, в яких розповідають про хід роботи.
Ви можете спробувати розгорнути невеличкий галас навколо запуску вашого сайту, потім почати більш-менш регулярно робити розсилку — в сумі це допоможе викликати довіру до сайту і зробити його назву упізнаваною. Якщо ви будете розсилати повідомлення кожен тиждень-два, ваші відвідувачі, швидше за все, не забудуть про вас. Тільки варто десь вказати на сторінці (чи в підтверженні e-mail), що розсилка буде робитися настільки часто, щоб уникнути звинувачень в СПАМі.
До того ж, є кілька альтернатив звичайній розсилці на електронну пошту. Одна з них — це запустити блог, який буде інформувати відвідувачів про ваш прогрес у роботі над сайтом. Такий спосіб найбільше застосовується для інтернет-додатків, хід роботи над якими можна описувати в блозі. Інший визнаний спосіб — використовувати мікроблог Твіттер для залучення та інформування користувачів. Просто переконайтеся, що на сторінці стоїть посилання на ваш аккаунт на Твіттері.
MyNiteLife
MyNiteLife дозволяє відвідувачам підписуватися на оновлення по e-mail.

DesignSvn
DesignSvn дає можливість відвідувачам вибрати: підписатися по e-mail або стежити на Твіттері.

Remindness
Remindness дозволяє відвідувачам підписуватися на оновлення по e-mail.
Якщо у вас вже є логотип, початковий дизайн або кольорова схема і підібраний шрифт, то використовуйте їх на своїй сторінці, щоб почати формувати стиль, який буде запам'ятовуватісь вашим відвідувачами. Впізнаваний стиль поставить ваш сайт на щабель вище, ніж у ваших конкурентів і, що приємно, це не потребує великих витрат часу і ваших сил. Навіть така проста річ, як використання певного шрифту або колірної схеми можуть зробити ваш сайт більш упізнаваним для майбутніх відвідувачів. Коли ваш сайт в результаті запуститься, то відвідувачі будуть відчувати себе впевненіше.
Fontdeck
Fontdeck використовує на сторінці логотип і колірну схему, яка, мабуть, буде використовуватися на сайті.

Silverback
Silverback використовує на сторінці зображення горили і дизайн, які будуть використовуватися на сайті.

Foundation Six
Foundation Six икористовують, мабуть, кінцевий варіант кольорової схеми та логотипу.

Завдання сторінки «сторінки-заглушки» змусити людей розповідати про неї і потім змусити їх повернутись на ваш сайт. Навіть якщо ви просто хочете розповісти про що буде проект, то створити трохи загадковості не завадить. Цікавість — це сильний мотиватор, він може змусити велику кількість відвідувачів підписатися на розсилку оновлень. Це також змушує людей розповідати один одному про сайт, тому що відвідувачі будуть питати у своїх друзів будь-яку інформацію про намічений запуск. Такі розмови можуть дати проекту початковий трафік і навіть залучити увагу різних медіа.
Better Blogger
Better Blogger дає нам початкову інформацію про сайт, але не розповідає занадто багато.

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

uoOo
uoOo дає зрозуміти, що якось пов'язане з відео, але більше немає ніякої інформації…

Хоча «заглушки» не грають великої ролі в ранжуванні сайту «пошуковиками», це не означає, що не треба оптимізувати їх для пошукових систем. Використовуйте ключові слова і правильні мета теги, і заохочуйте залишати посилання на вас з використаням потрібного текст у «анкорі». І якщо ви грамотно підійдете до SEO, то не будете «песимізовані» пошуковими системами (а, можливо, навіть отримаєте якусь довіру). А це означає, що коли сайт запуститься, то просування в пошукових системах відбудеться набагато швидше.
Інформаційні сторінки для того й створені: надавати відвідувачам інформацію про поточний стан та майбутні плани цього сайту. Дизайн таких сторінок може бути дуже простий, тільки назва і текст, наприклад, «Тут скоро з'явиться сайт», або ж містити більш глибокий зміст. У будь-якому випадку, це зазвичай одна сторінка з будь-якою інформацією. Іноді включає в себе контактну інформацію власника сайту.
Boagworld
Чудовий дизайн з інформацією про повернення до життя популярного подкасту.

FiveSecondProjects
Ця сторінка використовує трохи інший підхід, розмістивши посилання на відео, в якому і є необхідна інформація.

After Some Words
Особлива «заглушка», яка веде на сторінку на MySpace.

Holey Coww
На цій сторінці можна знайти досить об'ємне пояснення до сайту, а також посилання на Twitter і Facebook.

Zombie Corp
Ще одна простенька сторінка з контактною інформацією власників.

Moses Mehraban
Простенька сторінка, яка розповідає про поточні справи власника.

Leaf Ordinary
Мінімалістична сторінка з логотипом та посиланням на додаткову інформацію.

I heart spaceships
Кумедна сторінка з контактною інформацією про розробників.

Smart Pixel
Дуже простий дизайн, але з прикольною картинкою.
![]()
Human Binary
Ще одна кумедна сторінка з достатньою кількістю інформації, щоб зрозуміти, що тут буде пізніше.

fcukstar
Більш складна сторінка з посиланням на попередній перегляд сайту і з інформацією за цінами.

Zenbou
Ще одна проста «заглушка» з великою кількістю підказок про те, що буде на сайті, також є посилання на Twitter.

Shabith Ishan
Добре продумана «сторінка-заглушка» з посиланнями на різні соціальні медіа.

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

Statnip
Проста сторінка з формою в один рядок для підписки.

ClockMeIn
Звичайна сторінка з однорядковою формою для запиту запрошення.

investobiz
Сторінка пропонує до ознайомлення трохи інформації, а також має форму для підписки на розсилку.

PackageTrail
Сторінка з унікальним дизайном має форму для запиту «інвайту» на бета-тестування.

Addressful
«Заглушка», на якій є інформація та форма для підписки.

Hello Human Icons Icon Collection One
Цей сайт пропонує підписатися на розсилку оновлень, а також розповідає трохи про себе.
![]()
The Upstate Design Collective
Ще одна сторінка, на якій є елементи як інформаційної сторінки, так і сторінки для передплати, також є посилання на групу в Твіттері.

MealNation
Сторінка з формою для підписки.

Hosteeo
Сторінка, на якій акцент зроблений на питанні, щоб зацікавити юзера підписатись.

Gigdom
Інформаційна сторінка з посиланням для реєстрації на бета-тестування.

ClassOwl
Проста форма з двома полями для підписки.

ChkChkBoom
«Заглушка» дає можливість відвідувачам вибрати спосіб отримання поновлення: RSS або e-mail.

SCIPLEX
Проста сторінка з парою рядків про те, що скоро тут буде і з формою для підписки.

Inhouse Grind
Проста сторінка з інформацією і формою.

Zipliner
Ще одна проста сторінка з формою для запиту запрошення на тестування.

Designatr
Гарна сторінка з простенької формою і невеликою кількістю інформації про суть сайту.

Статтю написала Cameron Chapman @ smashingmagazine.com
Переклад: Aiken Studio
Мітки: тенденції, тренди, веб-дизайн, натхнення