Home Создаем свой сайт Как с нуля сделать сайт визитку для бизнеса самостоятельно и бесплатно: инструкция

Как с нуля сделать сайт визитку для бизнеса самостоятельно и бесплатно: инструкция

by admin

В этой статье я подробно расскажу о том как самому сделать сайт-визитку совершенно бесплатно. Я постараюсь охватить все самые важные вопросы начиная от выбора платформы и заканчивая созданием сайта в графическом редакторе. Статья будет длинная, так что заваривайте чай (или кофе), запасайтесь печеньками, мы начинаем…

Что такое сайт-визитка и для чего он нужен

Сайт-визитка это небольшой сайт, который предоставляет полную информацию о владельце бизнеса: товары, услуги, преимущества, отзывы клиентов, контактные данные.

Основная задача – подробная презентация вашего бизнеса для потенциального клиента. На ваш сайт будут приходить посетители из разных источников: контекстная реклама, социальные сети, поисковые системы, информационная рассылка и.т.д. Часть этих посетителей заинтересуется вашим предложением и сделает покупку или оставит заявку.

Если «сарафанное радио» уже не дает достаточно заказов и вы хотите получить больше клиентов из интернета, то визитка – это первое с чего следует начать.

Многие зададутся вопросом: «Зачем мне нужна визитка? Ведь у меня уже есть страничка в соц. сетях через которую я получаю заказы»

У сайта-визитки есть несколько важных достоинств:

  • Удобство. Вы можете выложить много полезной информации: фотографии, отзывы пользователей, полезные статьи, обзоры и т.д. Посетитель сможет легко найти интересующую его информацию.
  • Автоматизация. Есть возможность автоматизировать прием заявок и платежей. Все заявки будут попадать в отдельную панель, где вы сможете с ними работать. Меньше времени будет уходить на рутину.
  • Аналитика. К визитке можно подключить систему аналитики. Вы сможете контролировать источники трафика, поведение пользователей, конверсию, находить эффективные источники трафика и отключать неэффективные.

Сколько стоит создание качественной визитки

На этот вопрос нет однозначного ответа. Все зависит от того, будете делать все самостоятельно или обратитесь к специалисту-фрилансеру.

У специалиста визитка будет стоить от 3 до 5 тыс. в зависимости от размера и сложности сайта.

Если вы ограничены в средствах, лучше сделать сайт-визитку самому бесплатно, с помощью CMS или облачных конструкторов.

Не стоит забывать, что в любом случае вам нужно будет оплачивать хостинг (т.е. размещение сайта в интернете). Но стоить это будет совсем недорого – около 200 руб/мес. Некоторые конструкторы предлагают полностью бесплатные тарифы. Об этом мы расскажем ниже.

Выбираем платформу для будущего сайта: конструктор или CMS

Если вы хотите самостоятельно создать сайт-визитку для своего бизнеса, то у вас есть два возможных варианта: хостинг+CMS ИЛИ онлайн конструктор сайтов. Давайте вкратце рассмотрим оба варианта.

Вариант 1. Хостинг и CMS

Что такое хостинг я уже рассказывал в одной из статей. CMS расшифровывается как система управления контентом (например WordPress, Joomla, Битрикс и т.д.). Для тех, кто не знает о чем речь — полезная статья в википедии.

Этот вариант подходит для серьезных и перспективных проектов. Основные преимущества:

  1. Дизайн. Для начала можно использовать бесплатный шаблон или платную многофункциональную тему. В дальнейшем можно заказать у специалистов брендирование и уникальный дизайн.
  2. Функциональность. К сайту на CMS можно добавить любой функционал без ограничений. Помимо готовых расширений можно заказать уникальные функции у профессионального программиста.
  3. Доступ сотрудников. CMS позволяет организовать доступ сотрудников к сайту (дизайнер, контент-менеджер, маркетолог и т.д.)

К сожалению, если вы начинаете с нуля, и у вас нет опыта работы с WordPress вам будет сложновато. Будьте готовы потратить пару недель на изучение интерфейса и подключение необходимых тем и плагинов.

Вот сколько примерно будет стоить простенький сайт, созданный на CMS:

Статья расходовПримерная стоимостьПримечание
Домен100 руб для .ru и 500 руб. в .com Ежегодно
ХостингПростой виртуальный хостинг - 150-200 руб. Ежемесячно
CMSПроще всего взять WordpressБесплатно
ДизайнГотовый дизайн на Themeforest - 50$Единоразово
ЛоготипВ среднем 500-2000 руб.Единоразово

Вариант 2. Конструкторы сайтов

Если вы выбираете конструктор, то вам не нужно самостоятельно выбирать хостинг и осваивать wordpress. Создание сайта-визитки в конструкторе не требует никаких специальных знаний или умений и не сложнее чем создание странички в соц. сетях.

Отлично подходит для:

  • запуска простых проектов
  • быстрого получения первых клиентов из контекстной рекламы
  • тестирования различных бизнес идей и новых ниш

Основные плюсы:

  1. Просто и удобно. Конструктор берет на себя все технические проблемы, а вам остается только выбрать подходящий шаблон и добавить на сайт описание своего товара или услуги и контактные данные.
  2. Быстро. На создание сайта уйдет буквально 20-30 минут. Вам останется только настроить контекстную рекламу и вы начнете получать первых клиентов.
  3. Дешево. У некоторых конструкторов есть бесплатные тарифы, но их функционал значительно урезан. Скорее всего, вам придется со временем перейти на один из платных тарифов, но это не будет стоить больших денег. В среднем цены начинаются от 200 руб. в месяц.

Вариант 3. Заказать создание визитки «под ключ»

Если у вас есть необходимый стартовый капитал и вы не хотите тратить время на самостоятельные эксперименты, то можно заказать разработку сайта «под ключ» в веб-студии или у фрилансера.

Если вы решили выбрать именно этот вариант, будьте готовы к тому, что придется потратить довольно много времени на поиск подходящего исполнителя, просмотр портфолио, отзывов клиентов, согласование сроков и стоимости.

Кроме того, нужно помнить: чтобы получить хороший результат необходимо сформировать очень подробное ТЗ (техническое задание на разработку сайта) и заранее обговорить с исполнителем все нюансы предстоящей работы.

Со своей стороны, могу посоветовать веб-студию Divly. У них много хороших отзывов и вполне демократичные цены.

Что же все-таки выбрать?

Новичкам я советую выбрать конструктор сайтов. На первое время его хватит. Дальше, если ваш бизнес будет развиваться и ваши потребности возрастут, можно будет заказать полноценный сайт на любой другой платформе.

Лучшие конструкторы для сайта визитки в 2019 году

Вот список самых лучших конструкторов на русском языке, которые отлично подойдут для создания сайта визитки.

КонструкторШаблоныНа кого ориентированаСтоимость от 
 Ukit330Новички3,5$/мес. Попробовать
 Nethouse83Новички 225 ₽/мес. Попробовать
 Tobiz400Новички,
Продвинутые пользователи
450 ₽/мес.
Попробовать
 Ucoz300Продвинутые пользователи3$/мес. Попробовать
В этот укороченный список не попали многие очень хорошие конструкторы. Поэтому мы решили сделать подробный рейтинг лучших конструкторов для сайта в отдельной статье.

Создание сайта визитки своими руками на примере конструктора Ukit

Давайте посмотрим как выглядит процесс создания сайта визитки на примере конструктора Ukit. Почему я выбрал именно его? Вот несколько основных преимуществ:

  • Узкая специализация. Юкит ориентирован именно на создание сайтов-визиток для малого и среднего бизнеса.
  • Дизайн. В системе более 300 различных шаблонов оформления различных тематик. Все шаблоны выглядят стильно и современно и адаптированы под мобильные устройства. Кроме того, есть возможность заказать уникальный дизайн для своего сайта.
  • Простота. Ukit отличается от других конструкторов простотой интерфейса. Для того, чтобы освоить графический редактор вам понадобиться от силы 10-15 минут.
  • Функциональность. Сервис предоставляет все необходимые функции: домен второго уровня, SEO-оптимизация, почта, аналитика, SSL-сертификат.
  • Интеграция с AmoCRM. Вы можете связать свой сайт с CRM и получить дополнительные возможности работы с поступающими заявками: сбор заявок в одном месте, обзвон клиентов из панели управления, дополнительные аккаунты для маркетологов, построение воронки продаж и т.д.
  • Хорошие отзывы. У Ukit сложилась хорошая репутация в интернете и много положительных отзывов.

Читайте также: конструктор сайтов Ukit: подробный обзор, достоинства и недостатки, отзывы пользователей.

Первое что необходимо сделать — зарегистрироваться на сайте.

При регистрации необходимо указать адрес электронной почты.

Выбираем шаблон

Следующий шаг — выбор шаблона для будущего сайта. Слева вы увидите меню, в котором все шаблоны разбиты по различным тематикам (ведущий, визажист, фотограф, юриспруденция и т.д.)

Для примера, я выбрал шаблон из раздела фотограф.

Выбор шаблона

Выбираем доменное имя

На следующем шаге вам предложат выбрать доменное имя 3-го уровня вида: www.sitename.ukit.me. В дальнейшем, можно будет отдельно купить домен второго уровня (site.ru).

Домен можно приобрести как у стороннего регистратора, так и напрямую в личном кабинете Ukit.

Заполняем контактные данные

Теперь необходимо указать название, контактные данные (адрес, телефон, электронная почта) и ссылки на страницы в соц. сетях.

Редактируем шаблон

Мы попадаем в окно графического редактора и приступаем к редактированию шаблона.

Весь макет разбит на различные блоки: логотип, название, контакты, текстовые блоки, карточки услуг, таблицы тарифов, галереи фотографий и т.д. Mы можем добавить или убрать любой блок, а также менять некоторые блоки местами.

Первое, что нам необходимо сделать — это заполнить главную страницу. Главная страница — это лицо вашего сайта. Ваша основная задача — красиво презентовать ваши услуги или товар, вкратце рассказать о достоинствах и недостатках, преимуществах работы с вами и отличие от конкурентов.

Кроме того, с главной страницы нужно поставить ссылки на другие страницы (например, контакты, о себе или портфолио), чтобы заинтересованный посетитель смог перейти и ознакомиться с более подробными материалами.

Редактируем шапку

Шапка находиться в самом верху страницы. Содержит ваши контактные данные и ссылки на соц. сети, логотип и название сайта, ссылки на другие страницы.

Каждый элемент можно отредактировать по своему вкусу. Достаточно просто подвести курсор и щелкнуть мышкой на нужном блоке. Вы можете заменить содержание блока и его дизайн (цвет, шрифт, выравнивание и т.д.) а также добавить новые ссылки в главное меню.

Переходим к слайдеру

Слайдер это несколько красивых фотографий, которые сменяют друг друга. Он нужен для привлечения внимания.

Вы можете добавить свои собственные фотографии для каждого слайда. К фотографиям можно добавлять текстовые блоки и ссылки на другие страницы.

Текстовая презентация

Здесь сосредоточена основная смысловая нагрузка главной страницы. Вам нужно вкратце рассказать об услугах которые вы оказываете, перечислить свои основные преимущества, указать стоимость и тарифы.

Для примера, фотограф может коротко написать два три предложения про себя и оставить ссылку на страницу с подробной биографией (кнопка «Подробнее»)

Внизу можно перечислить виды и стоимость фотосессий (например свадебная, индивидуальная, семейная и т.д.). Если пользователь заинтересуется и щелкнет мышкой на карточку с фотосессией, он попадет на страницу «Услуги».

Следующий блок — наша команда

Здесь можно представить посетителю каждого члена вашей команды. Если вы работаете один(одна), то этот блок можно просто удалить.

Портфолио

Еще одни необходимый элемент главной. Здесь можно опубликовать самые лучшие примеры вашей работы. Не нужно слишком перегружать страницу. Достоточно 5-6 фотографий. Остальные фотографии пользователь может подробно рассмотреть на странице «Портфолио» (на неё ведет кнопка с надписью «Смотреть все»).

Форма обратной связи

Обязательный элемент любой страницы вашей визитки. С помощью этой формы посетитель сможет связаться с вами и оставить заявку.

Другие страницы сайта

Теперь можно переходить к редактированию других страниц.

  • Услуги. Эта страница во всех подробностях знакомит посетителя с услугами которые вы предоставляете: стоимость, условия, скидки, объем работ. Здесь клиент может выбрать подходящий тариф и оставить заявку.
  • Портфолио. Здесь можно разместить полную версию портфолио и отзывы клиентов.
  • Контакты. Схема проезда, адрес, телефон, e-mail, соц.сети, форма обратной связи.
  • Блог. Это необязательная страница. Здесь вы можете публиковать различные материалы полезные вашей аудитории. Это привлечет на ваш сайт дополнительный поисковый трафик.

Панель управления

Для того, чтобы перейти к панели управления нужно щелкнуть на значок в левом верхнем углу экрана.

Отсюда вы можете управлять своим сайтом. Вот основные функции, которые вам будут полезны:

  • Тариф. Каждому новому сайту дается бесплатный тестовый период длиной 14 дней. Дальше нужно будет перейти на один из платных тарифов. Цены начинаются от 3,5$ в мес.
  • Домен. Здесь можно выбрать домен второго уровня.
  • Статистика. К сайту можно добавить статистику Яндекс Метрика или Google Analytics.
  • Продвижение. Здесь вы найдете все необходимые инструменты для SEO-оптимизации.
  • AmoCRM. Здесь можно интегрировать вашу визитку с AmoCRM.
  • SSL-сертификаты. Вы можете подключить SSL-сертификат, чтобы обеспечить зашифрованное соединение между браузером и сервером. Подробнее о том, что такое SSL-сертификат и для чего он нужен можно прочитать в этой статье на Habrahabr.

Заключение

Я постарался максимально подробно рассказать про все этапы создания сайта визитки. Возникли вопросы? Обязательно напишите об этом в комментариях и обязательно отвечу и дополню статью. Кроме того, не забудьте вступить в нашу группу в контакте, чтобы следить за всеми обновлениями блога и получать интересные и полезные новости.

3 комментария
0

Вам также может пригодиться:

3 комментария

Виталий 21 октября 2018 - 11:05

Здравствуйте, посоветуйте какой-нибудь конструктор, который подходит для чайников. Хочется чтобы все было максимально просто и понятно, без кучи лишних функций и сложных терминов

Reply
admin 21 октября 2018 - 11:15

Сейчас почти все современные конструкторы делаются для «чайников». Так что можете смело выбирать любой и регистрироваться…

Reply
Валентин 20 января 2019 - 6:13

Здравствуйте! подскажите, правильно ли все я понял? захожу на сайт любого редактора (например reg.ru), создаю из шаблонов сайт визитку, вношу всю информацию, далее выбираю имя домена, которое свободно (меня интересует домен «ru»), оплачиваю его картой. после этого можно зайти в браузер, ввести домен и сайт уже будет работать? или есть какой то период ввода его в эксплуатацию? необходимо ли для простого сайта визитки покупать дополнительно хостинг и сервер? и для чего они нужны?

Reply

Leave a Comment