Как создать сайт и не сломать себе голову

Olga Feoktistova
1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 4,43 out of 5)
Loading ... Loading ...
A A A

Отвечаем на самые частые вопросы, которые возникают перед разработкой или заказом сайта. Статья написана на основе доклада Алексея Гришко (Marked, Mindspot, Persik). Дизайнер, UX-проектировщик, предприниматель и стратег раскладывает по полочкам разные подходы. Рассказывает, как выбрать способ разработки, подрядчика и по каким критериям оценить готовый проект.

как создать сайт ringostat

  1. Методы и этапы разработки сайтов и их особенности
  2. Разработка сайта на конструкторе
  3. Как выбрать подрядчика для разработки сайта
  4. Как оценить качество готового сайта
  5. Чек-лист: что нужно проверить перед релизом

 

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

И не за горами будущее интернета — крышесносная персонализация. Сайты станут аналогами поисковых систем, отслеживая цифровой “след” пользователя и подстраиваясь под него. Разные посетители на одном и том же сайте будут видеть совершенно разный дизайн, контент и СТА. Но это в будущем, а пока вернемся к сегодняшнему дню.

На данный момент в веб-разработке существует два вида сущностей:

  • сайты (лендинги, визитки, интернет-магазины, корпоративные блоги и т. д.) — выполняют относительно простые функции по предоставлению и обмену информацией;
  • веб-приложения, которые способны обрабатывать и долго хранить большие массивы данных.

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


Рассмотрим на упрощенном примере, как эта экосистема работает:

как создать сайт ringostat

как создать сайт ringostat

как создать сайт ringostat

как создать сайт ringostat

как создать сайт ringostat

Методы разработки сайтов и их особенности

Существует два метода разработки сайтов: ручной и с помощью конструктора. Подробно разберем каждый из них с их плюсами и минусами.

 

Этапы ручной разработки сайта

  1. Брифование. Бриф — не то же самое, что ТЗ. Это перечень вопросов, ответы на которые помогают понять, зачем вам сайт, какие вы ставите цели, каким хотите его видеть, какой у него должен быть функционал и т. д.
  2. Исследование. По-хорошему, перед началом работы нужно провести исследование — анализ рынка, целевой аудитории и сайтов-конкурентов. О том, как они проводятся, отдельно описано в статье “Проверить теорию 4Р и создать востребованный продукт”.
  3. Проектирование (скетчинг) и прототипирование. Этап, на котором создаются первые “наброски” сайта, его прототип.
  4. Тестирование. Созданный ранее прототип тестируется на жизнеспособность.
  5. Графический дизайн. Если на предыдущем этапе все в порядке, дизайнер может приступить к созданию “смотрибельной” версии сайта. Разумеется, по заранее утвержденному ТЗ.
  6. Верстка. После того, как дизайн всех страниц готов и утвержден, к работе приступает Front-End разработчик — он делает так, чтобы все отрисованные дизайнером элементы стали кликабельными, динамичными и т. д.
  7. Программирование. Back-End разработчики заставляют все сделанное ранее работать по прописанному сценарию.
  8. Тестирование. На этом этапе проверяем — все ли работает и работает ли так, как задумано.
  9. Аналитика и улучшение. Анализируем ошибки и поведение пользователей, исправляем баги и улучшаем все, что можно улучшить.
  10. Обучение администрированию. Это последний этап, на котором разработчики учат заказчиков управлять сайтом. Как минимум, добавлять и обновлять контент).

 

Специалисты, которые в идеале должны работать над сайтом:

  • проектный менеджер;
  • UX-дизайнер или три отдельных специалиста UX: исследователь, UX-проектировщик и UX-аналитик;
  • графический дизайнер или отдельно UI-дизайнер и ID-дизайнер;
  • верстальщик (Front-End разработчик);
  • программист (Back-End разработчик);
  • SEO-специалист;
  • копирайтер;
  • маркетолог;
  • тестировщик.

 

Плюсы ручной разработки сайта

  1. Высокая гибкость — вы можете делать все, что угодно и как угодно. Технические ограничения минимальны.
  2. Надежность созданного проекта находится исключительно в руках разработчиков и не зависит от третьих сторон.
  3. Безопасность. Это особенно важно для больших серьезных проектов, которые нуждаются как в защите данных пользователей, так и в защите данный самой системы.

 

Минусы ручной разработки сайта

  1. Прямая зависимость от компании-разработчика — если нужно что-то доделать или поменять, придется потратить время и средства.
  2. Дорого. Стоимость ручной разработки сайта в разы выше стоимости любого конструктора.
  3. Долго. Работа над всеми этапами, описанными выше, требует времени.
  4. Сложность коммуникации. Каждое изменение, исправление, комментарий будет проходить через сложную цепочку взаимодействий разных специалистов и отделов.

 

Разработка сайта на конструкторе

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

 

Виды конструкторов

По специализации:

  • e-commerce — Opencart, Shopify;
  • landing Page — Tilda, LP Generator, SquareSpace;
  • блог-платформы — WordPress, Tilda, Readymag;
  • для медиа — Readymag, Verstka, Semplice;
  • все остальное — Wix, Joomla, Drupal.

 

По масштабируемости:

  • наиболее гибкие — WordPress, Joomla, Drupal;
  • с некоторыми ограничениями — Wix, WebFlow;
  • менее масштабируемые — SquareSpace, Tilda, LPGenerator.

 

Плюсы разработки сайта на конструкторе

  1. Независимость от разработчиков, высокая гибкость — любые изменения можно внести сразу, без проволочек.
  2. Низкая стоимость — нет команды специалистов, которым нужно платить.
  3. Высокая скорость разработки — многие решения уже учтены и прописаны по умолчанию.
  4. Структура страниц и блоков проверена не только специалистами, но и на практике, на сотнях других, таких же как у вас, проектов. И все по умолчанию будет работать так, как надо.

 

Минусы разработки сайта на конструкторе

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

 

Что выбрать

Шаблонное решение — когда у вас есть товар, который нужно быстро “слить”. Если для вас на первом месте сроки и вы не планируете масштабироваться.

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

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

 

Как выбрать подрядчика для разработки сайта

  1. Смотрите на качество уже реализованных им проектов (не количество, а именно качество).
  2. Спрашивайте отзывы у прошлых клиентов (но старайтесь фильтровать, не все отзывы объективны).
  3. Оцените качество коммуникации (скорость ответа и качество ответа). Если вам отвечают долго или вскользь — стоит насторожиться.
  4. Обратите внимание, насколько потенциальный подрядчик погружается в ваш проект. Подрядчик должен изучить вашу бизнес-модель, продукт, определить ответственных лиц, подготовить предложение со своей стороны. И уже после этого копать в сторону технических тонкостей. Если же вас сходу заваливают техническими терминами и вопросами — ставьте большой вопросительный знак.

 

Как оценить качество готового сайта

как создать сайт ringostat

  1. Качество графического дизайна и верстки. Навигация и элементы должны быть очевидными — кнопка должна быть кнопкой, например. На сайте должно быть свободное пространство, он должен “дышать”. Адекватные цвета и читабельный шрифт. Помимо этого, сайт должен давать исчерпывающую информацию о продукте/услуге.
  2. Качество контента. Текст легко и приятно читать, иконки уникальны и помогают быстрее понять, о чем идет речь. Видео и изображения высокого качества.

 

Чек-лист: что нужно проверить перед релизом

  1. Все ссылки рабочие?
  2. Онлайн-формы работают правильно?
  3. Всплывающие окна отрабатывают по заданному сценарию?
  4. В текстах нет орфографических и пунктуационных ошибок?
  5. Мобильная версия сайта отображается корректно?
  6. Еще раз проверяем все контактные данные.

 

как создать сайт ringostat

Если вы нашли ошибку - выделите её и нажмите Ctrl + Enter или .