Вход в Базу знаний
Вас ждут лекции и вебинары, краткосрочные курсы, статьи, мастер-классы. Не откладываете в долгий ящик — начните обучение прямо сейчас!
или
Вход в Базу знаний
Вас ждут лекции и вебинары,
краткосрочные курсы, статьи, мастер-классы.
Не откладываете в долгий ящик — начните обучение прямо сейчас!
или
Выход
22 декабря 2016

Сайт дизайнера. Виды, структура, наполнение

Продолжаем серию публикаций про сайт дизайнера. Рассказывает Тарас Сэнкив.

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

Роль сайта

Если присмотреться, на сайте происходит магия: посетители становятся
заказчиками.

В реальности всё немного сложнее, конечно 🙂

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

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

1 . Сайт-портфолио

Бывает двух типов: слайдер и стандартное портфолио.

1а. Слайдер
Листалка лучших работ на весь экран.

Что делать?
Выбираете 5-10 лучших работ, пишете имя, чем занимаетесь и телефон.
Готово.

Сколько времени займет разработка?
Максимум день.

Когда подходит?
Если нет ничего, слайдер хорошее начало. Публикуете слайдер
и переходите к разработке 1б.

1б. Стандартное портфолио
На первой странице обложки проектов, внутри все картинки проекта.
Типичный представитель behance.net. Например: behance.net/Triple-D

Что делать?
Собрать результаты всех проектов по папкам, выбрать / нарисовать
обложки проектов. Если нужно что-то перерендерить — самое время.
Как и в 1а пишете имя, суть предложения и телефон.

Время
От нескольких дней до недели.

Когда подходит?
Когда ничего нет. Сайт базового уровня. Слайдер не считаем сайтом —
это фиговый листок.

2. Одностраничник

Упор на описание услуг.

Что делать?
Блок за блоком описать услуги. О наполнении блоков поговорим ниже.

Время
Несколько недель.

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

2а. Одностраничный + портфолио
Правильное развитие сайта-портфолио. За неделю выкатили
стандартное портфолио, потом несколько недель собираете описание услуг.
Самое главное, что сайт уже работает,  не теряете заказы.

Когда подходит?
Когда что-то есть. Вторая ступень развития базового сайта.
Если готово портфолио, делаете описание. Если начали
с одностраничника, добавляете портфолио.

3. Полный сайт

Минимум 3 полноценных раздела: портфолио, описание услуг, обо мне.


Что делать?
В портфолио недостаточно накидать картинок, нужно собрать кейсы.
Описание услуг должно быть в контексте сайта, перевязано с другими
страницами. Должен быть раздел о вас. Не просто блок в описании,
а целая страница.

Время
8 недель минимум, лучше рассчитывать на 12+.

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

Понятная структура

Хорошая структура следует за желаниями пользователя.
Что хочет знать посетитель?
Куда я попал? → Главная*
Какого качества дизайн? → Портфолио → Проект
Как работает дизайнер? → Услуги
Кто он такой? → Обо мне
Как связаться? → Контакты*

Главной может не быть. Отдельная страница для контактов
тоже не всегда нужна.

Главная

Возможны 3 варианта:
— имиджевая,
— рубрикатор,
— без главной.


Имиджевая



Людей интересуют люди. Имиджевая главная эксплуатирует эту идею.
Еще она хорошо фильтрует случайных посетителей → на выходе
получите более точную статистику.

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

Что писать?
Имя, ссылки на разделы, соцсети и телефон. Очень важно сформулиро-
вать ключевое сообщение, от него зависит успех всего сайта.

Рубрикатор


Главная Ильи Бирмана — типичный пример страницы-рубрикатора.

Кому подходит?
Главная-рубрикатор необходима сайтам с сотнями внутренних страниц
и большим количеством обновляемой информации. Если у вас 3 раздела,
а портфолио обновляется 10 раз в год, от главной лучше отказаться.

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

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

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

Портфолио

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

Оформление бывает 3-х видов:
— регулярная сетка,
— со сложным ритмом,
— асимметрия.

Регулярная сетка

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

Сложным ритм

Лучший выбор для портфолио до 80 проектов.

Асимметрия

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

Описание проектов


В шапке пишете название, задачу, площадь, город, год.
Всё, что ниже, по сути, решение задачи.

Ставите картинки и комментарии к ним. Не просто накидать картинки,
а с комментариями! Что было сделано, почему, какую задачу решали,
какие были трудности, как вышли из ситуации. Картинки группируете
по помещениям. В конце планировка «до» и «после».

После проекта даете 3-4 похожих проекта. Если похожих проектов нет,
пишете «смотрите также» и ставите любые 3-4 проекта. Задача удержать
читателя. Посмотрел проект, молодец, вот тебе еще 3 проекта. Чем больше
кейсов он изучит, тем сильнее убедится в вашей компетентности.

На дне страницы контакты или призыв позвонить.

Услуги


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

1. Заголовок (что?).
2. Подзаголовок (для кого?).
3. Примеры лучших работ — покажите результат.

4. Опишите задачи, с которыми приходят заказчики. Тем самым
продемонстрируете понимание ситуации целевой аудитории
и отпугнете нецелевую.
5. В телеграфном стиле опишите решение задачи.

Далее идет развертывание тезисов.
6. Пункт за пунктом опишите последовательность этапов. Расскажите,
зачем нужен этап, что будет сделано, что клиент получит на выходе.
7. Покажите итоговый альбом. Лучше на видео с комментариями.

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

9. Стоимость. Не обязательно точный расчёт, но цены должны быть.
Сайт без цен не работает. Нет ничего хуже, чем «цену уточняйте». Цены
нужно показать максимально понятно и прозрачно. Опишите факторы,
от которых зависит окончательная стоимость. Скидки для крупных
объектов бывают? Пишите. Можете дать примеры типичных заказов
со ссылкой на портфолио. Например, для квартиры 80, 100 и 150 м²,
для дома 250 м².

10. Напишите примерные сроки. От чего зависит общий срок, как учиты-
вается время на принятие решения? Укажите средние сроки для типич-
ных объектов.

11. Есть отзывы? Ставьте. В отзыве обязательно должен быть рабочий
контакт автора. Иначе воспринимается как фейк.

12. Дайте призыв к действию. Позвонить и получить что-то бесплатно.
Например, обмеры, ТЗ, концепт, консультации. Дайте что-то недорогое
для вас, но ценное для заказчика. Не атакуйте в лобовую фразами
«заказать дизайн». Многоходовая тактика даст лучшую конверсию.
Обычно дизайнеры дают бесплатную консультацию. На странице
должно быть минимум 3 призыва позвонить. Люди реагируют на разные
вещи, мы не знаем, где щелкнет. Старайтесь не повторяться в призывах,
формулируйте разными словами.

13. Продавайте дополнительные услуги: комплектацию, авторский,
декорирование, индивидуальную мебель — пишите всё, что есть.
Но не увлекайтесь и не давите. Всё равно, сначала дизайн. Допродать
в процессе дизайна намного проще, чем вхолодную текстом на сайте.
Задача: показать, что у вас полный цикл. Аккуратно закройте возражения,
покажите, как доп. услуги облегчат участь заказчика. Укажите цены
и объясните логику ценообразования.

14. Делайте вывод. Иначе человек сделает вывод за вас. В выводах
напишите суть предложения: что, для кого, за сколько, как долго. Честно
покажите сильные и слабые стороны.

15. Сразу после вывода давайте финальный призыв. Он должен быть
самым сильным и самым ярким. Человек домотал до конца, это ваш
последний шанс получить звонок.

Обо мне

Начинайте с видео. Расскажите о себе, повторите основные сообщения.
Дайте все соцсети. Можно с объяснением, что где публикуете.
Продублируйте текстом ключевое преимущество или главное сообщение.
Биография по вехам. Училась, работала, сделала.
Что-то личное. Хобби, спорт, путешествия.
Призыв связаться.

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

--
P.S. Почта taras@senkiv.com, забыл написать в прошлый раз.
P.S.S. Сайты в комментариях к первой части смотрел. Есть, что сказать.
Советы выйдут через 1-2 выпуска.

Продолжаем серию публикаций про сайт дизайнера. Рассказывает Тарас Сэнкив.

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

Роль сайта

Если присмотреться, на сайте происходит магия: посетители становятся
заказчиками.

В реальности всё немного сложнее, конечно 🙂

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

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

1 . Сайт-портфолио

Бывает двух типов: слайдер и стандартное портфолио.

1а. Слайдер
Листалка лучших работ на весь экран.

Что делать?
Выбираете 5-10 лучших работ, пишете имя, чем занимаетесь и телефон.
Готово.

Сколько времени займет разработка?
Максимум день.

Когда подходит?
Если нет ничего, слайдер хорошее начало. Публикуете слайдер
и переходите к разработке 1б.

1б. Стандартное портфолио
На первой странице обложки проектов, внутри все картинки проекта.
Типичный представитель behance.net. Например: behance.net/Triple-D

Что делать?
Собрать результаты всех проектов по папкам, выбрать / нарисовать
обложки проектов. Если нужно что-то перерендерить — самое время.
Как и в 1а пишете имя, суть предложения и телефон.

Время
От нескольких дней до недели.

Когда подходит?
Когда ничего нет. Сайт базового уровня. Слайдер не считаем сайтом —
это фиговый листок.

2. Одностраничник

Упор на описание услуг.

Что делать?
Блок за блоком описать услуги. О наполнении блоков поговорим ниже.

Время
Несколько недель.

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

2а. Одностраничный + портфолио
Правильное развитие сайта-портфолио. За неделю выкатили
стандартное портфолио, потом несколько недель собираете описание услуг.
Самое главное, что сайт уже работает,  не теряете заказы.

Когда подходит?
Когда что-то есть. Вторая ступень развития базового сайта.
Если готово портфолио, делаете описание. Если начали
с одностраничника, добавляете портфолио.

3. Полный сайт

Минимум 3 полноценных раздела: портфолио, описание услуг, обо мне.


Что делать?
В портфолио недостаточно накидать картинок, нужно собрать кейсы.
Описание услуг должно быть в контексте сайта, перевязано с другими
страницами. Должен быть раздел о вас. Не просто блок в описании,
а целая страница.

Время
8 недель минимум, лучше рассчитывать на 12+.

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

Понятная структура

Хорошая структура следует за желаниями пользователя.
Что хочет знать посетитель?
Куда я попал? → Главная*
Какого качества дизайн? → Портфолио → Проект
Как работает дизайнер? → Услуги
Кто он такой? → Обо мне
Как связаться? → Контакты*

Главной может не быть. Отдельная страница для контактов
тоже не всегда нужна.

Главная

Возможны 3 варианта:
— имиджевая,
— рубрикатор,
— без главной.


Имиджевая



Людей интересуют люди. Имиджевая главная эксплуатирует эту идею.
Еще она хорошо фильтрует случайных посетителей → на выходе
получите более точную статистику.

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

Что писать?
Имя, ссылки на разделы, соцсети и телефон. Очень важно сформулиро-
вать ключевое сообщение, от него зависит успех всего сайта.

Рубрикатор


Главная Ильи Бирмана — типичный пример страницы-рубрикатора.

Кому подходит?
Главная-рубрикатор необходима сайтам с сотнями внутренних страниц
и большим количеством обновляемой информации. Если у вас 3 раздела,
а портфолио обновляется 10 раз в год, от главной лучше отказаться.

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

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

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

Портфолио

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

Оформление бывает 3-х видов:
— регулярная сетка,
— со сложным ритмом,
— асимметрия.

Регулярная сетка

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

Сложным ритм

Лучший выбор для портфолио до 80 проектов.

Асимметрия

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

Описание проектов


В шапке пишете название, задачу, площадь, город, год.
Всё, что ниже, по сути, решение задачи.

Ставите картинки и комментарии к ним. Не просто накидать картинки,
а с комментариями! Что было сделано, почему, какую задачу решали,
какие были трудности, как вышли из ситуации. Картинки группируете
по помещениям. В конце планировка «до» и «после».

После проекта даете 3-4 похожих проекта. Если похожих проектов нет,
пишете «смотрите также» и ставите любые 3-4 проекта. Задача удержать
читателя. Посмотрел проект, молодец, вот тебе еще 3 проекта. Чем больше
кейсов он изучит, тем сильнее убедится в вашей компетентности.

На дне страницы контакты или призыв позвонить.

Услуги


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

1. Заголовок (что?).
2. Подзаголовок (для кого?).
3. Примеры лучших работ — покажите результат.

4. Опишите задачи, с которыми приходят заказчики. Тем самым
продемонстрируете понимание ситуации целевой аудитории
и отпугнете нецелевую.
5. В телеграфном стиле опишите решение задачи.

Далее идет развертывание тезисов.
6. Пункт за пунктом опишите последовательность этапов. Расскажите,
зачем нужен этап, что будет сделано, что клиент получит на выходе.
7. Покажите итоговый альбом. Лучше на видео с комментариями.

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

9. Стоимость. Не обязательно точный расчёт, но цены должны быть.
Сайт без цен не работает. Нет ничего хуже, чем «цену уточняйте». Цены
нужно показать максимально понятно и прозрачно. Опишите факторы,
от которых зависит окончательная стоимость. Скидки для крупных
объектов бывают? Пишите. Можете дать примеры типичных заказов
со ссылкой на портфолио. Например, для квартиры 80, 100 и 150 м²,
для дома 250 м².

10. Напишите примерные сроки. От чего зависит общий срок, как учиты-
вается время на принятие решения? Укажите средние сроки для типич-
ных объектов.

11. Есть отзывы? Ставьте. В отзыве обязательно должен быть рабочий
контакт автора. Иначе воспринимается как фейк.

12. Дайте призыв к действию. Позвонить и получить что-то бесплатно.
Например, обмеры, ТЗ, концепт, консультации. Дайте что-то недорогое
для вас, но ценное для заказчика. Не атакуйте в лобовую фразами
«заказать дизайн». Многоходовая тактика даст лучшую конверсию.
Обычно дизайнеры дают бесплатную консультацию. На странице
должно быть минимум 3 призыва позвонить. Люди реагируют на разные
вещи, мы не знаем, где щелкнет. Старайтесь не повторяться в призывах,
формулируйте разными словами.

13. Продавайте дополнительные услуги: комплектацию, авторский,
декорирование, индивидуальную мебель — пишите всё, что есть.
Но не увлекайтесь и не давите. Всё равно, сначала дизайн. Допродать
в процессе дизайна намного проще, чем вхолодную текстом на сайте.
Задача: показать, что у вас полный цикл. Аккуратно закройте возражения,
покажите, как доп. услуги облегчат участь заказчика. Укажите цены
и объясните логику ценообразования.

14. Делайте вывод. Иначе человек сделает вывод за вас. В выводах
напишите суть предложения: что, для кого, за сколько, как долго. Честно
покажите сильные и слабые стороны.

15. Сразу после вывода давайте финальный призыв. Он должен быть
самым сильным и самым ярким. Человек домотал до конца, это ваш
последний шанс получить звонок.

Обо мне

Начинайте с видео. Расскажите о себе, повторите основные сообщения.
Дайте все соцсети. Можно с объяснением, что где публикуете.
Продублируйте текстом ключевое преимущество или главное сообщение.
Биография по вехам. Училась, работала, сделала.
Что-то личное. Хобби, спорт, путешествия.
Призыв связаться.

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

--
P.S. Почта taras@senkiv.com, забыл написать в прошлый раз.
P.S.S. Сайты в комментариях к первой части смотрел. Есть, что сказать.
Советы выйдут через 1-2 выпуска.

1

Добавить комментарий

Добавить комментарий

Ваш e-mail не будет опубликован.