Разберу по порядку: какие сведения собрать до первого макета, как разложить их по папкам и назвать файлы, в каком виде передать тексты, таблицы и документы и что делать, если части материалов пока нет. В конце покажу пример папки проекта, его можно взять за основу.
Технических знаний для этого не нужно. Достаточно знать свой бизнес и потратить немного времени на порядок до того, как начнется работа над дизайном.
Какие материалы нужны для разработки сайта
Состав зависит от типа сайта, но основа почти всегда одна и та же. Удобно думать о ней как о пяти темах, по которым разработчик будет задавать вопросы.
Для корпоративного сайта с несколькими направлениями список ниже растет: у каждого направления свои тексты, фото и кейсы. Для сайта-визитки или портфолио он короче, зато важнее раздел о себе и подборка работ.
О компании
Чем вы занимаетесь, для кого работаете, чем отличаетесь от соседей по рынку, сколько лет работаете и чем можете это подтвердить. Сюда же логотип в исходном формате, фирменные цвета и шрифты, если они есть. Если старый сайт или презентация уже есть, их стоит приложить: даже устаревший текст подсказывает, как вы сами говорите о своем деле.
Об услугах или товарах
Список направлений, описание каждого, условия, цены или принцип расчета, сроки, ограничения. Для магазина вместо описаний услуг понадобится таблица товаров, о ней удобнее говорить отдельно. Для каждой услуги полезно понимать, кому она подходит и с какими вопросами к вам обычно приходят: из этого потом вырастают блоки страницы.
О преимуществах
Здесь нужны вещи, которые можно показать: сертификаты, гарантии, реальные отзывы с разрешением на публикацию, примеры работ, цифры, за которые вы готовы отвечать. Фраза «индивидуальный подход и высокое качество» на сайте мало что сообщает, а номер сертификата или фото готового объекта говорят сами за себя.
Контакты
Телефоны, мессенджеры, почта, адреса и часы работы, ссылки на соцсети. Если на сайте будут формы, понадобятся еще данные для политики обработки персональных данных: кто оператор, какие данные собираются и зачем.
Фото и видео
Снимки объектов, товаров, команды, помещений, видеоролики, если они нужны на страницах.
Как разложить материалы по папкам
Лучше всего работает одна общая папка проекта в облачном хранилище, а внутри нее папки по разделам будущего сайта. Тогда разработчик открывает папку «Услуги» и находит там все про услуги, а не ищет нужный файл в общей куче.
Подпапки стоит называть так же, как будут называться страницы или блоки: «Главная», «О компании», «Услуги», внутри — «Ремонт квартир», «Дизайн-проект». Если какое-то направление пока не решено, лучше создать пустую папку с пометкой, чем не создавать ее вовсе: так видно, чего не хватает.
Отдельно стоит завести папку для общих материалов: логотипа, фирменных цветов, шрифтов, реквизитов. Они нужны на всем сайте, и их удобно держать в одном месте.
Как назвать файлы
Имя файла должно объяснять, что внутри, без открытия. «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
Архив/
Папка «Нет-пока» здесь нужна не для порядка, а для честности: в ней видно, что еще предстоит собрать, и это можно сразу заложить в план работы.
Когда материалы лежат так, первый разговор о сайте получается предметным. Если хотите обсудить ваш проект, начните с квиза на сайте: коротко опишите задачу, а я отвечу сама и подскажу, с чего начать сбор.
Читайте также
- Как сэкономить на разработке сайта без ущерба качеству
- Как правильно передать фотографии разработчику сайта
- Какие фотографии нужны для сайта: обложки, карточки, галереи и слайдеры
- Как подготовить товары для загрузки в интернет-магазин
- Как подготовить тексты для сайта и не затягивать разработку
- Как проходит разработка сайта на Tilda: что требуется от заказчика на каждом этапе
