Как подготовить материалы для сайта, чтобы разработка шла быстрее

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

Технических знаний для этого не нужно. Достаточно знать свой бизнес и потратить немного времени на порядок до того, как начнется работа над дизайном.

Какие материалы нужны для разработки сайта

Состав зависит от типа сайта, но основа почти всегда одна и та же. Удобно думать о ней как о пяти темах, по которым разработчик будет задавать вопросы.

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

О компании

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

Об услугах или товарах

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

О преимуществах

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

Контакты

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

Фото и видео

Снимки объектов, товаров, команды, помещений, видеоролики, если они нужны на страницах.

Как разложить материалы по папкам

Лучше всего работает одна общая папка проекта в облачном хранилище, а внутри нее папки по разделам будущего сайта. Тогда разработчик открывает папку «Услуги» и находит там все про услуги, а не ищет нужный файл в общей куче.

Подпапки стоит называть так же, как будут называться страницы или блоки: «Главная», «О компании», «Услуги», внутри — «Ремонт квартир», «Дизайн-проект». Если какое-то направление пока не решено, лучше создать пустую папку с пометкой, чем не создавать ее вовсе: так видно, чего не хватает.

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

Как назвать файлы

Имя файла должно объяснять, что внутри, без открытия. «IMG_4821.jpg» и «новый документ (3).docx» ничего не говорят, и каждый такой файл приходится открывать и угадывать, к чему он относится.

Несколько простых правил:

  • в имени есть раздел и содержание: «uslugi-remont-oblozhka.jpg» или «Услуги — ремонт — описание.docx»;
  • если порядок важен, в начале стоит номер: «01-…», «02-…»;
  • у документа одна актуальная версия, старые лучше убрать в папку «Архив», а не хранить рядом с пометками «финал», «финал2», «точно финал»;
  • если для фото есть пояснение, его можно вынести в отдельный текстовый файл в той же папке.

Латиница или кириллица в именах — не принципиальный вопрос, если правило одно на весь проект. Главное, чтобы имена были понятны вам и разработчику одинаково.

В каком виде передавать тексты, таблицы и документы

Тексты удобнее всего передавать в редактируемом виде: Google Документ или файл Word. Скриншоты, PDF-презентации и фото распечаток тоже содержат текст, но его приходится перепечатывать или распознавать, а значит, появляется лишняя работа и риск ошибок.

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

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

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

Доступы, о которых вспоминают в последний момент

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

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

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

В каком порядке собирать

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

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

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

Что делать, если части материалов нет

Так бывает часто, и это не повод откладывать старт. Важно честно отметить, чего нет, и решить, как с этим быть.

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

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

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

Пример папки проекта

Ниже условный пример для сайта компании с несколькими услугами. Это образец структуры, не проект конкретного клиента.

Проект-сайт/
  00-Общее/
    логотип.svg
    фирменные-цвета.txt
    реквизиты.docx
  01-Главная/
    тексты-главная.docx
    01-обложка.jpg
    02-обложка-запасная.jpg
  02-О-компании/
    о-компании.docx
    команда/
  03-Услуги/
    ремонт-квартир/
      описание.docx
      фото/
    дизайн-проект/
      описание.docx
      фото/
  04-Отзывы-и-кейсы/
    отзывы-с-разрешением.docx
  05-Контакты/
    контакты.docx
  Нет-пока/
    что-нужно-доснять.txt
  Архив/

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

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

Читайте также

Марина Степная