Дизайн корпоративного сайта: шаблоны, которые наполняют без дизайнера
У корпоративного сайта два свойства, которых нет ни у одного другого формата. Первое: макет утверждает не один человек — у маркетинга свои разделы, у кадров свои, у юристов третьи, и у каждого есть основания. Второе важнее: после сдачи сайт наполняете вы, а не мы. Через год главную никто не тронет, зато новостей станет двести, вакансий — три десятка, а документов столько, что их перестанут искать. Поэтому предмет работы здесь — шаблоны разделов, а не красивая главная.
- Шесть шаблонов разделов, в которые ваш сотрудник подставляет текст без дизайнера
- Порядок согласования назван до начала: кто утверждает и что именно смотрит
- Каждый шаблон проверяется на длинном заголовке и на пустом поле
Пунктиром отмечено то, что будет меняться руками ваших сотрудников. Работа дизайнера здесь — сделать так, чтобы рамка выдержала любое содержимое: заголовок в четыре строки, отсутствующую фотографию и документ с названием на полстроки.
Шесть шаблонов, которые получает ваша редакция
Это и есть предмет сметы. Каждый шаблон рисуется один раз и работает на все страницы своего типа — и главное, каждый проверен на неудобном содержимом: длинном заголовке, пустом поле, документе без описания. Сотрудник, который будет их заполнять, дизайнером не является, и рассчитывать на его вкус нельзя.
Самый доходный шаблон на сайте и самый недооценённый: именно на эти страницы приходят из поиска и рекламы. Внутри — место под описание, порядок работы, цену или её порядок, отраслевые примеры и форму. Работает и для услуги с длинным техническим названием, и для короткой.
Их будет много, и писать их будут разные люди. Поэтому в шаблоне заложено поведение при отсутствии картинки, при тексте в два абзаца и при тексте на десять экранов, а заодно вид списка новостей, когда последняя запись годичной давности.
Отдельный шаблон, а не картинка из кадрового отдела. Условия, требования, кто руководитель, как проходит отбор и куда отправить отклик. Кадры обычно рады: до этого вакансию верстали вручную или выкладывали файлом, который не открывается с телефона.
Одинаковая рамка для разных историй: что было, что сделали, чем закончилось, кто заказчик. Ключевое требование — работать без фотографий и без цифр, потому что у половины проектов их не будет, а раздел наполнять надо.
Лицензии, сертификаты, карточка предприятия, политика. Шаблон отвечает за то, чтобы документ открывался прямо на странице и имел название, понятное человеку, а не имя файла из бухгалтерии. Этот раздел смотрят юристы и контрагенты, и он влияет на сделки больше, чем кажется.
Кто отвечает за направление, как с ним связаться, в каком городе. Шаблон рисуется с расчётом на то, что фотографии будут разного качества, — иначе раздел развалится на второй неделе. Плюс вид без фотографии вовсе: так тоже будет.
Шаблонов может быть больше или меньше — список согласуется до рисования и становится частью сметы. Если у вас есть раздел, которого нет в этом перечне (тендеры, обучение, поставщики, карта филиалов), скажите об этом на разборе: он либо ложится в существующий шаблон, либо становится седьмым.
Кто утверждает макет и что именно смотрит
Самая дорогая особенность формата. На обычном сайте решение принимает один человек; здесь согласующих трое-четверо, и каждый смотрит на свой раздел. Если этого не назвать до начала, правки приходят волнами: сначала от маркетинга, через неделю от кадров, а перед самой сдачей — от юристов, и они всегда самые дорогие.
- Помещается ли на страницу услуги всё, что нужно для решения: порядок работы, условия, цена или её порядок
- Как выглядит страница, на которую придут из рекламы, и совпадает ли заголовок с обещанием объявления
- Где стоят формы и что происходит после отправки — этот экран забывают чаще остальных
Что мы спрашиваем: какие услуги приносят деньги, а какие висят «для полноты», и какие разделы появятся в ближайший год.
- Можно ли откликнуться с телефона за минуту и что человек видит после отклика
- Как выглядит вакансия без фотографий и без списка условий: наполняет её обычно не дизайнер
- Видно ли, где находится офис или производство, и что там происходит каждый день
Что мы спрашиваем: кто будет добавлять вакансии и сколько их в год. Если одна — шаблон не нужен, хватит страницы.
- Как показаны лицензии, сертификаты и реквизиты и открываются ли они без скачивания файла
- Есть ли место под обязательные оговорки и согласие на обработку данных в каждой форме
- Не обещает ли макет того, чего компания не подтвердит: цифр, статусов, гарантий
Что мы спрашиваем: какие формулировки обязаны стоять дословно и есть ли требования головной компании или отраслевого регулятора.
Порядок согласования мы предлагаем такой: сначала прототипы разделов проходят всех троих и правятся на схеме, где правка стоит разговора, и только потом появляются макеты. Обратный порядок — сначала красиво, потом согласование — и есть главная причина, по которой корпоративные сайты делаются по полгода.
Проверьте свой сайт — семь вопросов про жизнь после сдачи
Проверки не про дизайн, а про то, сможет ли сайт жить без подрядчика. Отвечать лучше не по памяти, а открыв сайт и спросив того сотрудника, который добавляет новости. Отметки остаются в этом браузере и никуда не отправляются.
Вердикт появится после первой отметки. Считается он от числа непройденных пунктов: каждая непройденная строка — это работа, которую через год будет делать дизайнер вместо вашего сотрудника.
Сходится 0 из 7
Ни одна из семи проверок не требует разбираться в дизайне — и это намеренно. Корпоративный сайт чинится не вкусом, а порядком: у каждого раздела должен быть хозяин, шаблон и человек, который его заполняет.
Прислать список разделов
Не сошлись три проверки и больше?Пришлите адрес сайта и список разделов — скажем, каких шаблонов не хватает и можно ли дорисовать их к тому, что есть, не трогая остальное. Полчаса, бесплатно, без доступов.
Написать в Telegram Заполнить брифТри ошибки, которые видно на любом корпоративном сайте
Ни одна из них не про вкус и не про «несовременно». Все три — про устройство: их закладывают в проект на старте, а платят за них потом, каждый год, руками сотрудников и счетами на поддержку.
-
Раздел, заполненный один раз при запуске
Новости за позапрошлый год, «Проекты» с тремя объектами, пустая страница вакансий. Такой раздел работает против компании: он показывает, что сайтом никто не занимается, — и посетитель переносит это на всё остальное, включая сроки и обязательства
Перед рисованием спрашиваем по каждому разделу: кто будет его наполнять и как часто. Если ответа нет, раздел не рисуется вовсе — это честнее и дешевле, чем нарисовать место для пустоты
-
Вакансия и документ, выложенные картинкой
Кадры присылают объявление в виде изображения, бухгалтерия — карточку предприятия файлом. С телефона это не открывается, из документа нельзя скопировать реквизиты, а в поиске такие страницы не существуют. Зато выкладывать удобно — и потому так делают годами
Рисуем шаблон, в который текст вставляется полями. Тогда удобный способ и правильный способ совпадают, а это единственный надёжный приём: полагаться на дисциплину сотрудников в таких вещах не стоит
-
«О компании» на месте услуг
Первый экран занимает история про миссию и двадцать лет на рынке, а то, чем компания занимается сегодня, лежит в третьем пункте меню. Клиент, пришедший с конкретной задачей, читает про ценности и уходит искать исполнителя, который отвечает сразу
Главную строим от задач посетителя, а раздел о компании оставляем тем, кто пришёл именно за ним: юристам, партнёрам, соискателям. Он нужен, но не первым — и не вместо услуг
Четвёртая ошибка называется «сделаем красиво, а потом наполним». Наполнять после запуска не будет никто: у сотрудников есть своя работа, а у сайта в этот момент уже нет проекта и нет ответственного. Поэтому мы просим хотя бы черновики текстов до рисования — не ради красоты макета, а чтобы шаблон проверился на настоящем содержимом.
Сколько стоит: от 140 000 ₽, срок 5–7 недель
Своей цены у формата нет: корпоративный сайт считается по второй смете направления, сумма подставлена из канона студии. Меняется она от числа шаблонов и числа согласующих — второе влияет не меньше первого, хотя в прайсах его обычно не упоминают. Все три сметы описаны на странице направления
- Согласованный список разделов с ответом, кто наполняет каждый из них
- Прототипы разделов, которые проходят всех согласующих до рисования
- Шаблоны с проверкой на длинном заголовке, пустом поле и отсутствующей фотографии
- Мобильные макеты отдельными файлами, включая таблицы и документы
- Правила для редакции: как оформлять заголовок, картинку, документ, цитату
- Передача разработчику и ответы на его вопросы до сдачи
- Вёрстка и система управления. Это разработка корпоративного сайта, и дизайн там внутри работы
- Наполнение разделов: тексты услуг, описания проектов, документы. Мы задаём правила, наполняют ваши люди
- Съёмка сотрудников, офиса и объектов — зависит от города и объёма, называем после разбора
- Версия для слабовидящих — отдельная работа со своими требованиями. Цены на неё в нашем прайсе нет: объём зависит от того, по какому стандарту вас проверяют, и мы называем его после разбора
- Доработки после сдачи — по часам: 3 000 ₽ вне договора и 2 000 ₽ в абонементе
Доступность при этом закладывается в макеты по умолчанию и отдельной строкой не продаётся: контраст, видимый фокус, размер тап-зон и понятный порядок чтения — часть нормальной работы, а не опция. Отдельно считается именно специальная версия с переключателем, которую требуют в некоторых отраслях.
Пять вопросов, которые мы зададим на разборе
Они неудобные, и это нормально: бо́льшая часть проблем корпоративного сайта решается не дизайном, а ответом на эти вопросы. Подумайте над ними заранее — разговор станет короче, а смета точнее.
-
Кто утверждает макет и чьё слово последнее
Не «кто участвует», а кто принимает решение, когда мнения разошлись. Пока ответа нет, любые правки будут бесконечными: каждый согласующий прав в своей части. Мы не требуем, чтобы решал один человек, — мы требуем, чтобы было известно, кто именно и на каком этапе.
-
Кто будет наполнять сайт через полгода
Имя и должность, а не «маркетинг». От этого зависит устройство шаблонов: у секретаря, у контент-менеджера и у агентства на подряде разные возможности и разное время. Если ответ «никто», часть разделов мы предложим не делать — пустой раздел вредит сильнее, чем его отсутствие.
-
Какие разделы появятся в ближайший год
Филиал, новое направление, производство, обучение, тендеры. Заложить место под будущий раздел в шаблон стоит почти ничего; дорисовать его потом — отдельная работа и обычно с переделкой меню. Спрашиваем заранее именно поэтому.
-
Есть ли брендбук и требования сверху
Руководство головной компании, отраслевые правила, обязательные формулировки, логотипы партнёров, которые нельзя трогать. Это не ограничение вкуса, а рамка проекта: узнать о ней лучше до начала, чем в день утверждения. Если брендбука нет, работаем без него — а фирменный стиль это отдельная работа, и мы не будем делать её тайком внутри сайта.
-
Что происходит с документами и реквизитами
Кто и как часто их меняет, нужно ли показывать старые версии, есть ли разные реквизиты у разных юрлиц. Этот раздел смотрят перед сделкой, и его устройство влияет на выручку сильнее, чем оформление главной, — но в требованиях к дизайну он почти никогда не упоминается.
Что нужно от вас
Список знаком по любому проекту, кроме двух пунктов, которые есть только здесь: контакты внутренних заказчиков и человек, который будет наполнять сайт. Без них работа идёт, а согласование — нет.
Про сроки честно. Срок 5–7 недель считается от согласованного списка разделов, а не от первого письма. Дольше всего в корпоративных проектах идёт не рисование, а ожидание ответов от тех, кто утверждает: у них своя работа, и сайт в ней не на первом месте. Если назначить дни созвонов заранее, проект укладывается в срок; если нет — ждать будем именно здесь, и это единственное место, где мы не управляем временем.
- Список разделов и ответ по каждому: кто хозяин и кто наполняет
- Контакты внутренних заказчиков — маркетинг, кадры, юристы — и удобное им время
- Черновики текстов хотя бы по двум-трём услугам: шаблон проверяется на настоящем содержимом
- Примеры документов, которые будут выкладываться: лицензия, сертификат, карточка предприятия
- Логотип в векторе и брендбук, если он есть, вместе с требованиями головной компании
- Контакт разработчика, который будет верстать: макеты передаём напрямую ему
Эта страница — один из девяти форматов дизайна
Общее для всех девяти осталось на родительской странице: три сметы с составом, порядок работы, гарантии, исходники и ответ на вопрос, брать ли дизайн отдельной строкой. Здесь только то, что касается корпоративного сайта и его внутренней кухни.
Там же — про исходники и итерации правок: правила общие для всех форматов и на каждом не повторяются. Дизайн сайтов и интерфейсов
Когда шаблоны разделов вам не нужны
Четыре случая. Два из них означают, что формат слишком тяжёлый для вашей задачи, — и это самые частые: корпоративный сайт часто покупают по названию компании, а не по устройству работы.
-
Если страниц пять и они не меняются
Компания, услуги, контакты, реквизиты — и всё. Шаблоны здесь не нужны: наполнять нечего, а система из шести типов страниц окажется дороже самого сайта. Такой случай закрывает первая смета направления, от 45 000 ₽, и мы скажем это на разборе, не пытаясь дотянуть проект до второй.
-
Если наполнять сайт всё равно никто не будет
Честная ситуация, и встречается она чаще, чем признают. Если ответственного нет и не появится, шаблон вакансий и новостей останется пустой рамкой. Тогда разумнее сделать меньше разделов, но живых, а разговор о пресс-центре отложить до момента, когда для него найдётся человек.
-
Если нужен работающий сайт, а не макеты
Мы отдаём файлы и правила, а не сайт в браузере. Система управления, права редакторов, формы и публикация — это разработка корпоративного сайта: дизайн там входит в работу, и отдельная смета на макеты не понадобится. Если у вас есть свой отдел разработки, наоборот, этот формат — ровно то, что нужно.
-
Если надо обновить одну главную
Это не проект, а правка, и продавать под неё дизайн-систему нечестно. Обновление первого экрана, замена фотографий, новый блок с услугами — работа на часы: 3 000 ₽ вне договора и 2 000 ₽ в абонементе. Если после правок окажется, что дело не в главной, вернёмся к разговору о шаблонах.
Во всех четырёх случаях мы называем, что делать вместоПубличный список ситуаций, в которых мы отговариваем, собран по всем услугам студии на отдельной странице.
Когда вам это не нужноКому в соседний формат, а не сюда
Здесь предмет работы — шаблоны под редакцию и согласование между отделами. Если наполнять сайт не придётся или утверждает его один человек, соседние страницы ответят точнее и дешевле.
Нижние границы всех направлений собраны на странице цен, условия работы — на странице оплаты и гарантий. Если у вас закупка по регламенту и нужен формальный расчёт, скажите об этом сразу: смету оформим так, как требуется у вас.
Дизайн корпоративного сайта: что стоит знать до заказа
Почему шаблон раздела важнее красивой главной
Главную смотрят редко и меняют ещё реже. Первый год она держится в том виде, в каком её сдали, а дальше её правят по частям — и то лишь тогда, когда меняется что-то в компании. Зато разделы живут каждый день: новость, вакансия, проект, документ. Через год их будет в десятки раз больше, чем экранов, нарисованных дизайнером.
Отсюда правило, по которому мы строим работу: предмет дизайна корпоративного сайта — не экраны, а рамки, в которые ваши сотрудники подставляют содержимое. Хороший шаблон работает без дизайнера и без верстальщика: человек вставил текст, и страница выглядит как часть сайта. Плохой начинает ломаться на втором же материале — заголовок в четыре строки, документ без описания, фотография в другом соотношении сторон.
Проверяется это просто: попросите показать шаблон на неудобном содержимом, а не на подготовленном примере. Длинное название услуги, новость без картинки, вакансия без списка требований. Если макет выдержал, он выдержит и то, что принесут ваши сотрудники в обычный вторник.
Как согласовать макет, когда заказчиков внутри несколько
Корпоративный сайт — единственный тип проекта, где согласование стоит дороже рисования. У маркетинга свои разделы, у кадров свои, юристы отвечают за формулировки и документы, а руководитель появляется в конце и смотрит на всё сразу. Каждый из них прав в своей части, и правки от них приходят волнами, а не одним списком.
Работает один порядок: сначала прототипы разделов — схемы без оформления — проходят всех согласующих, и споры о структуре закрываются там, где правка стоит разговора. Дальше появляются макеты, и обсуждение сужается до оформления. Обратный порядок, когда сразу показывают красивое, растягивает проект на месяцы: каждая структурная правка тянет за собой перерисовку соседних экранов.
Второе, о чём стоит договориться заранее, — чьё слово последнее. Не для того, чтобы кого-то ограничить, а чтобы разговор имел конец. Мы спрашиваем об этом на разборе и фиксируем в самом начале: это не бюрократия, а единственный способ уложиться в срок, который считается от согласованного списка разделов.
Что остаётся у вас и почему это важнее макетов
Кроме исходников в Figma вы получаете две вещи, которых обычно нет в дизайн-проектах: набор компонентов и правила для редакции. Правила — это короткий документ на понятном языке: какой длины бывает заголовок, что делать, если картинки нет, как называть документ, куда не влезает таблица. Его читает не дизайнер, а ваш контент-менеджер или секретарь.
Смысл в независимости. Сайт, каждое изменение которого идёт через подрядчика, стоит денег постоянно и стареет быстро: половина правок просто не делается, потому что проще не связываться. Сайт с шаблонами и правилами живёт внутри компании, а подрядчик нужен только для нового — и это заметно дешевле в любой перспективе дольше года.
Если сайт нужен целиком, вместе с системой управления и публикацией, смотрите разработку корпоративного сайта: дизайн входит в работу. Если разделов немного и меняться они не будут, хватит первой сметы направления — это обычный дизайн сайта. Три сметы с составом каждой описаны на странице дизайна
Вопросы про корпоративный сайт
Шесть вопросов, которые задают именно про этот формат. Общие — про договор, оплату и гарантии — собраны на отдельной странице, а про дизайн вообще написано на странице направления
Остался вопрос?
Написать в Telegram, отвечаем за 30 минутПо числу шаблонов разделов и числу согласующих. Первое понятно: шесть типов страниц — шесть работ, а сорок страниц внутри этих типов на смету не влияют. Второе обычно не называют вслух, а зря: каждый дополнительный внутренний заказчик добавляет круг согласования и, значит, время. Вторая смета направления — от 140 000 ₽, срок 5–7 недель, и считается он от согласованного списка разделов.
Возможно, и это обычная ситуация — мы к ней готовимся заранее, а не удивляемся в процессе. Порядок такой: прототипы разделов проходят всех согласующих до рисования, каждый смотрит свою часть, и структурные споры закрываются на схемах. Дальше макеты обсуждаются уже по оформлению. Просим только одного: назвать заранее, чьё слово последнее, когда мнения разойдутся. Без этого проект не заканчивается — он затухает.
Ваши сотрудники — ради этого формат и существует. В работу входят правила для редакции: короткий документ о том, какой длины бывает заголовок, что делать без картинки, как назвать документ. Читает его не дизайнер, а тот, кто добавляет новости. Если наполнять сайт некому и не будет, мы предложим сократить число разделов: пустой раздел работает против компании сильнее, чем его отсутствие.
В этом формате — нет: здесь вы покупаете шаблоны, правила и исходники, а собирает их ваша команда разработки. Если её нет, отдельный дизайн вам невыгоден: смотрите разработку корпоративного сайта, дизайн входит туда, и отдельная смета на макеты не понадобится. Мы говорим об этом на разборе, а не после сдачи файлов.
Отдельная версия с переключателем — нет, она считается отдельно, и цены на неё в прайсе нет. Всё решают требования: по какому стандарту вас проверяют и что именно просит заказчик или регулятор. Сумму называем после разбора, когда эти требования видим. При этом обычная доступность — контраст, видимый фокус, размер тап-зон, понятный порядок чтения — закладывается в макеты по умолчанию и отдельной строкой не продаётся.
Да, и это нормальная рамка проекта, а не ограничение. Просим прислать руководство до начала вместе с требованиями: какие цвета и шрифты обязательны, где стоит логотип, какие формулировки менять нельзя. Один нюанс, о котором предупреждаем сразу: брендбуки чаще всего написаны под печать и наружную рекламу, и часть правил на экране не работает — например, контраст. В таких местах мы предложим отступление и объясним причину, а решение останется за вами.
Пришлите список разделов — скажем, каких шаблонов не хватает
- Полчаса: проходим разделы и отвечаем по каждому — есть ли у него хозяин и шаблон
- Скажем, что можно дорисовать к существующему сайту, не переделывая его целиком
- Если возьмёмся — от 140 000 ₽, срок 5–7 недель от согласованного списка
Заявка принята
Посмотрим разделы вашего сайта и вернёмся в течение рабочего дня. Если срочно — напишите в Telegram.
Или напишите сразу:
Telegram · отвечаем лично за 30 минут