Дипломный проект: Интернет-магазин китайского чая

1,346 views

Published on

Бесплатно учись веб-дизайну – http://goo.gl/iNr4O5
Школа веб-дизайна Максима Солдаткина

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,346
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Дипломный проект: Интернет-магазин китайского чая

  1. 1. ИНТЕРНЕТ-МАГАЗИН КИТАЙСКОГО ЧАЯ 茶 TeaBeaT 茶
  2. 2. Создать интуитивный интерфейс для интернет-магазина Китайского чая 1 2 Упростить механику выбора продукта ЗАДАЧА
  3. 3. СНАЧАЛА ТЫ ГРЕЕШЬ ВОДУ, А ПОТОМ - ОНА ТЕБЯ. Жизненная цель Цель взаимодействия Конечная цель Поддерживать здоровый образ жизни, используя натуральные продукты питания. Посещать новую страну мира каждый год. г. МОСКВА класс: средний Возможность пить натуральный чай дома.
  4. 4. ЦЕЛЬ: Покупка чая в интернете РЕЗУЛЬТАТ: Клиент правильно заваривает чай и пьёт его дома СЦЕНАРИЙ: 1 понравился чай в заведении 2 прочитал на чайной карте адрес сайта 3 зашел на сайт 4 нашел нужный чая 5 оформил заказ 6 оплатил покупку СЦЕНАРИЙ
  5. 5. ПРОТОТИП
  6. 6. Слабоферментируемый чай, производиться практичесски без обработки и только из верхних пушистых почек. P СсылкаA Ссылка при наведенииA: hover Чайная картаH1 45pt 34pt 24pt 15pt 14pt 13pt 13pt БАЙ ХАО ИНЬ ЧЖЕНЬH2 «Беловолосые серебряные иглы»H3 Север провинции Фу Цзянь.S1 ШРИФТОВАЯ ПАРА PT Sans Regular PT Sans Bold
  7. 7. ЦВЕТОВАЯ ПАЛИТРА RGB: 33 : 41 : 17 HEX: 212911 RGB: 180 : 194 : 100 HEX: B4C264 RGB: 205 : 214 : 70 HEX: CDD646 RGB: 117 : 122 : 66 HEX: 757A42 RGB: 255 : 255 : 255 HEX: FFFFFF RGB: 244 : 83 : 33 HEX: F45321
  8. 8. ПРОЦЕСС
  9. 9. ДЕТАЛИ №1 После выбора нужного чая я предлагаю человеку выбрать еще один чай из коллекции.
  10. 10. ДЕТАЛИ Кликнув по этой ссылки для человека всплывет пояснение о том как правильно заваривать чай. Убрав курсор с картинки она пропадет. №2
  11. 11. ДЕТАЛИ №3 Для удобства покупки, человеку не придется переходить в новое окно корзины.
  12. 12. ПОДАЧА В ЖИЗНИ
  13. 13. https://www.behance.net/jesus-supe2498 http://revision.ru/a/Bombhulenath/ https://www.fl.ru/users/Bombhulenath/ Мои аккаунты на площадках: jesus-superstar@yandex.ru ПОНРАВИЛОСЬ? Тогда напиши мне! +7 (937) 700-26-71 jesus_superstar13 vk.com/jesussuperstar www.facebook.com/Jesus Superstar instagram.com/bombhulenath/
  14. 14. СКРИПТЫ Шаблон письма в студию
  15. 15. ПРАВКИ 1 Выровнять значки по массе 2 Иконки соц.сетей поменять на более округлые формы 3 Между корзиной и кнопкой меню написать «Чайная карта» 4 Перенести значок типа чая отдельным всплывающим стикером 5 Подкорректировать цветовую гамму
  16. 16. ПРАВКИ 6 Стрелку сместить влево и сделать ее меньше 7 Название типа чая убрать наверх 8 Убрать короткое описание чая с фото и сделать отдельный всплывающий стикер при наведении 9 Выровнять начертание шрифтов 10 Выровнять макет по сетке
  17. 17. ПРАВКИ 11 Рядом с ценой и весом сделать значок 12 Убрать дополнительный вид, оставить только один и сделать крупно 13 Добавить после цены три разновидности чая, для того что бы человек смог сделать дополнительный выбор 14 Переделать блок с температурой заваривания и крепостью чая 15 Доработать корзину
  18. 18. ПОСТ В VK
  19. 19. ссылка на видео прототипа: https://youtu.be/k9aahfyBLHQ
  20. 20. Кейвижуал
  21. 21. Кейвижуал
  22. 22. Кейвижуал
  23. 23. Кейвижуал
  24. 24. ВИЗУАЛЬНАЯ РИФМА. В качестве визуальной рифмы была взята интерпретация трех стадий кипячения воды. Первая: пузырьки маленького размера (с рыбий глаз), и вода немного шумит. Вторая: пузырьки средних размеров (с жемчужину), о краям поднимаются ручейками. Третья: вода громко бурлит, поднимается волнами, пузырьки большие.
  25. 25. ИНСАЙТ ИНТЕРФЕЙС - должен вызыват у человека покой и естественность. Гармония и простота ведет человека сразу к заветной цели, не что его не отвлекает на путик ней. TeaBeat: Почему вы покупаете китайский чай? Покупатель: Потому что, мне нравиться процесс заваривания, чайная церемония успокаивает и расслабляет меня. TeaBeat: Почему вы пьете китайский чай? Покупатель: Потому что, мне нравиться его свежий и натуральный вкус. TeaBeat: А вы пьете пакетированный чай? Покупатель: Нет, мне не нравиться его вкус, так как он похож на вкус сухой соломы с разными добавками и красителями. Это говорит о его не натуральном происхождении. TeaBeat: Почему вы хотите пить натуральный чай? Покупатель: Потому что я хочу быть здоровым. Инсайт TeaBeat’а: это покой и подлинность Покой - это естественность. Не иметь желаний и ожиданий, не иметь стремлений, следовать естественности, это и есть покой. Вся тьма вещей и явлений, что есть между небом и землей, рождено Небом, все меняется, рождается и умирает, имеет причину и следствие. Подлинность - это подлинная природа. У всего между небом и землей есть своя подлинная природа, это неоспоримая истина. Если при заваривании чая движения, расположение и использование предметов, отношения между участниками чаепития, порядок заваривания и подачи и т.д. соответствуют обычной естественности - можно достичь Покоя.
  26. 26. ЧУВСТВА. Простота: понятная навигация в выборе чая Натуральность: крупные фотографии чая позволяют показать его натуральность, в цветовой гамме интерфейса присутствуют оттенки зеленого цвета говоря нам о натуральности Полезность: у каждого из чаев есть своя карточка с описанием, так же есть карточка с тем как правильно заваривать чай Чистота: ни чего лишнего, нет не какой рекламы, только все о чае

×