Как создать сайт для нового продукта (и как мы это сделали) |

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

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

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

Создать карту сайта

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

Вот карта сайта, которую мы разработали для Outpost:

1. 1. Главная : Обзор продукта и «призыв к действию», чтобы зарегистрироваться для бесплатной пробной версии. Вторичные ссылки на другие страницы, описывающие функции.
   2. Обзор функций : обзор всех функций со ссылками на подробные страницы функций.
      1. Подробные сведения о функции A: Подробная информация о функции A.
      2. Особенности функции для Функция B: Детали функции B.
      3. Повторите для всех функций.

• Ценообразование: информация о планах и ссылках на цены, чтобы зарегистрироваться для бесплатной пробной версии.
• Клиенты: Профили успешных клиентов.
• О нас: Обзор того, кто мы, наша миссия и наша история.
• Свяжитесь с нами: Контактная информация, часы, местоположение.
• Вакансии: Список наших текущих вакансий.
• Заявление о конфиденциальности: Политика конфиденциальности Outpost.
• Блог: Домашняя страница блога, в котором перечислены последние записи в блогах.
• Сообщение в блоге: Будет несколько сообщений в блогах. Эта страница будет для них шаблоном.
• Справочный центр: Наш справочный центр будет работать под управлением Zendesk.

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

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

Напишите свою копию сначала перед дизайном

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

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

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

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

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

Вот заголовок и расширенное описание Outpost, продукт, который мы создаем:

Оптимизация общей электронной почты

Легко отслеживать, и отвечать на сообщения, отправленные на общие адреса электронной почты, такие как support @ или info @.

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

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

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

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

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

Разработка каркаса

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

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

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

Если вам нужно вдохновение, просмотрите другие сайты, которые вам нравятся, и посмотрите, как они структурируют информацию на каждой странице.

Если вы используете ручку и бумагу, это не ваша вещь, вы можете использовать PowerPoint или Keynote для создания каркасов. Существуют также специальные средства для работы с каркасами, такие как Balsamiq, которые облегчают процесс.

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