Как создать сайт-визитку самому

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

2018-07-10 245 Евгений Куликов Рейтинг: 5.0

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

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

Регистрация и выбор шаблона

Для старта работы на uKit нужно ввести адрес электронной почты и придумать пароль или авторизоваться через аккаунт в одной из социальных сетей.

После регистрации появится страница, на которой представлены шаблоны. Они разделены по сферам деятельности на четыре десятка тематик. Для удобства навигации можно также использовать разделы «Лучшие», «Новые», «Одностраничные» и «Универсальные».

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

После выбора шаблона задайте сайту имя. В пробный период, который длится 14 дней, доступен домен третьего уровня. После оплаты премиум-тарифа вы сможете прикрепить домен второго уровня. Всего тарифных плана четыре:

Для запуска визитки будет достаточно инструментов, которые предлагает тариф «Премиум». Если нужно больше профессиональных шаблонов, можно перейти сразу на тарифный план «Премиум+». При наличии опыта в программировании и веб-дизайне можно попробовать тариф «Про» — в нём максимально раскрывается функциональность конструктора: есть возможность вставлять код и создавать собственные цветовые палитры.

Настройка сайта

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

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

Для управления сайтом и настройки содержимого используйте панель администратора. Она включает три раздела:

  1. Страницы – добавление, удаление и настройка страниц.

  2. Конструктор – добавление на страницу контента, галереи, кнопок социальных сетей и т.д.

  3. Дизайн – управление цветовой схемой и фоном сайта.

Начинать следует с добавления страниц. Кнопка «Добавить» позволяет создавать новые страницы, однако сильно увлекаться не нужно: визитка должна быть небольшой, но информативной. Не забывайте про настройки, основные и SEO. В основных настройках указывается название страницы, в SEO – заголовок, описание, ключевые слова и адрес. Без этих параметров страница будет некорректно индексироваться поисковыми роботами, поэтому проверьте, чтобы они были правильными.

После создания страниц основным разделом для работы станет «Конструктор». Всё, что вы видите на странице, может быть удалено, передвинуто и отредактировано. Но главное в создании сайта — добавление нужных виджетов и блоков. 

  • Блоки — части страницы, которые выполняют определённую функцию: меню, подвал сайта, контакты, карточки с преимуществами и т.д.
  • Виджеты — элементы, из которых выстраиваются блоки и страницы: текстовое поле, изображение, слайдер, поиск, видео и т.д.

После создания структуры сайта и страницы можно переходить к настройке внешней привлекательности. За неё отвечает раздел «Дизайн». В нём вы найдёте цветовые схемы, фон сайта, шрифтовые пары. 

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

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

Что должно быть на сайте-визитке?

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

  • «О нас»
  • «Услуги»
  • «Преимущества»
  • «Цены»
  • «Контакты»

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

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

Если посетитель заинтересуется предложением, ему должно быть удобно с вами связаться. Контактные данные — на самом видном месте. Телефон, адрес, точка на карте, схема проезда — всё будет полезным. Форма обратной связи или лайв-чат — для, тех, кто не любит разговаривать по телефону.

У посетителей наверняка будут возникать одинаковые вопросы. Ответьте на самые частые из них заранее в специальном разделе. Обязательно расскажите о себе, желательно от имени руководителя — это делает взаимодействие с компанией или специалистом более личным. 

Не бойтесь экспериментировать с дизайном, но будьте осторожны. Есть вещи, которых на визитке быть не должно:

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

О последнем на uKit можно не беспокоиться: цветовые схемы здесь подобраны гармоничны, а сделать их хуже можно только на тарифе «Про». На других премиум-планах цвета выбираются из пресетов, что гарантирует привлекательный вид без применения знаний и навыков в веб-дизайне.

Сколько уйдет времени на создание?

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

После изучения всех инструментов и возможностей uKit можно поставить создание сайтов на поток. Все блоки и виджеты автоматически выстраиваются по сетке и правильно отображаются на экранов разных размеров, поэтому вы экономите время на тестировании адаптивности.