FAST DEV 24
Розбори сайтів · на телефоні

Що бачить відвідувач за перші десять секунд

Я відкриваю справжні сайти малого бізнесу на телефоні й показую, на що натрапляє відвідувач, перш ніж знайде номер телефону: стіни згоди на кукі, перший екран з одним логотипом, кнопки, які так і не з’являються. Кожен розбір закінчується трьома конкретними правками. Назв закладів я не називаю: сайти загальнодоступні, а факти ви побачите на власному телефоні.

#1 · Бургерна в Талсі

На що натрапляє відвідувач за перші десять секунд

  1. Банер згоди на кукі закриває весь перший екран. У ньому згадано 1072 партнери.
  2. Банер закрито. Перший екран: логотип, фото, назва. Ні телефону, ні годин роботи, ні адреси.
  3. Кнопка «Замовити» з’являється лише після прокручування. Годин роботи й адреси досі ніде немає.
  4. Нижче: розповідь про місію і форма для пожертв. Адреса все ще нижче.

Що я змінив би

  1. Телефон, години роботи й адреса на першому екрані, усе натискається
  2. Одна велика кнопка «Замовити» над фото, а не під ним
  3. Тонка смужка згоди внизу, а не стіна тексту

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

#2 · Бар із тако й мескалем у Талсі

На що натрапляє відвідувач за перші десять секунд

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

Що я змінив би

  1. Адреса, години роботи і дві кнопки на першому екрані: «Меню» і «Подзвонити»
  2. Номер телефону, який набирається натисканням
  3. Текст скорочено втричі, меню вище за філософію

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

#3 · Будівельна компанія в Талсі

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: логотип і фото. Ні номера телефону, ні кнопки «отримати кошторис».
  2. Далі: розповідь про цінності. Безпека, чесність, командна робота. Досі ні слова про те, для якої роботи їх можна найняти.
  3. Підвал сайту: адреса, чотири значки соцмереж. Я перевірив код сторінки: номера телефону на головній немає ніде.

Що я змінив би

  1. Номер телефону і кнопка «Отримати кошторис» на першому екрані
  2. Одне речення вгорі: що ви будуєте і для кого
  3. Готові проєкти з фото раніше за розповідь про цінності

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

#4 · Корейський ресторан у Калгарі

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: банер «зроблено на Wix, створіть свій», значок Instagram, маленький логотип. Ні адреси, ні годин роботи, ні телефону.
  2. Меню – це одна картинка. На телефоні назви страв дрібніші за цей підпис: щоб прочитати ціну, доводиться збільшувати й пересувати зображення.
  3. Контакти: форма з ім’ям, поштою і повідомленням. Щоб забронювати столик, треба написати листа й чекати.
  4. У самому низу: номер телефону звичайним текстом. Я перевірив код: натисканням він не набирається.

Що я змінив би

  1. Адреса, години роботи і кнопка дзвінка в один дотик на першому екрані
  2. Меню текстом, яке зручно читати на телефоні, з цінами
  3. Власний домен і жодного банера «створіть свій» над вашою назвою

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#5 · Перукарня в Спрингфілді

На що натрапляє відвідувач за перші десять секунд

  1. Відкривається в комп’ютерній верстці, зменшеній у 2,5 раза під екран телефону. Увесь сайт займає один екран. Меню дрібніше за цей підпис.
  2. Телефон, пошта й адреса стоять під фото дрібним шрифтом. Натискаєте на номер, і нічого не відбувається. Це звичайний текст, а не посилання.
  3. Ліва колонка: шість логотипів брендів засобів для волосся, кожен більший за все, що салон каже про себе. Кнопки запису немає ніде.

Що я змінив би

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

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#6 · Крафтова броварня в Калгарі

На що натрапляє відвідувач за перші десять секунд

  1. Два питання перед усім іншим: чи досягли ви віку, з якого можна пити, і «чи любите ви пиво?» з формою для пошти. Ні адреси, ні годин роботи.
  2. Спливне вікно закрито. Увесь перший екран займає перевірка віку: ТАК чи НІ. Натисніть НІ, і сайт переспрямує вас на Google.
  3. За перевіркою: фото пивного залу і дві кнопки, «Меню» і «Замовити». Адреса, години роботи й телефон у самому низу.
  4. Низ сторінки: номер телефону звичайним текстом, а не посиланням. Я перевірив код: натисканням він не набирається.

Що я змінив би

  1. Адреса, години роботи і номер, що набирається дотиком, просто на першому екрані
  2. Одне питання за раз: спершу лише перевірка віку, розсилка пізніше
  3. Години роботи пивного залу поруч із кнопкою «Замовити», а не внизу

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#7 · Б’юті-бутик у Калгарі

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: смужка зі знижкою, логотип, одна кнопка «Записатися». Ні адреси, ні годин роботи, ні телефону. Що вони роблять і де вони, видно лише згодом.
  2. Далі два довгі абзаци по центру про подорожі й неперевершені враження: двадцять рядків до першого фото, і цін не видно.
  3. Три екрани нижче: «Дзвоніть або пишіть» і номер звичайним текстом. Я перевірив код: це не посилання. Номер не набирається.

Що я змінив би

  1. Адреса, години роботи і номер, що набирається дотиком, на першому екрані поруч із «Записатися»
  2. Розповідь скорочено до трьох рядків, фото й ціни вгорі
  3. Номер телефону, який набирається, і години роботи, заради яких не треба гортати три екрани

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#8 · Сидрова броварня в Оклахома-Сіті

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: логотип, напис «Select Page», що лишився від шаблону, знову логотип, перевірка віку і банер про кукі. Ні адреси, ні годин роботи.
  2. За перевіркою: логотип утретє, заголовок і стіна тексту про безглютеновий сидр. На цьому екрані нема на що натиснути.
  3. Години роботи, адреса й телефон стоять у самому кінці, сім екранів нижче. Номер – звичайний текст: натисканням він не набирається.

Що я змінив би

  1. Адреса, години роботи і номер, що набирається дотиком, на першому екрані, одразу під перевіркою віку
  2. Один логотип замість трьох, напис шаблону «Select Page» прибрано
  3. Кнопка «Як нас знайти» з картою й годинами роботи замість семи екранів прокручування

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#9 · Кав’ярня в Сіднеї

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: назва двічі, рядок «Ласкаво просимо до», смужка підписки. Ні адреси, ні годин роботи, ні телефону. Ніщо не каже, де і коли.
  2. «Зробіть замовлення телефоном», пише сайт. Номера телефону тут немає. Кнопка веде на окрему сторінку контактів.
  3. Три екрани нижче: нарешті адреса, години роботи й номер телефону. Номер – звичайний текст: натисканням він не набирається.

Що я змінив би

  1. Адреса, години роботи і номер, що набирається дотиком, на першому екрані
  2. Одна назва вгорі, а не дві, і без смужки підписки
  3. Номер телефону просто поруч із «замовлення телефоном», посиланням, яке набирає дзвінок

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#10 · Фуд-хол в Оклахома-Сіті

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: фото, «Їж, пий, повторюй», дві кнопки «Замовити». Ні адреси, ні годин роботи, ні телефону.
  2. Години роботи? На головній їх немає взагалі. За кнопкою меню ховається окрема сторінка «Адреса і години роботи».
  3. Чотири екрани нижче, у підвалі сайту: адреса й телефон звичайним текстом. Я перевірив код: номер – не посилання. Він не набирається.

Що я змінив би

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

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

Перший екран сайту на телефоні
Перший екран на телефоні. Відео скоро буде.

#11 · Кав’ярня в Манчестері

На що натрапляє відвідувач за перші десять секунд

  1. Перший екран: логотип, «відпочивай, їж, насолоджуйся», кнопка меню. Ні адреси, ні годин роботи, ні телефону. Сторінка важить 21 МБ.
  2. Чотири абзаци про спокій і затишок, потім картинка з написом «Натисніть тут, щоб відкрити наше меню». Досі ні годин роботи, ні адреси.
  3. Низ сторінки: замовлення через Just Eat або Deliveroo, адреса дрібним шрифтом. Я перевірив код: номера телефону на сторінці немає ніде.

Що я змінив би

  1. Адреса, години роботи і номер, що набирається дотиком, на першому екрані
  2. Меню текстом на сторінці, а не картинкою, до якої треба клацати
  3. Власна кнопка замовлення чи бронювання раніше за застосунки доставки

Назву закладу не вказано. Сайт загальнодоступний, а факти ви побачите на власному телефоні.

П’ять речей, які я перевіряю

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

Номер телефону на першому екрані

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

Номер, що набирається натисканням

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

Години роботи й адреса раніше за розповідь

Місія може зачекати. Чи ви відчинені просто зараз і де ви, чекати не може.

Одна зрозуміла кнопка

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

Жодної стіни поверх першого екрана

Банер згоди чи спливне вікно розсилки на весь екран відправляють відвідувача геть, перш ніж він щось побачить.

Як робиться розбір

Тут немає думок про смак. Кожен пункт ви можете перевірити на власному телефоні за десять секунд.

Справжнє вікно розміром із телефон

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

Запис і є доказом

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

Код я читаю, а не вгадую

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

Назву бізнесу не вказано

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

Хочете, щоб ваш сайт перевірили так само?

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