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

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

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

Совет: На этом этапе важно не сосредоточиваться на «бантиках» — цветовой гамме, спецэфектах, анимации. Важно определить суть – что затронет посетителя эмоционально и побудит остаться на сайте и воспользоваться Вашими услугами или приобрести Ваш продукт.

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

Что такое прототип. После того, как Вы изучили сайты конкурентов, посмотрели классные дизайны других сайтов, у Вас, наверняка, появились идеи в отношении своего сайта. Теперь эти идеи нужно визуализировать – нарисовать эскиз. Это и есть прототип Вашего сайта. Он представляет собой схематическое изображение блоков, которые будут на сайте.

Нарисовать прототип очень просто – достаточно иметь лист бумаги и две ручки/карандаша/фломастера контрастных цветов (синий и красный, черный и красный). Нарисуйте на листе основным цветом (синим или черным) схематично — что за чем будет идти на Вашем сайте/странице. Здесь не важны детали, картинки и текст — только контуры блоков.

Как рисовать прототип. Используйте простые стандартные элементы. Заголовок – толстая линия, простой текст – тонкие прямые линии. Картинка – прямоугольник с перечеркнутыми линиями, управляющие элементы – как кнопки. «Шапка» — широкая полоска сверху. Логотип – толстый штрих. Пункты меню – несколько простых штрихов.

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

Если у Вас несколько идей как может выглядеть Ваш сайт – нарисуйте несколько прототипов. Посоветуйтесь с коллегами и выберите лучший.

Информация – это основа сайта. Прежде, чем обращаться в веб-студию, Вам нужно определиться с контентом (внутренним наполнением сайта – текстовой и графической информацией). Иначе, дизайн придется переделывать и сайт переверстывать. А это Ваше время и Ваши деньги. Поэтому, сначала подготовьте всю информацию – рассказ о себе, преимуществах работы с Вами, описание всех продуктов/услуг, фотографии и прочее. Это основание, на котором будет строиться Ваш сайт и гарантия его ценности для посетителя.

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

Если Вы пишите текст самостоятельно, можете воспользоваться простой схемой:

Стиль текста. «Краткость сестра таланта». Эта фраза А.П. Чехова в полной мере применима и для текста для сайта. Длинный текст не читают. Избегайте общих и расплывчатых фраз. Говорите коротко и только главное. Постарайтесь в заголовке привлечь внимание и передать смысл, а описанием расширить и дополнить сообщение. Готовый текст проверьте с помощью сервиса glvrd.ru. Он помогает очистить текст от словесного мусора и проверяет на соответствие информационному стилю.

Совет: если Вам трудно лаконично формулировать мысль, наймите копирайтера. Это не дорого и практично.

Подбор цветовой гаммы. Определитесь, какие цвета будут использоваться на Вашем сайте. Их не должно быть много. Максимум 3. В идеале – 2. Основной и акцентный. Если у Вас есть логотип, можно отталкиваться от его цветов. Если нет, ориентируйтесь на собственный вкус. Но не забывайте о сочетаемости цветов. Подобрать подходящие друг другу цвета можно с помощью специальных сервисов, таких как colorscheme.ru

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

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

Последовательность работы. Дизайнер рисует макет и дает Вам на утверждение. Вы вносите правки, дизайнер исправляет, Вы утверждаете макет и он передается в верстку. Верстальщик реализует Ваши идеи в настоящий, работающий, приносящий Вам прибыль сайт.

Понравилась статья? Поделитесь с друзьями:

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