Войти при помощи:
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
лайкни нас в социальных сетях
Сегодня 212 лайков
189 868
Всего лайков на сайте

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

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

При поддержке конструктора сайтов 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

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

Заключение

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

Комментарии
1 комментарий
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • Ольга Грязнова
    1
    комментарий
    0
    читателей
    Ольга Грязнова
    3 месяца назад
    Добрый день! Спасибо! Очень познавательно, я многое не знада и "не видела"
    +
    0
    -
    Ответить
    Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
ВКонтакте рассказал, какие инструменты будут запущены в 2017 году
Гость - Всё там понятно. Это фичи для сммщиков.
Nimses: тест-драйв SMM-агентства
Mihail Paramonov
1
комментарий
0
читателей
Полный профиль
Mihail Paramonov - На ваш взгляд какое вообще будущее ждет Nimses? После такого хайпа с продвижением... В какой то момент казалось что весь инстаграм рекламирует нимсес. Что скажете по поводу этого мнения? http://nimses.wiki/faq/4-k-chemu-privedet-prilozhenie-nimses.html
Как рассказать о новом продукте без космических бюджетов на рекламу
Vladimir Lapshin
1
комментарий
0
читателей
Полный профиль
Vladimir Lapshin - Жаль только, что сам продукт - дорогущая хрень, не достойная, чтобы ее рекламировали. Все равно никогда не взлетит.
Места знать надо, или В чем сила геотегов
Иван Залой
1
комментарий
0
читателей
Полный профиль
Иван Залой - Вот и чекинься в друзей... Стоит кнопку нажать, как грабитель к тебе в квартиру завалится. Как жить-то теперь?...
Конференция про новый маркетинг. Performance 360
Мария Романова
16
комментариев
0
читателей
Полный профиль
Мария Романова - Дамир, поправили, спасибо!
Snapchat расскажет рекламодателям, сколько человек посетило их заведения после просмотра рекламы
Игорь Ходырев
2
комментария
0
читателей
Полный профиль
Игорь Ходырев - Ну как бы не факт, что он пришел в заведение благодаря рекламе, а не по совету знакомого или просто потому, что оно ближе к его дому или еще 100500 факторов. И к тому же есть еще куча пользователей, которые не откроют снеп в заведении. Еще одна бесполезная вещь. Хотя можно оценивать прирост, а это уже хоть что-то.
Как использовать динамическую обложку ВКонтакте: советы от МегаФона
Кирилл Бедратый
1
комментарий
0
читателей
Полный профиль
Кирилл Бедратый - Добрый день! Почему в статье нет ссылки на разработчиков ?
Facebook позволит владельцам контента получать доход от украденных у них видео
Алексей Наталушко
1
комментарий
0
читателей
Полный профиль
Алексей Наталушко - Отличная новость! Надеюсь видео-маркетинг, с помощью данных манипуляций выйдет на качественно новый уровень
5 способов кросс-продвижения в социальных медиа
Татьяна Кондратьева
1
комментарий
0
читателей
Полный профиль
Татьяна Кондратьева - Благодарю автора - отличная статья. Когда выбираешь способ партнерского продвижения, полезно знать все альтернативы, чтобы выбрать оптимальный вариант. А также видишь, что еще не попробовал пустить в дело :)
Мифы в креативе
Александра Дорофеева
1
комментарий
0
читателей
Полный профиль
Александра Дорофеева - Если реклама с рекламных фестивалей продает лучше, почему ее не пускают на телевидение или на ютуб каналах?
ТОП КОММЕНТАТОРОВ
Комментариев
152
Комментариев
139
Комментариев
126
Комментариев
109
Комментариев
88
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
60
Комментариев
52
Комментариев
45
Комментариев
41
Комментариев
40
Комментариев
39
Комментариев
38
Комментариев
32
Комментариев
25
Комментариев
23
Комментариев
19
Комментариев
19
Комментариев
18
Комментариев
18
Комментариев
17
Комментариев
17
Комментариев
17

Отправьте отзыв!
Facebook
ВКонтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх