Начало разработки сайта: что необходимо продумать и сделать перед тем, как перейти к дизайну и программированию

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

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

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

А чтобы ответить на эти вопросы необходимо начать с того, чтобы проанализировать как именно продают аналогичные товары и услуги ваши успешные (!) конкуренты.

Анализ конкурентов в топе поисковой выдачи

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

Скорее всего, можно будет выявить некие сильные стороны этих сайтов из-за которых Яндекс или Google выводит их в топ и, соответственно, почерпнуть ряд полезных идей. Например, там может быть хорошо продуманная структура, удачные продающие тексты, некие кликабельные акции и проч. Важно понимать, что раз тот или иной сайт находится в топе — значит, посетители оценивают его как наиболее полезный и релевантный (из существующих) в рамках своей сферы и проводят на нем достаточно много времени. Поняв, что именно их привлекает (скорее всего это комплекс неких решений) — вы поймете в каком направлении нужно будет двигаться. Речь не идет о копировании. Но чтобы стать лучшим, нужно как минимум превзойти тех, кто лучший на данный момент.

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

Анализ seo запросов в рамках вашей специфики

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

Для этого нужно проанализировать поисковые запросы пользователей в Wordstat. Яндекс. Тут необходимо проявить фантазию и проверить (то есть придумать) максимальное количество адекватных запросов, которые могли бы вводить ваши потенциальные клиенты, а затем сравнить цифры, чтобы понять какие способы поиска превалируют.

Например, если вы предлагаете услуги по строительству, то желательно отразить в структуре сайта возможности по созданию зданий разного назначения, в разных стилях, разной этажности, типа крыши, остекления и проч. — ведь подобные запросы очень популярны. Другой пример — конфеты ручной работы. Многие могут искать их с формулировкой для какого-то определенного случая, праздника или лица (маме, любимой, учительнице и проч.) Если на вашем сайте будут отдельные страницы для охвата всех этих запросов — вы получите существенный рост трафика.

Именно поэтому работать над ядром seo-запросов необходимо еще на этапе создания сайта и его внутренней структуры — в нашей студии это принятый по умолчанию стандарт работ.

Референсы

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

Светлая или темная тема? Лаконичность или брутализм? Подчеркнутый профессионализм или уютная дружелюбность? Изящные или массивные рубленые шрифты? Много широкоформатных изображений, чтобы в деталях рассмотреть каждое, или мозаика фотографий, чтобы сразу получить общее впечатление о чем-либо? Свернутое меню в формате бургера или подробная карта сайта? А как насчет анимаций или эффектов при наведении? — «все летает и трансформируется» или вы предпочитаете традиционные сайты, где ничего «не дергается»?

Крайне важно подобрать 2–3 удачных референса, то есть сайта, которые нравятся вам по своему внешнему виду. При этом совершенно НЕ важно будут ли это сайты из вашей продуктовой ниши, или какие-то абсолютно с ней не связанные. Сами референсы также могут быть не похожи друг на друга.

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

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

Подготовка ТЗ / Бриф

Когда есть четкое понимание как на рынке продают подобные услуги/товары наиболее успешные компании и как в принципе потенциальные заказчики ищут данные компании (а также как примерно вы хотели бы выглядеть в интернет пространстве) — можно переходить к созданию ТЗ на сайт.

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

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

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

Тут стоит упомянуть об обратной стороне медали: некоторые клиенты чрезмерно детализируют свое ТЗ, прописывая постранично что именно и где на сайте должно находится вплоть до каждого блока, буквально не оставляя никакого пространства для фантазии дизайнера. «Здесь нужен крупный телефон», «здесь чтобы слайдер листался стрелочками», «здесь справа выводятся три новости одна под другой с указанием даты, анонса длиной 450 символов и картинкой превью формата 300*50…»

При таком подходе на выходе как правило получается:

• сайт, который точно соответствует всем требованиям, но почему-то НЕ нравится самому заказчику;
• сайт, которым сам заказчик очень доволен, но который студия никогда НЕ повесит в свое портфолио, что явно говорит о его реальном уровне и том как он воспринимается со стороны.

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

Нейминг

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

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

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

Здесь мы подготовили подробную статью о том, как придумать удачное название компании.

Логотип, фирменный стиль, цветовая гамма

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

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

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

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

Выбор студии

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

• Проанализировать сайты ваших конкурентов, которые находятся в топе поисковой выдачи;
• Составить примерную карту поисковых запросов, чтобы понять как потенциальные клиенты ищут подобные продукты или услуги;
• Подобрать референсы — 2–3 сайта из ЛЮБОЙ сферы, которые нравятся вам в визуальном плане;
• Утвердить название компании, логотип (и фирменный стиль);
• Подготовить ТЗ либо краткое описание вашего проекта для понимания сути задачи (целевая аудитория, функционал, особенности сайта и проч.).

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

Вот несколько советов на предмет того как выбрать хорошую веб-студию.

Разумеется, приведенный список НЕ является жестким — если что-то вышеперечисленное у вас отсутствует, то этот вопрос легко решить — просто для начала работ потребуется чуть больше времени.

Например, мы готовы взять на себя разработку логотипа и фирменного стиля.

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

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