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

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

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

При поддержке конструктора сайтов 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
    -
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА ЛАЙКНИ
Influence-маркетинг: 5 способов бюджетно влиять на аудиторию
Гость - realinsta точка ru
Пользователи ВК потеряли возможность слушать музыку в старых приложениях соцсети
Александр Петровский
1
комментарий
0
читателей
Полный профиль
Александр Петровский - Зачем пользоваться официальными приложениями? Пользуйтесь Kate Mobile например
Компания в соцсетях есть, а толку нет? Проверьте себя на возможные ошибки
Геннадий Кожемякин
1
комментарий
0
читателей
Полный профиль
Геннадий Кожемякин - Вопросы поставлены правильно, но ответы вялые
ВКонтакте рассказал, что случилось с музыкой в соцсети
Сергей Александров
1
комментарий
0
читателей
Полный профиль
Сергей Александров - Люди просто жадные. За все нужно платить.
Спасибо, что живой: как написать интересный пост для SMM
Иван Тюхов
1
комментарий
0
читателей
Полный профиль
Иван Тюхов - Анна, день добрый. А можете привести примеры постов, которые вам нравятся?
Как увеличить количество заказов через Instagram в 6 раз
Александр Смирнов
3
комментария
0
читателей
Полный профиль
Александр Смирнов - Самый быстрый и качественный способ это добавить живых подписчиков к себе в Инстаграм, через сервис: realinsta точка ru
Как мы получили 7000 целевых действий с помощью ремаркетинга myTarget
Cookie Cookie
1
комментарий
0
читателей
Полный профиль
Cookie Cookie - Евгений, формат "карусели" в mytarget позволяет размещать в рамках одного объявления сразу несколько изображений с товарами. Так пользователю напоминают о просмотренных ранее товарах (динамический ремаркетинг) или о товарах, на которые сейчас скидка (классический ремаркетинг)
Email-воронка и CPC: концепт digital-стратегии для сети пиццерий
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Игорь, добрый день! Спасибо за мнение. Некоторые ваши уточнения справедливы, некоторые, видимо, стоит прояснить. Вы правы: разделять, дополнять и уточнять, можно много чего. Ведь это концепт, цель – показать, как автоматические воронки продаж могут решать конкретную задачу. Точнее, здесь их две: запуск пиццерий и поиск партнёров. Если кому-то поможет, значит что-то полезное, да сделали:) Для кого говорим – владельцам франшиз, например. И здесь же кроется ответ на вопрос о дороговизне системы. В данном случае фишка в том, что решение создается на уровне франшизы. То есть техническая реализация воронок для пиццерий выходит копеечная, не нужно каждый раз строить новую систему. В этом вся суть франшизы Додо. А рекламные бюджеты - сами написали, все зависит от того, куда выходим. Насчет предзапуска – в Додо есть его отголоски на уровне соц. сетей. И это работает. Про бюджеты и траты пападжонс – скорее всего, тут у нас с вами просто недопонимание случилось. Мы это не из головы взяли, об этом Додо сами пишут. Это их цель, вырасти до масштабов крупных игроков на нашем, российском рынке. Кто-то тратит миллиарды, кто-то миллионы, кто-то сотни тысяч. Если Додо ставит перед собой большие задачи, где многие крутят пальцем у виска – они уже молодцы. Нам интересно с такими людьми работать, которые ломают голову, когти и зубы, а идут вперед, и у них рано или поздно получается. Не про Додо, а про малый и средний бизнес в принципе.
Facebook завысил данные прогноза по числу пользователей в разных странах
Sergei Krolikov
2
комментария
0
читателей
Полный профиль
Sergei Krolikov -
Кейс: Мой «первый раз» в SMM: этапы, инструменты, статистика, итоги
Мария Фомина
1
комментарий
0
читателей
Полный профиль
Мария Фомина - Спасибо, Екатерина! Тут уже вопрос личных предпочтений и приоритетов. :) у меня вот рука не поднимается публиковать подобное. А учитывая, что частично эксперимент just for fun - я могла это себе позволить :)
ТОП КОММЕНТАТОРОВ
Комментариев
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
ВКонтакте
Партнеры проекта [Уи лав ю соу мач!]
Наверх