Всего за 490 руб. Купить полную версию
Шаг 2. Составление технического задания. Вам нужно определиться с задачами будущего сайта. Самые важные их них: что из себя будет представлять сайт и какую информацию нести? Если ваш исполнитель ответственно подходит к своей работе, то попросит вас ответить на список вопросов, именуемый брифом. Именно на этом этапе достигаются договоренности и выслушиваются пожеланиям.
Шаг 3. Создание прототипов. Прототип это макет будущего сайта. Проектировщик схематично отрисовывает, как на веб-страницах будут выглядеть все важные информационные элементы: меню, значки соцсетей, история компании, блоки с отзывами, вкладки с услугами и так далее. Ни за что не пропускайте этот шаг, ведь прототип помогает проверить, правильно ли вы с исполнителем поняли друг друга. Внести правки до окончательной разработки сайта будет проще и дешевле.
Шаг 4. Дизайн. Цвета, шрифты, размеры отступов, тени, картинки и текст: все страницы сайта должны быть объединены одним стилем. Если подумываете над внедрением трендов, то не хапайте все сразу. Иначе сайт придется переделывать каждые 23 года. Присмотритесь к тем тенденциям, которые соответствуют вашему фирменному стилю. Например, трехмерность, всплывающие элементы, объединение графики и фото.
Шаг 5. Верстка. Представляет собой технический момент, когда макеты с красивыми картинками превращаются в работающий сайт, кнопки становятся кликабельными, а графика подвижной. Еще один важный этап, который полностью делается руками исполнителя. Но есть небольшое уточнение: за дизайн и верстку обычно отвечают разные люди. Здесь нужны совершенно другие навыки.
Шаг 6. Заполнение контентом. Информация об услугах, отзывы, контакты, гарантии, новости, акции, экспертный блог, продающие тексты не оставляйте пустых страниц. Клиенты должны понимать, что сайт рабочий, и они могут сделать заказ. Кстати, раздел с блогом убивает сразу двух зайцев: создает образ эксперта и дает возможность вместить все ключевые фразы, которые клиенты вбивают в гугл для поиска косметологических услуг. Советую им не пренебрегать.
Шаг 7. Подключение аналитики. Анализ нужен везде, в том числе и при создании сайта. Он покажет, насколько веб-ресурс удобен и понятен пользователям. Наиболее распространенные сервисы веб-аналитики это Яндекс. Метрика и Google Analytics.
Последовательно выполнив каждый пункт, вы получите сайт, готовый к продвижению и продажам. Пользователи видят все больше и больше хороших и удобных сайтов с крутым дизайном. Корявую веб-страницу, абсолютно не подстроенную под нужды потребителя, они обойдут стороной.
5 основных правил проектирования веб-ресурсов
В проектировании сайтов существуют определенные правила, которые лучше не нарушать. Они делают ваш веб-ресурс приятным глазу и удобным для потенциальных клиентов. На первый взгляд правила могут показаться вам слишком банальными, но не торопитесь с выводами. Я до сих пор натыкаюсь на сайты клиник, которые ими пренебрегают, из-за чего сильно проигрывают своим конкурентам. Что иронично, большинство из них говорят своей целевой аудитории о красоте и эстетике при том, что их веб-ресурс выглядит, как неудачный учебный проект юного программиста. Как думаете, такая косметологическая клиника вызовет доверие у клиентов? Точно нет. Теперь, когда мы поговорили о важности соблюдения правил, давайте наконец-то перейдем к ним.
1. Быстрая загрузка страниц. Казалось бы, вещь простая и очевидная, но по какой-то причине не всем она подвластна. Не пичкайте на сайт слишком много анимации, видео и прочих графических элементов. Такие вещи сильно снижают скорость загрузки. Половине посетителей банально не хватит терпения и они покинут ваш сайт.
2. F-образный шаблон. Одна из особенностей пользовательского поведения в Интернете обращать больше внимания на одни блоки сайта и абсолютно игнорировать другие. Так, клиент сначала осматривает верхнюю полосу сайта, затем скользит взглядом по левой стороне, как бы описывая букву F. Размещайте всю важную информацию на этих линиях.
3. «Хлебные крошки». Так называется путь клиента, который он прошел от главной страницы до той, где сейчас находится. Допустим, из меню он перешел в раздел «Услуги», затем кликнул на «Аппаратную косметологию», а там выбрал «Лазерное омоложение». Весь этот путь отображается сверху или сбоку. При желании пользователь может кликнуть на любую вкладку из всей цепочки и вернуться назад на несколько шагов.