Сайт — стандарт для бизнеса в XXI веке. Дорогие сайты крупных компаний разбаловали пользователей и повысили уровень ожиданий. Чтобы сайт не пугал пользователей, отнеситесь к делу серьезно. Представьте, что каждая деталь — это 10 привлеченных или ушедших клиентов. Мы расскажем, как сделать хороший сайт самостоятельно, даже если вы не дизайнер, и слова body и head для вас — части тела на английском.
Общие советы для продающего сайта
Сайт — форма, предложение купить — содержание.
Сами по себе красивый дизайн и оформление не привлекают, равно как и расплывчатые фразы «самый классный продукт» и «лидер рынка». Если покупатель не увидит личной пользы и почувствует, что продукт навязывают, он убежит на другие сайты.
Сайт — цельная история о вас и вашем продукте для покупателя. Это реальные факты о бизнесе, которые вы показываете как преимущества для пользователя. Например, вы продаете стол. Факт, что он из массива дерева, преимущество — прочность, долгий срок службы и естественная красота структуры.
В большинстве случаев вам нужен одностраничный сайт. Главное правило одностраничника — «купи или умри»: никаких ссылок, никаких разделов «контакты» и «о компании» — вся ценная информация на одной странице с регулярными предложениями в стиле «заказать» и «получить консультацию». Боритесь за то, чтобы клиенту не оставалось ничего, кроме как согласиться с вашими аргументами и совершить покупку.
Сперва нарисуйте прототип
В прототипе вы определяете последовательность вашей истории о продукте, способы подачи информации и положение картинок и значков. Прототип можно нарисовать на бумажке, главное — понимать, как ваш сайт будет выглядеть. Иначе вы потратите много времени на перемещение элементов при создании сайта и скомкаете свое обращение к клиентам.
Профессиональная программа для работы с прототипами — Axure. Для начинающих она не подойдет из-за сложного интерфейса и множества лишних функций, вроде создания интерактивных прототипов, неотличимых от сайтов. После завершения работы вы не сможете перенести прототип на сайт и вам придется заново заниматься тем же самым.
Вам нужна простая программа, чтобы прикинуть расположение блоков сайта. Вы можете найти десятки подобных программ в интернете, но проще всего обратиться к Publisher. Microsoft Publisher входит в комплект Microsoft Office и, скорее всего, уже установлен на вашем компьютере. В нем вы сможете создать прототип в привычных условиях: и меню, и элементы напоминают Word.
Конструкторы сайтов
Конструкторы содержат шаблоны блоков. Все расстояния между надписями, пропорции и расположение заголовков выверены профессиональными дизайнерами. Почему бы и не использовать концентрированный чужой опыт? На вашей стороне чьи-то многочисленные пробы и ошибки и дизайнерский естественный отбор.
Тильда и wix — для всех
Самые популярные и многофункциональные конструкторы — Тильда и wix. Обе платформы предлагают набор блоков, в которых уже решено «где писать» и «как писать». Вам остается выбрать подходящие блоки и заполнить их текстом и картинками.
Обе платформы предлагают ряд образовательных статей (блог Тильды и блог wix), полезных для ведения бизнеса в интернете. В Тильде даже есть платные курсы по дизайну и маркетингу. Внутри они выглядят как великолепно сверстанные книжки, разбитые на главы. В курсе по маркетингу мы почерпнули много полезных знаний и остались довольны. Курс по дизайну не видели и ничего не можем о нем сказать.
Сайтом на Тильде вы можете распоряжаться, как пожелаете: перенести на свой домен, встроить в свой сайт, экспортировать код. Wix официально запрещает перенос сайта на собственный хостинг. Единственное, что вы можете сделать — задать свой адрес сайта, и только на тарифе Премиум.
Минус: много сайтов похожих на ваш в Сети. Продвинутые пользователи интернета быстро определят: «Этот сайт на платформе Тильда; значит, разработать полноценный сайт поленились».
Цена: Тильда — минимум 6000 р. в год (+ домен в подарок), wix — минимум 3000 р. в год (дешевле — с рекламой wix на вашем сайте).
Примеры сайтов: 10 отличных сайтов на wix и много сайтов на Тильде
Визуальные редакторы
В визуальных редакторах нет готовых блоков и дизайнерских решений. За содержание сайта полностью отвечаете вы: шрифты, интервалы, расположение всех элементов в ваших руках.
Самых популярных визуальных редакторов три — Adobe Muse, Вебфлоу и Readymag. Muse нужно скачивать на ПК, он ориентируется на профессиональных дизайнеров, а главное, выдает плохой код. Если вам потребуется дополнительное программирование, скорее всего, верстальщик откажется со словами о «говнокоде». Поэтому рекомендуем Readymag и Вебфлоу.
Readymag — для людей с базовыми знаниями дизайна и верстки
Readymag — российская компания как и Тильда. Первоначально предназначался для интернет-журналов, но оказался удобным для создания лендингов.
Readymag предлагает более гибкие шаблоны. В отличие от простых конструкторов, он позволяет передвигать все элементы и перемещать надписи. Сайты можно сделать разнообразными, дизайн — практически любым.
В нем много дополнительных возможностей: фон в виде интерактивной картинки или видео, вставка элементов из соцсетей и автоматически обновляемой ленты Twitter и, в конце-концов, вставка HTML-кода.
Чтобы вы не потерялись в более сложном сервисе, Readymag предлагает бесплатный журнал по правилам дизайна и верстки с примерами сайтов.
Минус: потребуются базовые знания дизайна, время и усилия, чтобы получить уникальный сайт.
Цена: $192 за год (бесплатный тариф позволит создать журнал, а не продающий сайт — и вы не сможете его опубликовать)
Примеры сайтов: в разделе Made with Readymag
Вебфлоу — для тех, кто хочет почувствовать себя профессиональным создателем сайтов
В Вебфлоу создание сайта повторяет процесс верстки в коде, только без кода. Как профессиональным верстальщикам, вам придется создавать стили для блоков. В стиле содержится информация об отступах блока во все стороны, а для схожих блоков применяется один стиль. Сервис позволяет воплотить вашу идею сайта с точностью до пикселя.
С первого раза быстро сделать сайт не получится. Вам придется потратить некоторое время, чтобы разобраться с сервисом. При должном навыке, верстальщики создают страницу за 1-2 часа, но для этого нужно сверстать много сайтов. Если вы планируете остановиться на одном, скорее всего, Вебфлоу не для вас.
Если вы готовы самостоятельно настраивать стили и подбирать интервалы и не боитесь сервиса на английском языке, начните с обучающих видео на английском — они простые, наглядные и не требуют разговорного уровня.
Вы можете экспортировать код и разместить сайт на собственном хостинге, независимом от сервиса. Во время создания сайта в любой момент вы можете посмотреть, как ваши действия влияют на код.
Минус: без пол… недели просмотра роликов и экспериментов со стилями не разобраться.
Цена: минимальный тариф за $144 в год
Примеры сайтов: 10 лучших сайтов на Вебфлоу
Применяйте сервисы для создания сайтов творчески
Все четыре сервиса подходят для создания сайтов разного плана — например, в Тильде публикуют интернетовский самиздат, в Readymag есть примеры великолепных альбомов с фотографиями и портфолио. Освоив один из сервисов, вы сможете не только сделать продающий сайт, но и реализовывать множество других идей.
Выводы
- Вы можете самостоятельно создать сайт для бизнеса. Начните с текста о продукте и прикиньте расположение блоков (прототип).
- В большинстве случаев вам подойдут сервисы Тильда и wix, которые гарантируют отличный дизайн с минимальными усилиями.
- Если в вашем бизнесе важна уникальность сайта или конкуренты уже используют сайт на Тильде или wix — воспользуйтесь визуальными редакторами Вебфлоу и Readymag.
- Не обязательно зависеть от сервиса и хранить в нем свой сайт. Вы можете перенести сайт на собственный хостинг (кроме wix).
- Освойте любой сервис для создания сайтов, и вы сможете реализовать множество творческих проектов в интернете для бизнеса и для себя — фотоальбомы, портфолио, пресс-киты, графические романы — возьмите известные форматы или придумайте свой.
Поделитесь своим опытом создания сайтов при помощи специальных сервисов в комментариях.
P.S. Для желающих разобраться в верстке рекомендуем учебник Типографика и верстка от Бюро Горбунова.
Статья актуальна на