Сайт — стандарт для бизнеса в 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 предлагает более гибкие шаблоны. В отличие от простых конструкторов, он позволяет передвигать все элементы и перемещать надписи. Сайты можно сделать разнообразными, дизайн — практически любым.
В нем много дополнительных возможностей: фон в виде интерактивной картинки или видео, вставка элементов Facebook и автоматически обновляемой ленты Twitter и, в конце-концов, вставка HTML-кода.
Чтобы вы не потерялись в более сложном сервисе, Readymag предлагает бесплатный журнал по правилам дизайна и верстки с примерами сайтов.
Минус: потребуются базовые знания дизайна, время и усилия, чтобы получить уникальный сайт.
Цена: $192 за год (бесплатный тариф позволит создать журнал, а не продающий сайт — и вы не сможете его опубликовать)
Примеры сайтов: в разделе Made with Readymag
Вебфлоу — для тех, кто хочет почувствовать себя профессиональным создателем сайтов
В Вебфлоу создание сайта повторяет процесс верстки в коде, только без кода. Как профессиональным верстальщикам, вам придется создавать стили для блоков. В стиле содержится информация об отступах блока во все стороны, а для схожих блоков применяется один стиль. Сервис позволяет воплотить вашу идею сайта с точностью до пикселя.
С первого раза быстро сделать сайт не получится. Вам придется потратить некоторое время, чтобы разобраться с сервисом. При должном навыке, верстальщики создают страницу за 1-2 часа, но для этого нужно сверстать много сайтов. Если вы планируете остановиться на одном, скорее всего, Вебфлоу не для вас.
Если вы готовы самостоятельно настраивать стили и подбирать интервалы и не боитесь сервиса на английском языке, начните с обучающих видео на английском — они простые, наглядные и не требуют разговорного уровня.
Вы можете экспортировать код и разместить сайт на собственном хостинге, независимом от сервиса. Во время создания сайта в любой момент вы можете посмотреть, как ваши действия влияют на код.
Минус: без пол… недели просмотра роликов и экспериментов со стилями не разобраться.
Цена: минимальный тариф за $144 в год
Примеры сайтов: 10 лучших сайтов на Вебфлоу
Применяйте сервисы для создания сайтов творчески
Все четыре сервиса подходят для создания сайтов разного плана — например, в Тильде публикуют интернетовский самиздат, в Readymag есть примеры великолепных альбомов с фотографиями и портфолио. Освоив один из сервисов, вы сможете не только сделать продающий сайт, но и реализовывать множество других идей.
Выводы
- Вы можете самостоятельно создать сайт для бизнеса. Начните с текста о продукте и прикиньте расположение блоков (прототип).
- В большинстве случаев вам подойдут сервисы Тильда и wix, которые гарантируют отличный дизайн с минимальными усилиями.
- Если в вашем бизнесе важна уникальность сайта или конкуренты уже используют сайт на Тильде или wix — воспользуйтесь визуальными редакторами Вебфлоу и Readymag.
- Не обязательно зависеть от сервиса и хранить в нем свой сайт. Вы можете перенести сайт на собственный хостинг (кроме wix).
- Освойте любой сервис для создания сайтов, и вы сможете реализовать множество творческих проектов в интернете для бизнеса и для себя — фотоальбомы, портфолио, пресс-киты, графические романы — возьмите известные форматы или придумайте свой.
Поделитесь своим опытом создания сайтов при помощи специальных сервисов в комментариях.
P.S. Для желающих разобраться в верстке рекомендуем учебник Типографика и верстка от Бюро Горбунова.
Судя по поисковым запросам о WIX, по которым приходят на мой сайт, проблемы у всех "пострадавших" одни и те же - медленно работает, нельзя ускорить, нельзя перенести куда-то, плохая поддержка.
Недавно один даже звонил: "Перенесите мой сайт с WIX на другую платформу" - " А что случилось?" - "Я не заплатил и всё пропало"...
http://designpreppy.ru/layout.html
Давайте я даже поменяю ссылку в статье.
Почему? При необходимости расширить функционал Вы упретесь в невозможность это сделать.
Почему? Профессионалы не возьмут Ваши задачи в работу, студенты, возможно, не смогут выполнить желаемое.
Как результат, Вам придется обратиться в веб-студию, где Вам предложат создать новый сайт за сумму с 4 или 5 нулями.
Результат: Вы потеряете свое время на создание сайта и изучение тех вещей, которые Вам не пригодяться в бизнесе + позже оплатите полную сумму за новый сайт. Доверяйте профессионалам.
Я делал на Опенкарт, очень удобная вещь. И да, соглашусть с Денисом - лучше доверить профессионалам, при этом самому немного узнать тему.
Для начинающего бизнеса конструктор — это неплохо. Он позволит разместить контактные данные, зарегистрировать домен. Так сайт будет набирать возраст, а чем сайт старше, тем легче его продвигать потом.
Главное помнить, что конструкторы это быстрый старт, но если бизнес растёт и интернет приносит вам больше 30% клиентов (процент зависит от сферы, оборотов), то стоит переходить от конструктора к специалистам. Сайт должен содержать актуальные данные, помогать покупать клиентам и автоматизировать рутинные операции для менеджеров, чтобы сокращать время на обслуживание клиентов.
18% - это хороший показатель для большого магазина, но в стране полно бизнесов, которые торгуют только онлайн, т.е. доля 100%. У меня по одному из направлений 100% продаж - из онлайна, и таких направлений полным-полно (любой цифровой контент, например, книги, онлайн-обучение...)
Так что долю надо смотреть либо по отдельному сегменту (и мы понимаем, что есть сегменты с долей даже 100%), либо выводить "среднюю температуру по больнице" - с учётом не только доли, но и порядка оборотов. Тогда, наверное, 30% и будет (много мелких под 100% и несколько крупных с долей около 20%)... Сами понимаете, что точных данных об этом не будет, т.к. не все ими делятся.
А вот Эльба как раз могла бы по своим клиентам сделать выборку, например, по доле онлайн-оплат (Яндекс.Касса, Робокасса, Пэйпал и т.п.), поступивших на счета клиентов.
Конечно, если бизнес — это автомастерская в каком-то удобном месте, то им вместо сайта проще баннер распечатать и повесить "мастерская тут". Эффект будет ощутимее.
говорю как разработчик)
Интернет-магазин то у меня есть. Но никак не могу найти продвиженца. Кто сможет посоветовать человека, который вам уже продвигал сайт или магазин?
Звоните пожалуйста только по данной теме.
Заранее спасибо!
Буду рассказывать своим новым клиентам, как можно вести бухгалтерию без геморроя с помощью "Мое дело"))))))
"В подарок" ничего хорошего ни в одном банке не дадут.
> не дорого стоило, за год примерно 4500.
Примерно в 2-3 раза больше того, чем платят в год мои клиенты за небольшие проекты. Видимо, в этом и была суть "подарка".
> тупо предлагают вбухивать в контекстную рекламу
А вы хотите продажи без вложений в рекламу? "Сарафанное радио" не всем доступно, особенно на начальном этапе.
Из наблюдений: одна клиентка с исключительно кривым и некачественным сайтом решает все свои проблемы массированной закупкой рекламы. Таки именно что тупо вбухивает. Так вот, она не просто живёт с доходов своего магазинчика: она может себе позволить жить в любой стране за эти деньги, и жить так, как ей нравится. А предложение снизить затраты на рекламу её, скорее, пугает.
самый адекватный и качественный на рынке.
Посмотрела ваши Рэдимаг и Вебфлоу - у них код "говнее", чем в Muse :)) Уже несколько лет работаю именно с Мьюз (выбирала из всех редакторов менее говнокодистый), и могу сказать - он лучший. Но для дизайнеров )) В качестве лендингов идет на "ура". А вот в качестве классики для малого и среднего бизнеса - Wordpress: раньше скептично относилась к этому движку, но он сделал отличный прорыв, что радует.
Возвращаясь к Muse: к нему легко прикрутить любой код, главное, чтобы прикручивал человек, который вам этот сайт (лендинг) и делал, а не отдавать его верстальщику-программисту. По опыту также скажу, что клиентов мало волнует "супер-идеальный код от гуру-программиста", клиенту важно, чтобы сайт ПРО-ДА-ВАЛ :))
Очень хорошая профессиональная платформа для создания сайтов и особенно интернет-магазинов. Не требует навыков программирования. Сайты выглядят очень круто ! Пишите slist@bk.ru