1 81
50 0 22 2

Во-первых, это красиво: работаем над дизайном сайта

 | Дарья Калинская

При поддержке конструктора сайтов Wix

Об авторе
<a href=Дарья Калинская" width="155" height="155" />
Выпускающий редактор Лайкни
Мы с детства знаем, что встречают по одежке. И это работает не только при общении с людьми, но и в случае с сайтами. Первое, с чем сталкивается посетитель, зайдя на ресурс, это дизайн и структура. И именно от качества этих элементов будет зависеть история взаимоотношений пользователя с сайтом. К счастью, создание сайтов никогда не было проще, чем сейчас.

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

Собираем скелет

Если бы сайт был человеком, то структура стала бы его скелетом. А скелет должен быть надежен и функционален. В случае со структурой сайта лучше всего подойдет определение «логичный».

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

Звучит хорошо, но на практике может оказаться непросто. На этот случай можно воспользоваться конструктором сайтов. Для примера возьмем Wix.

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

1. Главная страница (стандартный лендинг).

2. Меню с изображением, описанием и ценой каждого блюда.

3. Онлайн-заказ – на этой странице пользователи могут выбрать товар и отправить его в корзину. Кстати, настроить внешний вид корзины вы тоже можете сами.

4. Блок «О нас», где вы можете рассказать удивительные истории о своем бизнесе и продукте.

5. Контакты – обязательные адрес, отображающийся на карте, и форма обратной связи.

Wix 1.png

Плюс конструктора сайтов – в любое время вы можете добавлять/удалять разделы и подразделы, перемещать их по своему желанию. Делается это в пару кликов, так что можно пробовать разные варианты, не привлекая к этому разработчика или дизайнера.

Wix 2.png

Шаблоны Wix экономят не только ваше время и интеллектуальные ресурсы, но и деньги – их можно использовать бесплатно.

Прикрываем «кости»

Если до этого дня вы пребывали в уверенности, что выбрать красивые фоновые картинки для разделов сайта – это и есть дизайн. То у нас есть для вас новости.

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

  • Кнопки с текстом/в стиле шаблона/кнопки-иконки;

Wix 3.png

  • Боксы, полоски и формы;

Wix 4.png

  • Инструменты для связи: контактные формы, формы подписки, Google Карты или блок для звонка в Skype;

Wix 5.png

  • Меню: горизонтальные, вертикальные и якорные;

Wix 6.png

  • Всплывающие окна: приветствие, подписка, сообщение об акции, контакты;

Wix 7.png

  • Блоки с видео- или аудиоплеером;

Wix 8.png

  • Отдельные фото, галереи и слайдшоу.

Wix 9.png

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

Еще один приятный бонус: Wix предлагает подсказки по редактированию и использованию каждого структурного элемента.

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

Настраиваем связи

И структура, и дизайн призваны повысить функциональность ресурса. На эту же цель работают приложения в Wix. Они помогут добавить на ваш сайт дополнительные функции и инструменты, которые помогут в развитии не только сайта, но и бизнеса.

Что дают приложения?

  • С их помощью можно добавить на сайт галерею проектов, товаров или просто фото. Таким образом сайт получит запоминающийся стиль, а владелец – лучше презентует свое портфолио или услуги.

Wix 10.png

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

Wix 11.png

  • Приложения для создания форм и средств коммуникации помогут собрать отзывы и комментарии пользователей и повысить конверсию.
  • Отдельные приложения созданы специально для того, чтобы улучшить качество размещаемых фотографий. Другие – помогут в оформлении кнопок и форм социальных сетей.
  • Приложения для бизнеса Wix помогут настроить дизайн в зависимости от сферы, в которой вы работаете. Например, Wix Hotels призвано облегчить ведение гостиничного бизнеса. С его помощью можно добавить на сайт форму для бронирования и оплаты номеров, которые вы сможете адаптировать под свой сайт с помощью инструментов редактирования.

Или Wix Menu. Оно поможет создать красивое ресторанное меню, которое будет к тому же отлично смотреться на всех устройствах.

Wix 12.png

Для тех, кто стремится к единообразию

Качество продукта/услуги, сервис и, конечно, дизайн сайта – элементы, которые помогут сделать бренд запоминающимся. Если вы поставили перед собой цель выдержать в едином стиле сайт и другие маркетинговые инструменты, это тоже решаемо. В Wix можно создавать автоматические приветственные или благодарственные рассылки и большие маркетинговые email’ы. В редакторе вы найдете подходящие стили, фоны и функциональные элементы.

Wix 13.png

Если есть возможность создать единый стиль для всех активностей, почему бы ей не воспользоваться?

Заключение

Каким должен быть настоящий сайт? Только функциональным и визуально приятным. И для этого ему совершенно не обязательно быть дорогим. Задумавшись о создании собственного ресурса, вспомните про конструкторы сайтов – и ваши будущие пользователи скажут вам спасибо. 

Читайте нас в Telegram - digital_bar
Читайте нас в Telegram - digital_bar

 Есть о чем рассказать? Присылайте свои материалы в редакцию.
Комментарии
1 комментарий
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
  • Ольга Грязнова
    1
    комментарий
    0
    читателей
    Ольга Грязнова
    больше года назад
    Добрый день! Спасибо! Очень познавательно, я многое не знада и "не видела"
    +
    0
    -
    Ответить