Содержание
Введение
В данной статье мы разберем этапы разработки сайта. Очень часто к нам приходят с запросом сделать ПРОДАЮЩИЙ И КРАСИВЫЙ сайт за один-три дня и чтобы было недорого. Многие люди думают, что сделать сайт — это украсть у конкурента структуру, вставить туда свои тексты, накидать простой дизайн и быстренько сверстать в конструкторе.
Откуда взялось мнение, что сайт можно сделать за такой короткий срок? — Всё просто. Многие, чтобы меньше платить, обращаются к новичкам, либо пытаются сделать сами. Новички, конечно, готовы работать дешево или вообще за отзыв. Только будет ли результат от такого сайта? — Скорее всего нет. Можно ли за два дня сделать хороший сайт? — Конечно же нет.
Одна только разработка маркетинговой структуры занимает несколько дней — так как нужно провести разные маркетинговые исследования. А там еще референсы, прототипирование, дизайн, верстка. Чем меньше сроки, тем хуже качество сайта в результате.
У нас в разработке сайтов есть 5 этапов. Показываем их на реальном проекте, чтобы вы понимали, из чего состоит каждый этап и сколько примерно он займет времени.
Разработка маркетинговой структуры
Этапы разработки сайта открывает разработка маркетинговой структуры. Это первый и самый главный этап, на котором проводится анализ конкурентов, целевой аудитории и другие маркетинговые исследования. На основе этих исследований разрабатывается тезисная структура сайта, которая включает определение основных страниц и блоков на сайте.
После создания краткой структуры продумывается содержание — тексты, заголовки, оффер и другие элементы сайта.
Составление текста для сайта требует внимательного подхода с учётом цели сайта, его аудитории и структуры. Все действия должны быть тщательно продуманы. На предыдущем рисунке показано, что к каждому абзацу приложен комментарий маркетолога.
Анализ и составление структуры обычно занимает около трёх дней.
Результат данного этапа: На выходе этого этапа вы получаете тщательно проработанные тексты в Google Docs, чтобы обеспечить удобный доступ к материалам для всей команды, включая заказчика, копирайтера, дизайнера и маркетолога. Этот формат позволяет легко оставлять комментарии, вносить правки в режиме реального времени и контролировать версию документа, что делает процесс согласования и доработки быстрым и прозрачным.
Составление мудборда
На данном этапе фиксируются все идеи о проекте. На рисунке ниже видим пример мудборда.
Каждое изображение сопровождается комментарием. Например, заказчик предложил использовать на фоне прозрачное, едва заметное изображение древних наскальных рисунков (столбик 1). Мы также рассматривали возможность добавить в дизайн изображения животных по китайскому гороскопу (столбик 2), но впоследствии решили отказаться от этой идеи. Кроме того, на мудборде представлены изображения всех пяти стихий для вдохновения (столбик 3).
Здесь собраны работы, которые, на наш взгляд, подошли бы заказчику. Во-первых, была просьба сделать сайт нежным, поэтому в референсах представлены дизайны с цветами. Во-вторых, на сайте должна была прослеживаться тематика астрологии, однако заказчику не понравились темные дизайны с изображением луны. Зато ему пришло по душе сочетание золотых оттенков с голубым, и мы выбрали в качестве основы вот этот референс.
Обычно на составление мудборда уходит 1 день.
Результат данного этапа: определена стилистика будущего сайта, шрифты и основные цветовая палитры.
Прототипирование
Простыми словами прототип — это скелет сайта. Он показывает, где будут располагаться все элементы на сайта.
На скриншоте выше видно, что общая картина сайта уже формируется: четко обозначено, где будут расположены кнопки, как будет выглядеть меню, а также как разместятся тексты и изображения.
На создание прототипа одностраничного сайта уходит 1–3 дня. Создание прототипа многостраничника занимает 3–5 дней.
Результат данного этапа: формируется общий вид сайта, становится ясным расположение элементов и размеры шрифта. Для многостраничных сайтов также становится понятной навигация между страницами.
Разработка дизайна
Это самый интересный этап. На прототип накладывается дизайн, стилистика которого была определена на этапе мудборда.
На скриншот выше представлены утвержденные в референсе цвета, изображения растений и едва заметные наскальные рисунки на фоне. В дизайне важно продумывать каждую деталь, каждую кнопку. Например, в мобильной версии иконки социальных сетей не следует делать слишком мелкими и размещать слишком близко друг к другу, поскольку пользователю будет сложно попасть в маленькое пространство на экране, и он не всегда сможет перейти по ссылке с первого раза. Подобных нюансов очень много.
На данном этапе также разрабатывается дизайн адаптивных версий, если это необходимо. Если сайт будем верстать мы, то создавать адаптивный дизайн не обязательно, поскольку мы понимаем, как он будет выглядеть в мобильной версии. Если у вас есть свой верстальщик, для него разрабатывается дизайн адаптивов и UI-кит — набор готовых решений для пользовательского интерфейса. Это могут быть кнопки, поля ввода, «хлебные крошки», меню, переключатели, формы и другие элементы, которые помогают пользователям взаимодействовать с сайтом или приложением.
В среднем на дизайн 6–10 блоков уходит 7 дней. Дизайн многостраничного сайта может занять до 14 дней, в зависимости от объема сайта и необходимости разработки адаптивных версий.
Результат данного этапа: готовый дизайн всех страниц в сервисе Figma.
Верстка
Верстка — это довольно сложный процесс. Сначала необходимо определить, будет ли сайт создан на конструкторе или с использованием кода (HTML, CSS и JavaScript).
С использованием конструктора сайтов дела обстоят проще: верстка занимает меньше времени и требует меньших финансовых затрат. (Например Tilda)
Рекомендуем прочитать статью “Что выбрать: сайт на коде или на конструкторе? Сравнение”.
Если вам нужен корпоративный сайт, конструктор, скорее всего, не подойдет — потребуется разработка сайта на коде.
На этапе верстки выполняются технические настройки, включая подключение домена, интеграцию аналитических сервисов, прием данных из форм и другие действия.
Верстка сайта из 6–10 блоков на конструкторе занимает около 3 дней, а на коде — около 7 дней.
Результат данного этапа: полностью функционирующий сайт.
Вывод
Как видно, создать качественный сайт за несколько дней практически невозможно. Каждый этап требует тщательной проработки и обоснованной маркетинговой структуры. Если вам нужен сайт быстро и дешево, это может сказаться на его качестве. Лендинг, возможно, можно разработать за 4 дня, но это потребует дополнительных затрат и обычно увеличивает стоимость сайта на 50–100%.
Если вы хотите получить качественный сайт, свяжитесь с нами, и мы поможем рассчитать стоимость и сроки разработки!
Добавить комментарий