Типы сайтов: какие бывают и для чего они нужны

• Какие бывают типы сайтов
• Сайт-визитка и лендинг: в чём разница
• Корпоративные сайты и интернет-магазины
• Информационные сайты, блоги и медиа
• Онлайн-сервисы и веб-приложения
• Как дизайнеру выбрать тип сайта

Представьте: к дизайнеру обращается заказчик и просит «Сделайте сайт, как у лидера рынка — компании X». Дизайнер начинает смотреть референсы и обнаруживает несколько сайтов, которые с точки зрения дизайна созданы и работают по-разному, — сайт-визитку, блог и интернет-магазин. Без чёткого понимания сценария их использования и различий в выстраивании пользовательского опыта, вероятнее всего, получится создать только красивую картинку, а не удобный рабочий инструмент.

Есть разные методологии классификации типов сайтов, но один из самых популярных подходов — разделение по основной задаче, которую они решают. Например, продавать товары или услуги, информировать, публиковать контент, развлекать, предоставлять некие услуги или обслуживать сервис.

Начинающие дизайнеры часто путают эти два типа сайтов. Внесём ясность в терминологию.

• Сайт-визитка знакомит пользователя с компанией, специалистом или услугой. Как правило, включает несколько страниц, например «О компании», «Услуги», «Кейсы», «Контакты». Главная задача — представить информацию и помочь пользователю связаться с компанией.
  
  Например, сайт-визитка есть у питерского агентства дизайна «Инфографика» и немецко-австрийского дизайнера Тобиаса ван Шнайдера. Они представляют уже выполненные проекты и профессиональный опыт исполнителей, а также позволяют связаться с ними.

• Лендинг — сайт-одностраничник, в первую очередь продающая посадочная страница, которая ведёт пользователя к одному конкретному действию: оставить заявку, купить продукт или зарегистрироваться на мероприятие. Главная задача дизайнера в этом случае — проработать структуру таким образом, чтобы максимально увеличить лидогенерацию и конверсию: расставить акценты, продумать структуру блоков, спроектировать призывы к действию.
  
  Например, каждый курс на витрине Практикума имеет свой лендинг, посадочные страницы часто делают под мероприятия, запуск продукта, концерты и фестивали. Если для сайта-визитки важна полнота информации, то для продающего лендинга — способность быстро убедить пользователя совершить целевое действие.
  
  Кроме продающих, существуют лендинги-портфолио, информационные лендинги, а также лендинги, посвящённые различным спецпроектам. Их цель — увлекательно рассказать о проекте, опосредованно познакомить с компанией и продемонстрировать возможности. Таковы, например, лендинги компании «Норникель», посвящённые проектам компании по сохранению биоразнообразия.

С ростом бизнеса и количества заказов сайта-визитки становится недостаточно. Выделим различия между двумя путями развития: корпоративным сайтом и интернет-магазином.

• Корпоративный сайт — «лицо» компании, корпорации или экосистемы в онлайне, по сравнению с сайтом-визиткой более разветвлённый и наполненный сайт. Он максимально полно представляет компанию в интернете и помогает решать бизнес-задачи: привлекать клиентов, партнёров и сотрудников. Дизайнеру приходится работать с большими объёмами информации, проектировать сложную навигацию, продумывать информационную архитектуру и обеспечивать удобный и быстрый поиск контента.
  
  Например, корпоративные сайты есть у крупных банков — «Т-Банка», «Сбербанка».

• Интернет-магазин — сайт с обширным каталогом товаров, главная цель которого — продажи. Типичные разделы такого сайта: «Каталог», «Карточка товара», «Оформление заказа», «Корзина», «Личный кабинет». Основная задача дизайнера — продумать иерархию кнопок, упростить путь пользователя до покупки и минимизировать барьеры на его пути: даже небольшая ошибка может привести к потере клиента. Скорее всего, интернет-магазинами каждый из читателей пользуется регулярно, например Ozon, Wildberries или Яндекс Маркетом.

Такие сайты только косвенно продают товары или услуги, их основная задача — привлекать аудиторию и превращать её в лояльную за счёт экспертного, развлекательного и других видов контента в зависимости от профиля компании. Например, команда тревел-блога «Островок» публикует гайды, тематические подборки и новости из мира путешествий, в то же время предлагая забронировать проживание в описываемых локациях на своей платформе. Дизайнеру важно поработать с удобочитаемостью текстов, структурой материалов, навигацией между статьями и выделить кнопки.

Сайты-инструменты, предназначенные для выполнения конкретных задач, например управления проектом, анализа данных, редактирования изображений, хранения данных. Это Яндекс Диск, Trello, Miro, YouGile и другие CRM-системы. Дизайнер фокусируется не на эстетике проекта, а на скорости и удобстве работы. Он сосредоточен на работе с пользовательскими путями и интерфейсами, состояниями элементов, логикой взаимодействия и удобством выполнения задач.

В процессе заполнения брифа дизайнеру или менеджеру проекта важно задать заказчику несколько вопросов.

• Какую задачу решает сайт? Если нужно собрать лиды — лучше сработает лендинг, рассказать о компании — корпоративный сайт, решить конкретную прикладную задачу — веб-приложение.
• Сколько страниц будет содержать готовый проект? Лендинг подойдёт для простых одностраничных сайтов. Если проект многостраничный, рассмотрите другие типы сайтов.
• Каким будет основной пользовательский сценарий? Например, прочитать статью, купить товар или услугу, оформить заказ, загрузить файл и т. д.

Чем чётче сформулирован основной сценарий, тем проще дизайнеру определиться со структурой и UX сайта.

Ответы на эти вопросы позволят определиться с типом сайта и приступить к проектированию.