Создание сайта под ключ

Макет рисуем с нуля под ваш бизнес: ваши цвета, ваши фото, ваш тип клиента — поэтому сайт не похож на соседний.

Шаблон с маркетплейса — это костюм с витрины: его уже купили тысячи людей, и сделан он «под всех сразу». Стоматология, магазин дверей и служба доставки получат одинаковую сетку блоков и будут отличаться разве что логотипом и цветом кнопок.

Индивидуальный макет начинается с вопроса, что человек должен сделать на странице: позвонить, положить товар в корзину или оставить заявку. Под это действие выстраивается порядок блоков, размер кнопок и то, что видно на первом экране ещё до прокрутки. Макет вы видите и согласовываете до начала вёрстки — правки на этом этапе стоят только времени.

• первый экран строится под ваше главное действие
• цвета и шрифты берём из вашего фирменного стиля
• ваши фото работ и товаров вместо стоковых картинок
• макет согласовываете до вёрстки, а не после неё

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

Если фирменных цветов и логотипа ещё нет — скажите об этом на брифе. Это не повод откладывать сайт, оформление бренда просто решается отдельным шагом.

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

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

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

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

Как выглядит плохая мобильная версия: текст приходится увеличивать двумя пальцами, номер в шапке не нажимается, а кнопка «Заказать» прячется под другим блоком. Человек не пишет в поддержку — он просто закрывает вкладку. К тому же поиск учитывает удобство мобильной версии, поэтому такой сайт теряет и позиции.

Простая самопроверка: откройте свой нынешний сайт на телефоне и попробуйте одной рукой найти цену и позвонить. Если не получилось за полминуты — с адаптивом там непорядок.

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

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

Сайты делаем на распространённых системах — WordPress или OpenCart. Это важно не по техническим причинам, а по человеческим: вы не привязаны к одному подрядчику, потому что с такими системами умеет работать любой специалист. После запуска показываем, как пользоваться админкой, — для этого не нужно техническое образование.

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

Чего от админки ждать не стоит: она даёт менять содержимое, но не перерисовывать дизайн. Добавить десятый товар — вопрос двух минут, а сделать на странице совсем другой блок с новой логикой — это уже работа разработчика. Так и задумано: иначе сайт легко испортить одним неосторожным движением.

Самый рискованный вариант — сайт на самописной системе, которую понимает только её автор. Пока автор на связи, всё хорошо; как только он пропал, каждая запятая становится проблемой.

Мы сами переносим на сайт тексты, фото, карточки товаров и страницы — вы получаете заполненный сайт, а не пустой каркас с надписью «здесь будет текст».

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

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

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

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

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

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

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

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

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

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

Перед запуском отправьте заявку сами со своего телефона и проверьте, пришло ли письмо и не попало ли оно в спам. Мы это делаем обязательно, но лишняя проверка с вашей стороны ещё никому не помешала.

Сайт отдаём технически готовым к продвижению: поисковик может его нормально прочитать, а каждая страница имеет свой заголовок и описание для выдачи.

Мета-теги — это тот самый заголовок и две строки описания, которые человек видит в результатах поиска Google ещё до перехода на сайт. Если их не прописать, поиск подставит туда случайный кусок текста, и страница будет выглядеть небрежно среди конкурентов.

Разница между базовым SEO и продвижением простая. Базовое — это фундамент, который закладывается во время разработки: структура разделов, мета-теги, карта сайта для поисковых роботов, скорость загрузки. Продвижение — это уже регулярная работа месяцами. Сайт с нормальным фундаментом продвигать дешевле и быстрее, чем переделывать чужой.

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

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

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