Черная пятница в UPROCK!

Как создать сайт, если нет контента

Автор статьи:
,

Введение

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

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

Шаг 1. Определите тип сайта

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

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

Лендинг или промостраница

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

Структура:
  • заметный заголовок,
  • информация о товаре/услуге,
  • фотографии товара,
  • отзывы клиентов,
  • форма обратной связи,
  • FAQ.
clipons.pyeoptics.com

Портфолио или сайт-визитка

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

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

Корпоративный сайт (сайт студии)

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

Структура:
  • о компании (история фирмы),
  • сотрудники и руководство,
  • преимущества (техническое оснащение, особенности производства, скорость работы и пр.),
  • блок с ценами или расчет стоимости,
  • клиенты, отзывы или кейсы,
  • новости,
  • контакты,
  • FAQ.
creative.family

Интернет-магазин

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

Структура:
  • информация о бренде,
  • карточки товаров,
  • отзывы или рейтинги,
  • информационные страницы (возврат, оплата и пр.),
  • личный кабинет,
  • корзина,
  • контакты,
  • FAQ.
elis.ru

Шаг 2. Ищем текстовый контент там, где его нет

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

Бриф

В вашем случае бриф должен быть максимально подробным и содержать следующие вопросы:

01
какие задачи должен решать сайт,
02
информация о компании,
03
ценности компании и миссия,
04
фирменный стиль и его элементы,
05
преимущества компании, продукта или услуги,
06
конкуренты,
07
описание целевой аудитории,
08
частые вопросы клиентов,
09
референсы — сайты, которые нравятся клиенту.

Написание текстов

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

Поможет вам с генерацией идей:
  • упор на запросы ЦА,
  • контент конкурентов,
  • нейросети,
  • сервисы по работе с текстами.

Обо всем этом подробно рассказали в лонгриде — Как дизайнеру написать текст для сайта.

Шаг 3. Разбираемся с фотоконтентом

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

Стилистика

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

Задача

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

Размер

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

Уместность

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

Легальность

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

Шаг 4. Выбираем фотографии

Теперь, объяснив заказчику все требования к хорошему фотоконтенту, вы можете предложить ему 2 пути решения: проведение фотосессии и стоки.

Фотосессия

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

Плюсы:
  • wow-эффект на сайте,
  • оригинальность фотографий,
  • высокое качество.
Минусы:
  • высокая стоимость,
  • долгое ожидание,
  • время, которые вы потратите на ТЗ для фотографа.
president.studio

Стоковые сервисы

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

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

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

Приведем несколько примеров известных сервисов:

Unsplash — без регистрации, автоматические предложит похожие картинки к той, что вы просматриваете.

PxHere — фотографии можно скачивать более чем в 20 разрешениях, к каждой работе приводится палитра цветов.

Stockvault — множество категорий и фильтров, можно найти очень интересные и оригинальные текстуры для фона.

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

Больше информации по таким стоковым сервисам вы можете найти в базе Uprock, там мы собрали все самые нужные сервисы для дизайнеров и разбили по категориям: графика, фотографии, видео, иконки, 3D-объекты и мн. др.

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

Шаг 5. Подбираем векторную графику

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

Привлечение иллюстратора

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

Плюсы:
  • точное попадание иллюстраций в специфику текста,
  • единообразие изображений,
  • брендирование,
  • уникальность.
Минусы:
  • высокая стоимость,
  • долгое ожидание.
howto.vskali.ru

Стоковые сервисы

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

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

Посоветуем несколько интересных сервисов, полная информация в Базе Uprock.

iStock — здесь есть фото, векторная графика, иллюстрации и пр. Подписчикам предоставляется доступ к онлайн-редактору.

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

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

Искусственный интеллект

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

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

Плюсы:
  • отсутствие авторского права,
  • невысокая стоимость,
  • интересно,
  • привлекает внимание аудитории.
Минусы:
  • результат может быть непредсказуем,
  • результат может быть неидеален,
  • много времени для правок,
  • нужно разобраться с каждой отдельной нейросетью, как задавать для нее промт.

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

Kandinsky Video — нейросеть, которая сгенерирует полноценный видеоролик до 8 секунд. Создатели обещают плавный видеоряд и частоту около 30 кадров в секунду.

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

Midjourney — генерирует качественные изображения на основе текстовых запросов. Данный инструмент работает в Discord. Так что вам понадобится зарегистрировать там учетную запись. По промту выдает 4 похожих изображения, далее можно увеличить нужное или создать для него вариации. Для запросов используется анг. язык, 25 бесплатных попыток.

Шаг 6. Собираем социальные доказательства

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

Отзывы

Запросите у клиента отзывы. Это могут быть скрины из мессенджеров, электронные письма или смс. Также проверьте сайты-отзовики, ДубльГис, Яндекс или Google-карты и соберите всю информацию по обратной связи от потребителей.

Если отзывов нет или очень мало, предложите заказчику их запросить. Лучше вообще не добавлять блок с отзывами на сайт, чем добавить 2-3.

level-app.ru
Плюсы:
  • довольно легко собрать,
  • можно регулярно добавлять,
  • омниканальность (можно использовать отзывы с любых площадок и соц. сетей).
Минусы:
  • отзывов должно быть много,
  • отзывам на сайтах аудитория доверяет меньше,
  • вы не сможете контролировать отзывы на открытых площадках, а они могут противоречить информации с сайта.

Кейсы

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

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

olgaprudka.com
Плюсы:
  • развернутая успешная история,
  • показать, как строятся этапы работы,
  • продемонстрировать, как компания решает проблемы.
Минусы:
  • занимают много времени,
  • доверия меньше, чем к отзывам,
  • подойдут не для каждой ниши.

Шаг 7. Составляем FAQ

FAQ — это раздел, который помогает клиентам, отвечая на самые популярные вопросы. Может называться также: «справка», «помощь», «вопросы и ответы».

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

01
Краткие вопросы и лаконичные ответы.
02
В ответах избегайте двусмысленности.
03
Используйте актуальные вопросы для бизнеса. Например: «Как оформить заказ?», «Какие гарантии предоставляет компания?» и т.д.
04
Если вопросов до 10, используйте общий список, если больше, разделите на категории.
05
Начинайте раздел с самых популярных вопросов.
storyabout.co

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

Заключение

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

Мы пошагово расписали процесс работы при такой ситуации, так что вы можете смело приступать к работе!

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