1.2. Типы сайтов и насмотренность

Обновлено: 2 мая

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


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


Какие бывают сайты в зависимости от их задач?



Одностраничные сайты (landing page или лендинг)


Сайт, который состоит из одной страницы и посвящен, как правило, одному товару или услуге. Основная задача получать контакты, заявки или звонки от потенциальных клиентов.


Звонки и заявки называются одним словом Лиды


Цель лендинга — конвертировать посетителей сайта в лиды. Вы предоставляете пользователям релевантные продукты, а взамен просите контактную информацию.




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


Обратите внимание, что главные страницы сайтов созданы для широкой аудитории, в то время как лендинги ориентированы на узкие сегменты пользователей, которые с большей вероятностью могут конвертироваться. И исключается возможность переходов на другие внутренние страницы. Как правило, на лендинге есть только 2 варианта действия: совершить целевое действие (оставить заявку / купить / подписаться) или закрыть страницу.


Цель лендинга — конвертировать посетителей сайта в лиды, которые далее переводятся в покупателей.

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

В блоке по маркетингу мы рассмотрим формулы построения лендингов.


Примеры одностраничных сайтов можно посмотреть на площадках:

http://land-book.com/

http://onepagelove.com/



Многостраничные сайты


состоят из нескольких страниц, которые объединены меню или другими блоками с ссылками.


Это могут быть новостные, корпоративные, информационные сайты, а также более простые варианты- визитки и портфолио. Сайты-визитки нужны для того, чтобы просто представить компанию или человека в интернете. Как правило это достаточно простые в создании сайты, которые состоят из 5-7 страниц.


Многостраничные сайты хорошо индексируются поисковиками Яндекс и Google и поэтому часто используются для получения лидов с SEO продвижения. (Search Engine Optimization — оптимизация под поисковые системы) Про СЕО продвижение сайтов на wix мы поговорим в блоке по маркетингу.


Часто полезные информационные сайты не собирают лиды, но зарабатывают рекламой на сайте.



Промосайты и фестивальные сайты


используются для повышения узнаваемости бренда. Промосайты должны строить правильное восприятие бренда и создавать у пользователя правильные эмоции и ассоциации


Задача промосайтов — это взаимодействие с пользователем, новый опыт, желание поделится, создаются для того, чтобы впечатлить пользователя. Часто такие сайты разрабатывают непосредственно для участия в международных конкурсах по веб-дизайну.


Важный критерий — зрелищность. Необходимо выделиться, запомниться, впечатлить, создать вау-эффект.

В промо стиле весь акцент на товаре, бренде. Текста минимум, максимум анимаций, визуализаций. Важна форма подачи, описание отодвигается на второй план. Часто в оформлении используется графика, сложные 3D-эффекты, моушн, видео. Нет четких правил оформления в данном стиле, чем эффектней и креативней, тем лучше.



Примеры фестивальных и промосайтов можно наблюдать на международных конкурсах в сфере веб-дизайна и разработки:


http://www.awwwards.com/

https://www.cssdesignawards.com/

https://thefwa.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/



 

Задание:

  1. Начинаем тренировать насмотренность. Выберите от 3 до 5 дизайнов, которые вам особенно нравятся. Почему вы выделили их для себя? Что бросилось в глаза? Теперь выберите один, чтобы рассмотреть его поближе.

  2. Поставьте себя на место пользователя. Вам сразу очевидно, что предлагает дизайн? Соответствует ли дизайн поставленным целям?

  3. Навигация выглядит удобной и логичной? Сразу понятно, где что расположено?

  4. Понятен ли контент? Очевидна ли иерархия элементов? Как логические блоки сгруппированы и разделены? Дизайн кажется воздушным и просторным или кажется загроможденным?

  5. Какие графические элементы используются? (например, линии, формы, текстуры, цветовые пятна и т. д.) Как вы думаете, что послужило причиной их добавления?

  6. Как в дизайне используются фотографии, иллюстрации, анимация? Работают ли они на достижение главной цели? Каков был принцип их выбора? Как они редактировались? Что в них интересного?

  7. Есть ли на сайте призыв к действию (CTA). Хотите купить / принять предложение? Легко ли это сделать? Как устроен блок CTA? Почему? Это заставляет вас нажать на кнопку?


Напишите свои инсайты и задайте вопросы в комментариях.