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

У вас есть 3 способа создать уникальный внешний вид своего контентного проекта:

1. Сделать быстро и бюджетно, используя готовые решения. Берем шаблон WordPress и кастомизируем его.

2. Разработать дизайн с нуля самостоятельно. Как правило, дольше и сложней.

3. Нанять сторонних подрядчиков, которые под ключ осуществят все работы.

Мы разберем способ №3.

Представим ситуацию: вы решили создать с нуля дизайн под свой новый контентный проект и доверяете эту задачу профессионалу.

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

Итак, поехали!

Основные этапы:

1. Определяемся с основной идеей и задачей сайта. Для чего он нужен? Кто его будет посещать и зачем?

Из скольких страниц и разделов он будет состоять? Грубо говоря — рисуем карту будущего проекта, продумываем вложенность. В будущем это поможет и в SEO-продвижении.

Визуально все это очень просто оформить в формате майнд-карты.

Для этого можно воспользоваться CoggleWhimsical или аналогичными сервисами.

2. Выбрать CMS. Нужно знать технические возможности CMS-ок. Иначе может случиться так, что дизайнер придумает крутой графический элемент, а его невозможно будет реализовать. Придется вносить правки и все переделывать 🙁

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

Примечание: Чем больше сайтов вы проанализируете, тем лучше! Вы наверняка найдете вдохновляющие примеры, интересные решения и варианты «так делать точно не стоит».

4. Итак, вы вдохновились примерами и у вас появились первые идеи. Нужно сразу это всё выразить графически — набросать прототип. Можно взять обычный лист бумаги и маркер или сделать всё это в специальных программах (сервисах). Не нужно всё прорисовывать до мелочей, накидайте только общую идею. У вас должен получиться сценарий будущего сайта.

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

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

6. Подберите цветовую схему для будущего сайта, шрифты или шрифтовую пару.

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

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

8. Как только главная страница готова, нужно проработать детали: нарисовать иконки, вставить фотографии или иллюстрации.

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

9. Проработайте мобильную версию дизайна.

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

Ох и нелегкая эта работа — прорабатывать дизайн своего сайта! Но эти труды непременно окупятся. А в комментариях вы можете поделиться своим опытом создания дизайна для сайта. Какие способы чаще всего используете вы?