Дизайн — статьи о сайтах
Клиент центра печати почти всегда торопится: договор нужен до встречи, чертёж до защиты, а буклеты к завтрашнему мероприятию. Он открывает сайт с телефона или рабочего компьютера и за несколько секунд решает, остаться ли. Первый экран главной страницы должен ответить на три вопроса: делают ли здесь то, что мне нужно, как передать файл и когда я получу результат.
С какими задачами приходят на сайт центра печати
Посетители обычно делятся на несколько групп:
- человек с одним файлом, которому нужно быстро распечатать несколько страниц рядом с домом или офисом;
- студент с дипломом, рефератом или чертежом большого формата, для которого важны переплёт и срок;
- сотрудник компании, заказывающий буклеты, папки, визитки или регулярную печать для офиса;
- тот, кому нужно отсканировать, сделать копии или заламинировать документ, без онлайн-заказа.
Если на первом экране один слоган вроде «Печатаем с душой», каждая группа вынуждена искать ответ сама. Выпишите три-четыре самые частые задачи по звонкам и заказам за последние месяцы. Они займут первый экран, а редкие услуги уйдут ниже.
Какие элементы должны быть видны без прокрутки
- Заголовок с предметом работы. Например: «Печать документов, чертежей и дипломов в [город]». Он называет услугу и место, а не абстрактные «решения для бизнеса».
- Одно главное действие. Если принимаете файлы онлайн, это кнопка «Отправить файл на расчёт». Если нет, то «Позвонить» или «Построить маршрут». Второстепенная кнопка допустима, но визуально слабее.
- Срок и способ получения. Пишите только то, что выполняете всегда: «Небольшой заказ готовим, пока вы ждёте» или «Самовывоз, доставка по городу — по договорённости».
- Адрес, часы работы и телефон. Многие едут в центр печати сразу после просмотра сайта, поэтому им нужно понять, открыто ли сегодня и как добраться.
- Ориентир по цене. Одна-две реальные позиции, например печать А4, с пометкой, от чего итог зависит (тираж, бумага, цветность), и ссылкой на полный прайс. Не подставляйте цифры, которые не соответствуют действующему прайсу.
- Плитки основных услуг: печать, копирование, сканирование, переплёт, широкоформатная печать. Подписи короткие, каждая плитка ведёт на свой раздел.
Условный пример первого экрана
Ниже схема для вымышленного центра печати. Тексты в квадратных скобках нужно заменить своими данными.
- Шапка: логотип, телефон, «Открыто сегодня до [время]», пункт меню «Цены».
- Заголовок: «Печать документов, дипломов и чертежей в [город]».
- Подзаголовок: «Принесите файл на флешке или отправьте через сайт. Небольшие заказы делаем при вас».
- Кнопки: «Отправить файл на расчёт» (основная) и «Как нас найти» (вторичная).
- Строка фактов: «А4, ч/б — от [цена] за лист», «Переплёт — от [срок]», «Адрес: [улица, ориентир]».
- Ряд плиток: «Печать», «Копии и сканы», «Дипломы и рефераты», «Чертежи А3–А0», «Переплёт и ламинирование».
Посетитель, не прокрутив страницу, видит услуги, действие, ориентир по цене и место. Приятная фотография зала или стойки приёма рядом с заголовком скажет о месте больше, чем снимок принтера из фотобанка.
Что стоит убрать с первого экрана
- Слайдер с автопрокруткой: второй и третий слайд большинство не увидит, а важное на них потеряется.
- Длинное приветствие и рассказ об истории компании. Им место ниже или на отдельной странице.
- Перечень оборудования по моделям. Владельцу это интересно, клиенту нет. Достаточно форматов и видов работ.
- Всплывающие окна со скидкой, которые закрывают форму или кнопку при первом заходе.
Как оформить загрузку файла, чтобы её не боялись
Если на первом экране есть отправка файла, рядом коротко опишите условия: какие форматы принимаете (например, DOC, PDF, JPG), какой максимальный размер, что происходит дальше. Например: «Рассчитаем стоимость и перезвоним для подтверждения». Спросите в форме минимум: файл, телефон или почту, желаемый срок, комментарий. Если документы клиентов содержат личные данные, добавьте понятную строку о том, как вы обращаетесь с файлами после выполнения заказа. Пишите только то, что действительно делаете, а формулировку согласуйте со своим юристом.
Проверочный список для первого экрана
- Из заголовка понятно, что вы печатаете и в каком городе.
- Есть одна заметная кнопка основного действия, и она работает.
- Указаны часы работы и адрес, не нужно искать страницу «Контакты».
- Видны срок выполнения или способ получения заказа.
- Есть хотя бы один реальный ориентир по цене и ссылка на прайс.
- Основные услуги показаны плитками с короткими подписями.
- На экране смартфона кнопка и телефон помещаются без прокрутки, а номер набирается касанием.
- Нет автослайдера и навязчивых всплывающих окон.
После запуска посмотрите в счётчике, например в Яндекс.Метрике, сколько посетителей нажимают на основную кнопку и телефон. Если почти никто, меняйте заголовок и кнопку по одному элементу за раз и сравнивайте результаты за равные периоды.
