1.2. Типы сайтов и насмотренность
Обновлено: 2 мая
Все сайты различаются своими функциональными возможностями, задачами, назначением и прочими характеристиками.
В этом уроке мы определимся какой вид сайта выбрать, чтобы он лучшим образом подошел для достижения тех или иных целей.
Какие бывают сайты в зависимости от их задач?
Одностраничные сайты (landing page или лендинг)
Сайт, который состоит из одной страницы и посвящен, как правило, одному товару или услуге. Основная задача получать контакты, заявки или звонки от потенциальных клиентов.
Звонки и заявки называются одним словом Лиды
Цель лендинга — конвертировать посетителей сайта в лиды. Вы предоставляете пользователям релевантные продукты, а взамен просите контактную информацию.
Лендингом может быть отдельный сайт или отдельная страница на многостраничном сайте, созданная в маркетинговых или рекламных целях для повышения конверсий. Пользователи попадают на нее чаще всего через рекламу в интернете.
Обратите внимание, что главные страницы сайтов созданы для широкой аудитории, в то время как лендинги ориентированы на узкие сегменты пользователей, которые с большей вероятностью могут конвертироваться. И исключается возможность переходов на другие внутренние страницы. Как правило, на лендинге есть только 2 варианта действия: совершить целевое действие (оставить заявку / купить / подписаться) или закрыть страницу.
Цель лендинга — конвертировать посетителей сайта в лиды, которые далее переводятся в покупателей.
Чтобы получать больше лидов лендинг должен иметь правильную и хорошо выстроенную структуру, создавать интерес у пользователя и вести его к действию.
В блоке по маркетингу мы рассмотрим формулы построения лендингов.
Примеры одностраничных сайтов можно посмотреть на площадках:
Многостраничные сайты
состоят из нескольких страниц, которые объединены меню или другими блоками с ссылками.
Это могут быть новостные, корпоративные, информационные сайты, а также более простые варианты- визитки и портфолио. Сайты-визитки нужны для того, чтобы просто представить компанию или человека в интернете. Как правило это достаточно простые в создании сайты, которые состоят из 5-7 страниц.
Многостраничные сайты хорошо индексируются поисковиками Яндекс и Google и поэтому часто используются для получения лидов с SEO продвижения. (Search Engine Optimization — оптимизация под поисковые системы) Про СЕО продвижение сайтов на wix мы поговорим в блоке по маркетингу.
Часто полезные информационные сайты не собирают лиды, но зарабатывают рекламой на сайте.
Промосайты и фестивальные сайты
используются для повышения узнаваемости бренда. Промосайты должны строить правильное восприятие бренда и создавать у пользователя правильные эмоции и ассоциации
Задача промосайтов — это взаимодействие с пользователем, новый опыт, желание поделится, создаются для того, чтобы впечатлить пользователя. Часто такие сайты разрабатывают непосредственно для участия в международных конкурсах по веб-дизайну.
Важный критерий — зрелищность. Необходимо выделиться, запомниться, впечатлить, создать вау-эффект.
В промо стиле весь акцент на товаре, бренде. Текста минимум, максимум анимаций, визуализаций. Важна форма подачи, описание отодвигается на второй план. Часто в оформлении используется графика, сложные 3D-эффекты, моушн, видео. Нет четких правил оформления в данном стиле, чем эффектней и креативней, тем лучше.
Примеры фестивальных и промосайтов можно наблюдать на международных конкурсах в сфере веб-дизайна и разработки:
https://www.cssdesignawards.com/
Интернет-магазины и каталоги
Состоят в основном из карточек товара, которых может быть несколько тысяч.
Сайт-каталог можно назвать расширенной визиткой или корпоративным сайтом. Помимо информации о компании и основных сведений, на сайте размещается перечень товаров. Каждый из них может иметь как отдельную страницу с описанием и основными характеристиками товара, так и быть в общем списке каталога с минимальным набором параметров. Но заказать товар на сайте получится только через форму обратной связи (звонок по телефону или отправка заявки по почте).
Интернет-магазин - сайт-каталог, где любой товар имеет свою страницу с подробными характеристиками. Есть кнопка «купить» или «заказать», которая ведет в корзину, где будет указываться количество выбранных товаров и итоговая сумма заказа. Оформление заказа осуществляется непосредственно на сайте, можно массово добавлять товары в корзину. Интернет-магазин может иметь до сотен тысяч наименований товаров, поэтому для сортировки предусмотрены фильтры.
Часто на сайт интернет-магазинов интегрированы онлайн-платежи, складские остатки и службы доставки.
Любой дизайнер хоть раз задумывался, где брать идеи и вдохновение для своих проектов. Чтобы избежать подобных ситуаций, нужно развивать свой зрительный вкус и насмотренность.
Насмотренность— опыт, приобретённый в результате просмотра большого количества сайтов.
Насмотренность — это навык, который можно и нужно развивать. Так что, натренировать свой глаз может каждый из вас, все, что вам понадобиться это желание и терпение.
Ежедневные просмотры хороших дизайнов поможет вам оставаться актуальным, замечать изменения визуальных тенденций, учиться у мастеров и использовать опыт других людей, чтобы заново не изобретать колесо. Регулярный просмотр дизайнов развивает ваше творческое мышление и особое дизайнерское видение, которое помогает отличать хорошие дизайны от плохих. Однако это приносит пользу не только новичкам; некоторые очень опытные дизайнеры также тратят время на изучение высококлассных дизайнов.
Сайты для вдохновения:
MaterialUp: Ежедневное вдохновение материальным дизайном. http://www.materialup.com/
FLTDSGN: Лучшие работы в стиле flat. http://fltdsgn.com/
Site Inspire: Вдохновение веб-дизайном. http://www.siteinspire.com/
UI Cloud: Самая крупная коллекция интерфейсов в мире. http://ui-cloud.com/
Moodboard: Создание красивых досок настроения (moodboard). http://www.gomoodboard.com/
Crayon: Вдохновение для маркетологов. http://www.crayon.co/
Land-Book: Галерея лэндингов. http://land-book.com/
Ocean: Сообщество дизайнеров для получения отзывов. http://ocean.ink/
Dribbble: «Покажи и расскажи» для дизайнеров. https://dribbble.com/
Behance: Сообщество креативных профессионалов со всего мира. https://www.behance.net/
Pttrns: Вдохновение для создания мобильных интерфейсов. http://www.pttrns.com/
Awwwards: Награды за дизайн, креативность и инновацию. http://www.awwwards.com/
The Starter Kit: Источник для программистов и дизайнеров. http://www.thestarterkit.info/
One Page Love: Коллекция одностраничных веб-сайтов. http://onepagelove.com/
UI Parade: Элементы интерфейсов. http://www.uiparade.com/
The Best Designs: Лучшее из веб-дизайна. https://www.thebestdesigns.com/
Niice: Поисковик со вкусом. https://niice.co/
Задание:
Начинаем тренировать насмотренность. Выберите от 3 до 5 дизайнов, которые вам особенно нравятся. Почему вы выделили их для себя? Что бросилось в глаза? Теперь выберите один, чтобы рассмотреть его поближе.
Поставьте себя на место пользователя. Вам сразу очевидно, что предлагает дизайн? Соответствует ли дизайн поставленным целям?
Навигация выглядит удобной и логичной? Сразу понятно, где что расположено?
Понятен ли контент? Очевидна ли иерархия элементов? Как логические блоки сгруппированы и разделены? Дизайн кажется воздушным и просторным или кажется загроможденным?
Какие графические элементы используются? (например, линии, формы, текстуры, цветовые пятна и т. д.) Как вы думаете, что послужило причиной их добавления?
Как в дизайне используются фотографии, иллюстрации, анимация? Работают ли они на достижение главной цели? Каков был принцип их выбора? Как они редактировались? Что в них интересного?
Есть ли на сайте призыв к действию (CTA). Хотите купить / принять предложение? Легко ли это сделать? Как устроен блок CTA? Почему? Это заставляет вас нажать на кнопку?
Напишите свои инсайты и задайте вопросы в комментариях.