Эту схему мы дорабатываем после каждого проекта: смотрим, где потеряли время, где заказчику было непонятно, где правки пошли по второму кругу, — и убираем причину. Сейчас процесс выглядит так.
Семь этапов разработки сайта:
- Знакомство
- Структура
- Сайты
- Разработка
- Проверка
- Запуск и обучение
- Поддержка
Чем наш процесс отличается? Мы не берём готовый шаблон и не меняем в нём картинки. Структура, дизайн и тексты каждого сайта делаются с нуля под конкретный бизнес.
Знакомая история: студия собрала пожелания, пропала на месяц и вернулась с сайтом, который «примерно то, но не то». У нас иначе. Процесс повторяемый и прозрачный, согласования идут по ходу работы, а не в конце, и на каждом этапе вы видите промежуточный результат. Поэтому на выходе — сайт, который вы хотели, а не который получилось сделать.
Идём дальше.
Из-за чего обычно срываются проекты сайтов
У разработки сайта есть типичные проблемы, и, возможно, именно из-за них вы откладывали проект. Мы называем их заранее, чтобы для вас не было сюрпризов. Вот самые частые:
- Никто не сформулировал, каким должен быть результат
- Плохая связь: вопросы неделями ждут ответа
- Сроки съезжают, и никто не знает почему
- Бюджет посчитан «на глаз» и не сходится
- Задача растёт по ходу: «а давайте ещё вот это»
- Платформа не позволяет сделать то, что нужно
Хорошая новость: со студией «Своя орбита» эти проблемы вас не касаются. Процесс построен так, чтобы не давать им появиться: техническое задание и структура фиксируются письменно, вы получаете регулярные отчёты, задачи ведутся в трекере, к которому у вас есть доступ.
7 этапов разработки сайта: разбираем по шагам
Мы уже несколько раз упомянули «наш процесс». Вы наверняка думаете: «Звучит хорошо. А что конкретно вы делаете?»
Ниже — каждый этап подробно: что происходит, что нужно от вас, каких ошибок мы избегаем и какими инструментами пользуемся.
Этап 1: Знакомство
Хорошее начало решает половину дела. Поэтому знакомству мы уделяем больше времени, чем принято: чем лучше поймём ваш бизнес на старте, тем меньше переделок потом.
Что входит в этап знакомства:
- Анкета о вашем бизнесе и разбор ответов
- Стартовая встреча по видеосвязи: знакомимся, задаём вопросы, слушаем, как вы сами рассказываете о компании
- Выясняем, что сайт должен делать для вас: приводить заявки, продавать, объяснять, отсеивать нецелевых
- Составляем график работ и договариваемся о правилах: сколько раундов правок, как быстро отвечаем друг другу, где живут задачи
- Набрасываем первую структуру сайта
- Собираем материалы: логотип и фирменный стиль, тексты, фото, прайсы, документы
Кажется, что для одной встречи это много. Но у нас есть отработанный сценарий, и обычно всё укладывается в полтора часа. Главное здесь — договориться об одном и том же понимании задачи с первого дня.
Так мы избегаем ошибок, которые обычно стоят проекту недель:
- Начать рисовать сайт, не договорившись, что считать результатом
- Замолчать проблему и узнать о ней, когда сроки уже съехали
- Растерять материалы по почте и мессенджерам и потом собирать заново
К концу стартовой встречи волнение обычно проходит: понятно, кто что делает, когда и что будет дальше. Вы видите, что проект в надёжных руках, с первого дня.
Вы также заметите, что работа организована: у нас есть набор инструментов, в которых живёт каждый проект. Мы используем:
- Видеосвязь для встреч, с записью и конспектом
- Трекер задач, куда у вас есть доступ
- Менеджер паролей для безопасной передачи доступов
- Таблицы для структуры сайта и чек-листов проверки
- Общий документ с еженедельными отчётами о ходе работы
Этап 2. Структура
Как мы уже говорили, готовый шаблон мы с полки не снимаем. Сайт собирается с нуля: сначала каркас, потом всё остальное.
Начинаем с окончательной структуры сайта: какие страницы нужны, как они связаны, по каким запросам их будут искать. Потом рисуем прототипы — сначала главной, затем остальных ключевых страниц.
Прототип — это схема страницы без дизайна: где заголовок, где кнопка, где список услуг, где форма. По нему уже понятно, как сайт будет работать, хотя он ещё не «красивый».
Так мы отделяем логику от оформления, чтобы спор о цвете кнопки не мешал решать, что на странице вообще должно быть. По ходу второго этапа мы также:
- Собираем у вас тексты и материалы и примеряем их к прототипам — сразу видно, чего не хватает
- Правим структуру и расположение блоков по вашим замечаниям
- Готовим сайт к поисковому продвижению: подбираем запросы, прописываем заголовки и описания страниц
Как и на первом этапе, есть список ошибок, которых мы на этом шаге не допускаем. Например:
- Перегрузить прототип цветами и шрифтами, чтобы он казался «уже дизайном» и отвлекал от сути
- Расставить блоки красиво, но не так, как человек реально читает страницу и ищет кнопку
- Не примерить реальные тексты к прототипу и обнаружить проблему уже на вёрстке
На втором этапе тоже есть свой набор инструментов. Здесь мы пользуемся:
- Таблицами для структуры сайта
- Фигмой для прототипов
- Яндекс Вебмастером, Метрикой, Вордстатом и сканером сайта для поисковой оптимизации
Этап 3. Дизайн
Слишком часто «специалисты по сайтам» начинают именно с этого шага: открывают редактор и рисуют, не разобравшись, для кого и зачем. Результат виден сразу.
Скажем честно: первые два этапа не самые зрелищные, если вы не думаете о сайтах круглосуточно (мы думаем). Но именно они дают дизайнеру понятное направление, и третий этап проходит без метаний.
Здесь сайт получает лицо и характер. Начинаем так:
- Изучаем ваш бренд и отрасль: как выглядят конкуренты, что в вашей нише считается «дорого», а что — «несерьёзно»
- Собираем мудборд — подборку образов, цветов и шрифтов, чтобы сойтись в направлении до первого макета
- Спрашиваем, какие идеи и примеры нравятся вам и что точно не хочется видеть на своём сайте
Начинаем с главной и затем рисуем каждую страницу сайта — сразу в двух версиях, для компьютера и для телефона. По ходу показываем промежуточные результаты, чтобы вовремя свериться: туда ли идём.
Готовые макеты сначала проходят внутреннюю проверку у руководителя студии и только потом отправляются к вам на согласование. Параллельно следим, чтобы не допустить типичных ошибок:
- Нарисовать красиво, но не в характере вашего бренда, и получить сайт «не про вас»
- Сделать дизайн только для большого экрана и потом «как-нибудь ужать» под телефон
- Спросить ваше мнение слишком поздно, когда переделывать уже дорого
Основной инструмент третьего этапа — Фигма.
Этап 4. Разработка
На четвёртом этапе сайт становится настоящим: макеты превращаются в страницы, которые открываются в браузере и на которые можно нажимать.
Но работы у нас здесь много. Разработка — это когда всё придуманное на прошлых этапах собирается в единую, работающую систему.
Что делаем на четвёртом этапе:
- Настраиваем домен, российский хостинг и платформу — WordPress или статику, — ставим базовые модули и защиту
- Собираем понятное руководство по стилю сайта: цвета, шрифты, отступы, кнопки
- Верстаем согласованные макеты главной и внутренних страниц точно по дизайну, до пикселя, для всех размеров экрана
- Наполняем каждую страницу текстами и картинками, прописываем заголовки и описания, подобранные на этапе структуры
На этом же этапе сайт наполняется содержанием — и перестаёт быть картинкой, становясь местом, куда уже можно привести первого клиента.
Как и везде, на разработке есть свои ловушки. Две самые частые:
- Не получить вовремя тексты, фото и доступы — и встать
- Начать менять тексты и структуру, когда вёрстка уже идёт
Инструменты этого этапа — те, на которых мы собираем сайты: WordPress и статика на современных технологиях для разработки.
Этап 5. Проверка
Поздравляем. К началу пятого этапа ваш сайт — уже сайт, а не проект.
Можно открыть его на тестовом адресе и походить по страницам так, как будет ходить клиент. Но прежде чем отправлять ссылку друзьям и партнёрам со словами «смотрите, что у нас!», команда студии «Своя орбита» должна убедиться, что всё работает как надо.
У нас есть подробный внутренний чек-лист, по которому проверяем новый сайт:
- Работа всех функций и ссылок
- Скорость загрузки
- Формы заявок и уведомления
- Переадресации со старых адресов
- Сертификат безопасности (SSL)
- Настройки модулей и аналитики
Отдельно проверяем сайт на телефонах и планшетах — на разных устройствах и в разных браузерах, чтобы поймать проблемы до запуска. Затем руководитель студии сверяет сайт с макетами: дизайн должен быть реализован так, как задуман.
И конечно, вы сами проверяете сайт и присылаете замечания. Мы объясним, как удобнее их передавать — со скриншотами и в одном месте, чтобы ничего не потерялось.
На радостях от нового сайта на пятом этапе легко допустить пару ошибок. Мы поможем не сделать их:
- Просить изменить дизайн на этапе проверки, когда это уже дорого и долго (не волнуйтесь: время на правки макетов было раньше, на третьем этапе)
- Не проверить сайт на некоторых типах устройств и узнать о проблеме от клиента
На пятом этапе все замечания ведём в общей таблице, чтобы видеть, что исправлено, а что ещё нет.
Этап 6. Запуск и обучение
Пятый этап немного похож на 31 декабря: сайт готов, ждать осталось совсем немного, и хочется уже нажать на кнопку.
Шестой этап — это бой курантов. Мы переносим сайт на ваш домен, ещё раз проверяем всё на живом адресе и отправляем на индексацию в Яндекс и другие поисковые системы.
И проводим обучение. На встрече с записью показываем, как самому менять тексты, цены и фотографии, добавлять новости и страницы. Запись остаётся у вас — можно вернуться к ней в любой момент.
Также подключаем Яндекс Вебмастер и Яндекс Метрику, чтобы вы видели, как сайт живёт: откуда приходят люди, что смотрят, где оставляют заявки. Доступы передаём вам сразу.
Казалось бы, после запуска ошибаться уже негде. Но на шестом этапе есть пара промахов, которые способны испортить праздник.
Например:
- Переключать сайт в разгар рабочего дня, когда на старый идут клиенты
- Не подготовиться к техническим неожиданностям в день запуска
- Не предупредить менеджеров, что звонков и писем станет больше, и упустить первые заявки
Мы заранее предупреждаем об этих ошибках и помогаем их обойти. Довести проект до конца — тоже часть процесса.
Этап 7. Поддержка
Вы не купите новое оборудование для бизнеса в расчёте, что оно вечно будет работать как новое. Технику обслуживают и ремонтируют — иначе она долго не проживёт.
С сайтом то же самое. Без обслуживания он какое-то время будет работать нормально. А потом устаревший модуль, взлом или просроченный сертификат напомнят о себе в самый неудобный момент.
Это последнее, в чём помогает студия «Своя орбита». Мы показываем, как проводить регулярное обслуживание сайта, или берём его на себя:
- Регулярные резервные копии
- Закрытие уязвимостей и защита сайта
- Обновления и правки как на видимой части сайта, так и в админке
Заодно рассказываем, каких ошибок избегать владельцам новых сайтов. Например:
- Ставить обновления сайта, не сделав перед этим резервную копию
- Разрешать модулям обновляться автоматически, не проверяя, не сломают ли они что-нибудь
- Не смотреть в статистику и не знать, работает ли сайт вообще
Дальше мы можем периодически проверять работоспособность страниц, ускорять сайт и донастраивать аналитику: цели в Метрике, отслеживание заявок и звонков — чтобы вы видели, выполняет ли сайт свою задачу.
Кроме того, студия «Своя орбита» подскажет, какой хостинг выбрать и как настроить копии, и покажет, как читать отчёты Яндекс Метрики. Сайт приносит максимум, когда его обслуживание становится такой же обычной частью работы компании, как учёт и бухгалтерия.
И не забывайте регулярно добавлять на сайт свежие материалы: новости, кейсы, ответы на вопросы клиентов. Поисковики любят живые сайты, а посетители — возвращаться туда, где есть что почитать. Продуманный план публикаций здесь решает.
Кому доверить разработку сайта?
В интернете около двух миллиардов сайтов. Верите или нет, но не все из них сделали мы.
Вести разработку сайта для вашего бизнеса может кто угодно. Ниже — основные варианты и честный разбор, кому какой подходит.
Думаете сделать сами?
Если смущает стоимость профессиональной разработки, соблазн собрать сайт своими руками на конструкторе понятен.
Если у вас много свободного времени и терпения — попробовать можно. Но учтите: даже у профессионалов сайт с нуля занимает недели. Представьте, сколько уйдёт у человека, который делает это впервые и параллельно ведёт бизнес.
Сайт «своими руками» экономит деньги, но какой ценой? Он делается слишком долго, а когда наконец готов, выясняется, что заявок с него нет, выглядит он «как-то не так», а переделывать уже нет сил.
Позвать фрилансера?
Второй вариант — нанять фрилансера. Разработчиков-одиночек много: в США, по данным Бюро статистики труда, их больше двухсот тысяч, а на российских биржах предложения не пересчитать.
- Это лучше, чем делать самому, но у варианта есть свои минусы. Вот несколько:
Один человек не сделает сайт так же быстро, как команда, где дизайнер, разработчик и специалист по продвижению работают параллельно. - Фрилансер может оказаться не таким надёжным, как хотелось бы: заболел, взял другой заказ, пропал.
- Фрилансер может сдать сайт, который вам не нравится, и отказаться от правок — договор с ним чаще всего не предусматривает ничего.
Может и повезти: попадётся сильный специалист, который сделает отлично. Но стоит ли полагаться на везение, когда речь о том, откуда ваш бизнес будет получать клиентов? Мы думаем, нет.
Заказать в студии?
Если вы не разбираетесь в ремонте машин, вы едва ли полезете сами менять стартер, когда он сломался. И вряд ли позовёте случайного мастера по объявлению чинить его у вас во дворе. В обоих случаях слишком многое может пойти не так.
С сайтом логика та же. Обратитесь в студию — так же, как отвезли бы машину в проверенный сервис, где есть оборудование, специалисты и ответственность за результат.
Студия знает, что делает, потому что делает это постоянно. Она отвечает за результат и работает с вами до тех пор, пока сайт не будет таким, каким должен быть.
Студия «Своя орбита» — это разработка сайтов с нуля и разумный баланс опыта и цены. Вы спокойно занимаетесь бизнесом, зная, что сайтом занимаются люди, для которых это основная работа.
Частые вопросы о разработке сайта
Мы рассказали о процессе много. Но у вас наверняка остались вопросы о том, как это будет выглядеть именно для вашего проекта.
Ниже — то, о чём спрашивают чаще всего.
Сколько времени занимает разработка сайта?
Зависит от объёма: сайт-визитка из нескольких страниц и большой сайт с каталогом делаются по-разному. Многое решает и скорость с вашей стороны — как быстро приходят материалы и согласования. Точный срок по этапам называем после стартовой встречи и фиксируем в договоре.
Сколько будет стоить сайт?
Раньше это был сложный вопрос. Сейчас можно посмотреть ориентиры по стоимости и получить бесплатную предварительную оценку под вашу задачу.
Есть ли дополнительные расходы, о которых нужно знать?
Да, несколько: регистрация домена, хостинг и, если понадобятся, платные модули или шрифты. Мы называем их заранее, чтобы в смете не было неожиданностей. Напишите нам — составим расчёт под ваш проект.
На какой платформе будет сделан сайт?
Большинство наших сайтов работает на WordPress — самой распространённой системе управления сайтами в мире: гибкая, понятная, править тексты и цены сможете сами. Для сайтов, где важна максимальная скорость, собираем статику на современных технологиях.
Что нужно от нас, чтобы начать?
Для старта нам понадобятся логотип компании в векторе (исходник, а не картинка с сайта), фирменный стиль, если он есть, и заполненная анкета о вашем бизнесе. Остальное соберём вместе по ходу первого этапа.
Сайт будет нормально открываться с телефона?
Да. Мы рисуем и верстаем каждый сайт сразу для телефонов, планшетов и компьютеров, и это уже включено в стоимость. Мобильного трафика с каждым годом больше, поэтому адаптивный дизайн — не опция, а обязательное условие.
Насколько мы можем участвовать в процессе?
Настолько, насколько хотите. Мы только рады, когда заказчик даёт обратную связь на каждом этапе. Если же времени нет — берём всю основную работу на себя и выходим к вам только на ключевых согласованиях.
Вы поддерживаете сайт после запуска?
Да. После запуска можно взять сайт на поддержку: обновления, резервные копии, защита, правки текстов и цен, новые страницы. Сайт остаётся безопасным и актуальным без вашего участия.
Пройдите наш процесс от начала до конца — и получите сайт, за который не стыдно
Нормальный сайт меняет положение компании: вас находят, узнают, вам доверяют до первого звонка. Многие наши заказчики жалели только об одном — что не сделали это раньше.
Но чтобы сайт работал на полную, его должна собирать команда, которая делает это системно. Семь этапов студии «Своя орбита» — как раз такой способ получить сайт, который решает задачи бизнеса, а не просто существует.
Напишите нам — и начнём с первого этапа уже на этой неделе.
