Содержание
- 2. Тематика Тематика Сайт для магазина, который продает восточные сладости. Назначение веб-сайта Предоставить пользователю удобный и красивый
- 3. ЦА пол: любой, возраст: 25+, семейное положение: любое, уровень владения компьютером (начальный, продвинутый, средний): достаточный, чтобы
- 4. Ключевой персонаж Имя: Варвара Возраст: 33 Семейное положение: замужем Род занятий: Учитель. Достаток: средний. География: живет
- 5. Вывод по ключевому персонажу Делаем вывод, что посетители будут не совсем молодого возраста, которые с легкостью
- 6. Бриф заказчика 1. Что продает магазин? Восточные сладости 2. Укажите названия брендов-конкурентов. pahlava.msk.ru, sladkoru.ru, дамасскийпекарь.рф, turkish-bazar.ru,
- 7. Бриф пользователя 1. Что пользователи ожидают от сайта (основные необходимые возможности сайта)? - Легкость выбора товара,
- 8. Вывод по брифам Для удобства, доверия и приятного восприятия пользователя: - Современным дизайн под восточность. -
- 9. Карта CJM пользователя
- 10. Анализ карты CJM пользователя Первый раз мы могли потерять Марию на нежелании искать наш сайт на
- 11. Карта сайта
- 12. Варфреймы
- 13. Главная В хедере находится лого (левый верхний угол, куда посмотрит юзер первым делом), потом меню с
- 14. О нас К хлебным крошкам добавилось «О нас». Далее секция с фото и текстом о компании,
- 15. Поставщики и качество К хлебным крошкам добавилось «Поставщики и качество». Простая информационная страничка с 2мя секциями.
- 16. Преимущества К хлебным крошкам добавилось «Преимущества». Информационная страничка с преимуществами, отзывами, информацией о доставке и опте,
- 17. Опт К хлебным крошкам добавилось «Опт». Здесь информационная страничка с подробным описание условия опта и его
- 18. Вопрос-Ответ К хлебным крошкам добавилось «Вопрс-Ответ». Информационная страничка с частыми вопросами и ответами на них.
- 19. Каталог К хлебным крошкам добавилось «Каталог». Слева по вертикальной траектории F находится фильтр по категориям и
- 20. Карточка отдельного товара К хлебным крошкам добавилось название товара. Расположение элементов было сделано опираясь на «Золотое
- 21. Новости К хлебным крошкам добавилось «Новости». Страница содержит список новостей, их название, дату, и краткий текст,
- 22. Подробная информация новости К хлебным крошкам добавилось название новости. Страница содержит фотографию к новости, название, дату
- 23. Блог К хлебным крошкам добавилось «Блог». Страница содержит список тем, их название и краткий текст, при
- 24. Подробная информация блога К хлебным крошкам добавилось название темы. Страница содержит фотографию к теме, название и
- 25. Контакты К хлебным крошкам добавилось «Контакты». Страница содержит контакты и адреса компани.
- 26. Выбор цвета и мудборд Целью моего продукта является продать восточные сладости, стилем я должен передать атмосферу
- 27. Шрифты Так как я разрабатываю магазин, где будут продавать традиционные продукты (восточные сладости), шрифт должен немного
- 28. Подбор фотографий Логотип Баннер О нас Товар Логотип выбрал под цвет из мудборда #8b1d14, также шрифт
- 29. Оптимизаций фотографий Используются легкие форматы для фотографий - jpeg и wepb, фотографии сжаты и имеют оптимальный
- 30. Оптимизация баннера Начальные параметры: вес: 1,2МБ, png масштаб: 1427х355 После оптимизации параметры: вес: перевел в .jpg(86КБ)
- 31. Оптимизация фотографии “О нас” Начальные параметры: вес: 803КБ, png масштаб: 803х510 После оптимизации параметры: вес: перевел
- 32. Оптимизация фотографии товара Начальные параметры: вес: 184КБ, jpeg масштаб: 1200х900 После оптимизации параметры: вес: сжал (25КБ)
- 33. Выбор модульной сетки десктоп Я выбрал сетку из 12 столбцов за счет ее высокого количества кратности
- 34. Модульная сетка мобильного В мобильной версии содержится 4 колонки
- 35. UI Kit десктопа
- 36. UI Kit мобильного
- 37. Связи прототипов
- 39. Скачать презентацию