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

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

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

При поддержке конструктора сайтов 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
Комментарии
1 комментарий
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Ольга Грязнова
    1
    комментарий
    0
    читателей
    Ольга Грязнова
    6 месяцев назад
    Добрый день! Спасибо! Очень познавательно, я многое не знада и "не видела"
    +
    0
    -
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
25 Telegram-каналов по SEO и SMM
Татьяна Половиченко
1
комментарий
0
читателей
Полный профиль
Татьяна Половиченко - Практика интернет-маркетинга - https://t.me/praima Канал агентства "Ашманов и партнеры". В основном пишут про SEO, но бывают полезные материалы про контекст, юзабилити и управление репутацией.
В помощь SMM-щику: как автоматизировать работу
Иван Серышев
9
комментариев
0
читателей
Полный профиль
Иван Серышев - Что кошачий бокс сдулся не ответил. Что администрация сайта..утратила доверие))) "Раскрути! Как? накрути)))"
4 причины, почему аналитика не нужна вашему бизнесу
Михаил Кирилин
1
комментарий
0
читателей
Полный профиль
Михаил Кирилин - Соглашусь с вашим комментарием - сравнение очень показательное. На самом деле, планируем серию материалов о работе нашего отдела аналитики, в которых будем более детально углубляться в процессы и компетенции.
Практическое руководство для сержантов digital-агентств: 14 правил
Ivan Tyuhov
2
комментария
0
читателей
Полный профиль
Ivan Tyuhov - Всегда пожалуйста :) Проблемы действительно у всех повторяются. Решишь одни - упрешься в другие. Самое классное - когда доходишь до проблем, которые другие не понимают :) Хороший показатель роста.
Музыка во ВКонтакте: бесплатно только 30 минут в сутки
Мария - Как ни странно, посещаемость не изменилась.
Роскомнадзор грозит заблокировать YouTube через сутки
Stanislav Sikorskij
1
комментарий
0
читателей
Полный профиль
Stanislav Sikorskij - не нормальные люди что тут сказать, блокируют сайты каторые нужны людям , и чем ети сайты им мешают ума не приложу, вы бы лучше на улицах порядки навели, где реально угроза есть человечеству ето на улице где убиваю людей сотнями, вот куда свой силы лучше направте, а не на сайты безобидные, фу стыд и ужас
Как сделать почтовые рассылки полезными: тренды email-маркетинга 2017 года
Aliccher
1
комментарий
0
читателей
Полный профиль
Aliccher - Совсем так не думаю, до сих пор в предпочтении почта в работе, нежели получать в личный мессенджер сообщения о сотрудничестве и о чём-либо. Тогда почему сейчас сервисы лидогенерации процветают, как например snov.io - верифицируя те же имейлы... Тут дело личное, кому как, но до сих пор юзаю почту и шлю предложения по работе на почту
Планы на неделю: куда пойти учиться?
Tanya Titova
1
комментарий
0
читателей
Полный профиль
Tanya Titova - Очень удобно и наглядно представлена информация! Спасибо большое!
Геймеры объединятся в рамках блокчейн-проекта
маша гамуля
1
комментарий
0
читателей
Полный профиль
маша гамуля - Еще больше новостей про блокчейн можно найти тут https://t.me/blockchainmagazine
Полезный функционал мессенджеров глазами email-маркетолога
Жаксылык Исмаилов
1
комментарий
0
читателей
Полный профиль
Жаксылык Исмаилов - В телеграм группах уже 30 000 человек можно собирать
ТОП КОММЕНТАТОРОВ
Комментариев
152
Комментариев
139
Комментариев
126
Комментариев
109
Комментариев
88
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
60
Комментариев
52
Комментариев
45
Комментариев
41
Комментариев
40
Комментариев
39
Комментариев
38
Комментариев
32
Комментариев
25
Комментариев
23
Комментариев
19
Комментариев
19
Комментариев
18
Комментариев
18
Комментариев
18
Комментариев
17
Комментариев
17

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