Разработка дизайна сайта

Зачем нужен дизайн

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

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

Готовый шаблон или нарисованный дизайн

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

К плюсам можно отнести:

• Цена — есть много бесплатных шаблонов (их функционал как правило ограничен) и есть платные, премиальные шаблоны. Цена платных шаблонов как правило не превышает — 100$. Вот тут большой выбор готовых шаблонов — https://themeforest.net/
• Время разработки — готовый шаблон работает сразу после установки. Его настройка — это как правило несколько часов работы.

Минусы:

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

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

Создание технического задания на дизайн

Макет дизайна сайта является первым этапом любого технического задания. Дизайн сайта — это «упаковка вашего товара», поэтому он должен отвечать современным тенденциям, быть уникальным и удобным для пользователей (юзабилити). В современных реалиях поисковые системы уделяют большое внимание поведенческим факторам пользователей (количество просмотренных страниц, проведенное время на сайте) и особенно Яндекс, поэтому если ваш дизайн будет удобен для пользователей, то плюсом вы получите хорошие позиции по запросам вашей тематике.

Если вам никогда не приходилось писать ТЗ на дизайн, то выберите 2-3 сайта вашей тематики, которые вам нравятся и продумайте, какие элементы с этих сайтов должны быть на вашем. Каждый сайт условно можно поделить на 3 области:

1. Шапка сайта (Header).
2. Центральная область (от меню до футера).
3. Футер (Footer).

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

• Логотип
• Телефон
• Почта
• Адрес
• Кнопки обратной связи
• Калькуляторы

В центральной части:

• Основные товары (интернет-магазин) или услуги.
• Блок с преимуществами вашей компании перед конкурентами (бесплатная доставка, самые низкие цены, продленная гарантия и тд).
• Так же вы можете разместить отзывы ваших покупателей или клиентов, это усилит доверие к ресурсу.
• Можно добавить карту проезда.

В нижней области или футере:

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

Вот пример футера сочетающий в себе все необходимые элементы.

Выбор дизайнера

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

Тут можно пойти 2 путями:

1. Обратиться в Веб-студию.
2. Найти дизайнера через сервисы фриланса.

Как всегда есть свои плюсы и минусы.

Созданияе дизайна в Веб-студии

• Экономия времени — вам не нужно будет тратить время на составление ТЗ.
• Не нужно никаких знаний — объяснить, что вы хотите можно на словах.
• Гарантия выполненной работы — вы работаете с реальной компанией и заключаете догов, где уточняются все нюансы.

Минусы:

• Цена выше чем у фрилансеров.

Разработка дизайна сайта фрилансером

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

Основные сервисы фриланса:

• Fl.ru
• freelance.ru

На что обратить внимание при поиске фрилансера

• Половина топовых фрилансеров работают не сами, а выступают в роли посредников. В этом случае вы переплачиваете за работу, так же как в Веб-студии. Их можно определить по большому количеству выполненных работ и отзывов. Не стоит писать фрилансерам у которых больше 200 реализованных проектов, один человек вряд ли справится с такой массой. Так же можно посмотреть список работ, если они сильно отличаются, то скорее всего данный фрилансер посредник.
• Перед тем как переводить деньги ОБЯЗАТЕЛЬНО создайте заказ данному фрилансеру через систему! Это можно сделать двумя способами: 1)Безопасная сделка — вы пополняете баланс системы и после успешного подтверждения выполненного задания, оговоренная сумма перечисляется фрилансеру. Минус данной операции в том, что за выполнение система берет себе комиссию. 2)Заказ через систему, где взаиморасчеты заказчик с фрилансером выполняют сами. Если по каким то причинам фрилансер не выполнил свои обязательства, вы можете написать про него отрицательный отзыв, что ухудшит его общий рейтинг и репутацию. В данных сервисах репутация фрилансера многое решает, поэтому негативный отзыв будет весомым аргументом в ваших руках.

Итог

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

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

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