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

Почему кнопка стоит здесь? Как человек поймёт, чем одна услуга отличается от другой? Что он увидит на телефоне? Куда отправится заявка из формы? Не спорит ли главная страница со страницей услуги? Одной красивой картинкой на такие вопросы не ответить, и мы отвечаем на них по ходу работы.

Сначала мы разбираемся в задаче

Прежде чем заниматься оформлением, мы выясняем, зачем нужен сайт. Он может приводить заявки, объяснять сложную услугу, показывать портфолио, помогать выбрать продукт или объединять несколько направлений бизнеса. От этого зависят структура, содержание и то, как посетитель будет с сайтом взаимодействовать.

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

Потом структура

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

Заглушки рано или поздно придётся заменить

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

Готовить абсолютно всё до старта не обязательно. Но мы заранее отмечаем, какие материалы уже есть, что нужно собрать, а что ещё предстоит написать или решить. Чем понятнее этот список, тем меньше сюрпризов. Кто какие материалы готовит, мы разбирали в статье «Кто должен готовить тексты и фотографии для сайта?».

Как подготовить исходные материалы без готового ТЗ

Дизайн шире, чем подбор красивого

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

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

Проверка тоже часть работы

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

Что помогает не затягивать сроки

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

Быстро не обязательно значит поверхностно. Просто быстрее всего получается там, где не приходится переделывать решения, принятые наугад.

Что в итоге важно

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

Если хотите понять, сколько работы нужно вашему проекту, напишите нам о задаче. После разговора мы предметно обсудим формат, этапы и сроки, а как объём влияет на цену, можно прочитать в статье «Сколько стоит сайт и от чего зависит его цена?».

— SOMO STUDIO