- Какой дизайн продаёт? - Инфографика: просто тренд или необходимость. - Принципы дизайна страницы товара. - Как цвета влияют на пользователя. - Как должны выглядеть кнопки и целевые блоки. - Адаптивный сайт сегодня.

1. КАК СОБЛАЗНИТЬ ПОЛЬЗОВАТЕЛЯ:
ФИШКИ И ПРИЕМЫ
бизнес-пирожки.рф
день 2
Вероника Табакова
дизайнер
ДИЗАЙН САЙТА
БЕЗ ЦЕНЗУРЫ

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

3. Основан на прототипе
«Цепляет»
Понятен пользователю!
Адаптивен или имеет мобильную версию
ПРИНЦИПЫ ПРОДАЮЩЕГО САЙТА:

4. ПРОТОТИП

5. САЙТ НА ОСНОВЕ ПРОТОТИПА
balsamiq.com/products/mockups/

6. А (Attention) – внимание
I (Interest) – интерес
D (Desire) – желание
A (Action) – действие
AIDA ACCA

7. Как захватить - поместить на первый экран:
Крупный текст
Картинку / слайдер
Анимацию
Видео
ATTENTION – ВНИМАНИЕ

9. http://www.converse.com/

10. Как вызвать - обратиться к человеку:
понятно объяснить, что и зачем вы предлагаете
как конкретно это пригодится пользователю
чем вы для него лучше остальных
необычный факт
INTEREST – ИНТЕРЕС

13. Как вызвать - показать в лучшем свете
фотографии, 3D, видео
как пользуются другие
заманчивое предложение
DESIRE – ЖЕЛАНИЕ

14. www.nikevision.com/running/
international.tiffany.com/jewelry

15. www.nikevision.com/running/
international.tiffany.com/jewelry

16. Как подтолкнуть - дать возможность его сделать!
формы заявок+
кнопки+
= призывы
понятны бросаются
в глаза
АCTION – ДЕЙСТВИЕ

21. А (Attention) – внимание
С (Comprehension) – понимание
C (Conviction) – убеждение
A (Action) – действие
AССA

27. ЗАВИСЯТ ОТ КОНТЕНТА
ЯРЧЕ
КОНТЕНТ
НЕЙТРАЛЬНЕЕ
САЙТ
ЦВЕТА

33. http://foto-dina-mika.ru/
http://mariaminnikova.ru/
http://simonbiffenphotography.co.uk/
http://ignatkozlov.com/
http://kaktus.spb.ru/
https://sankt-peterburg.florist.ru/

34. ИКОНКИ. ИНФОГРАФИКА
ПОДАЧА
ИНФОРМАЦИИ

47. ЧТО НУЖНО
ДЛЯ ХОРОШЕЙ
ИНФОГРАФИКИ

48. ИНФОРМАЦИЯ!
кратко
тезисно

49. ЗАГОЛОВКИ
И подзаголовки

50. последовательность
закономерность
логика

51. ГЛАВНОЕ
и второстепенное

52. ЯРКОЕ
ОФОРМЛЕНИЕ

53. ДИЗАЙНЕР

54. ИЛИ ОН-ЛАЙН СЕРВИС,
ТЕРПЕНИЕ И ТРУД

55. ЗАЧЕМ?
Адаптивный веб-дизайн – это дизайн веб-страниц,
обеспечивающий отличное восприятие на различных
устройствах, подключенных к интернету
Большое разнообразие устройств, с которых можно
выходить в интернет
Увеличение мобильного интернет-трафика
Срочная информация
АДАПТИВНЫЙ ВЕБ-ДИЗАЙН
http://quirktools.com/ - cleaning-krasnodar.ru

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

57. 8 988 385 71 57
www.facebook.com/veroveter
ВЕРОНИКА ТАБАКОВА
Все материалы лекции доступны на сайте:
www.slideshare.net/businesspirozki
СПАСИБО ЗА ВНИМАНИЕ :)
Нерекламное агентство