Дипломный проект. Разработка web-дизайна сайта ресторана

Сентябрь 7, 2022

Главная
Алгебра
Дипломный проект. Разработка web-дизайна сайта ресторана

Содержание

3. Описание проекта: Тематика: ресторанный бизнес. Рекламный сайт ресторана Urban Coterie. Цель сайта: познакомить пользователей с новым
4. Требования к дизайну: Наличие страниц: главная, меню, услуги, бронирование, контакты. Тип: сайт-визитка Ширина макетов 1366px В
5. Процесс проектирования интерфейса: для структуры сайта выбрана привычная схема расположения основного меню и классическое постраничное расположение
6. Прототип главной страницы С использованием программы Axure RP. Для упрощения восприятия текста области для чтения сужены
13. Прототип внутренней страницы. Меню. С использованием программы Axure RP. Концепт меню оптимизирует трафик при помощи отображения
17. Прототип внутренней страницы. Услуги. С использованием программы Axure RP. Навигация по услугам происходит с помощью табов.
20. Прототип внутренней страницы. Бронирование. С использованием программы Axure RP. При нажатии на столик на схеме в
23. Прототип внутренней страницы. Контакты. С использованием программы Axure RP. Область чтения текста сужена для улучшения восприятия.
25. Используемые элементы для сайта При разработке сайта использован концепт интерьера ресторана: воздушность, прозрачность, четкие линии, сложные
26. Разработка логотипа Фон логотипа отражает геометрические формы, используемые в оформлении ресторана, яркое пятно в середине повторяет
27. Используемые цвета дизайна сайта
28. Используемые шрифты для сайта
29. Разработка дизайна
30. Адаптивный дизайн сайта
35. Скачать презентацию

Слайд 2

Слайд 3

Описание проекта:
Тематика: ресторанный бизнес.
Рекламный сайт ресторана Urban Coterie.
Цель сайта: познакомить

пользователей с новым брендом, привлечь посетителей.
Целевая аудитория: мужчины и женщины 20-35 лет среднего уровня доходов, без детей или с детьми старше 7 лет.
Концепт ресторана: кэжуал, сити-кафе.

Слайд 4

Требования к дизайну:
Наличие страниц: главная, меню, услуги, бронирование, контакты.
Тип: сайт-визитка
Ширина макетов

1366px
В процессе разработки ТЗ дополнено возможностью просмотра видео с веб-камер ресторана и панорамным фото «вокруг столика» на странице бронирования.
Также потребовалась разработка логотипа.

Слайд 5

Процесс проектирования интерфейса:
для структуры сайта выбрана привычная схема расположения основного меню

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

Слайд 6

Прототип главной страницы
С использованием программы Axure RP.
Для упрощения восприятия текста области

для
чтения сужены до 60% от ширины экрана.

Слайд 7

Слайд 8

Слайд 9

Слайд 10

Слайд 11

Слайд 12

Слайд 13

Прототип внутренней страницы. Меню.
С использованием
программы Axure RP.
Концепт меню оптимизирует трафик

при помощи отображения «самого интересного», оставляя пользователю самостоятельно решить, хочет ли он увидеть все меню (и скачать его).

Слайд 14

Слайд 15

Слайд 16

Слайд 17

Прототип внутренней страницы. Услуги.
С использованием
программы Axure RP.
Навигация по услугам происходит

с помощью табов. Справа расположено текстовое описание.

Слайд 18

Слайд 19

Слайд 20

Прототип внутренней страницы. Бронирование.
С использованием
программы Axure RP.
При нажатии на столик

на схеме в верхнем окне появляется панорамный снимок «вида вокруг», который можно прокрутить вправо-влево. Схема зала также прокручивается при уменьшении ширины монитора.

Слайд 21

Слайд 22

Слайд 23

Прототип внутренней страницы. Контакты.
С использованием
программы Axure RP.
Область чтения текста сужена

для улучшения восприятия. Форма обратной связи универсальна для любого обращения. Используется интерактивная карта Гугл или Яндекс с меткой.

Слайд 24

Слайд 25

Используемые элементы для сайта
При разработке сайта использован концепт интерьера ресторана: воздушность,

прозрачность, четкие линии, сложные геометрические фигуры и яркие округлые «вкрапления» в качестве акцентов.

Слайд 26

Разработка логотипа
Фон логотипа отражает геометрические формы, используемые в оформлении ресторана, яркое

пятно в середине повторяет яркую цветовую гамму посадочных мест зала, форму самих кресел, а также является стилизованными буквами «U» и «C» из названия.

Слайд 27

Используемые цвета дизайна сайта

Слайд 28

Используемые шрифты для сайта

Слайд 29

Разработка дизайна

Слайд 30

Адаптивный дизайн сайта

Слайд 31

Слайд 32

Слайд 33

Дипломный проект. Разработка web-дизайна сайта ресторана

Содержание

Описание проекта:Тематика: ресторанный бизнес. Рекламный сайт ресторана Urban Coterie.Цель сайта: познакомить

Требования к дизайну:Наличие страниц: главная, меню, услуги, бронирование, контакты.Тип: сайт-визиткаШирина макетов

Процесс проектирования интерфейса:для структуры сайта выбрана привычная схема расположения основного меню

Прототип главной страницыС использованием программы Axure RP.Для упрощения восприятия текста области

Прототип внутренней страницы. Меню.С использованием программы Axure RP.Концепт меню оптимизирует трафик

Прототип внутренней страницы. Услуги.С использованием программы Axure RP.Навигация по услугам происходит

Прототип внутренней страницы. Бронирование.С использованием программы Axure RP.При нажатии на столик

Прототип внутренней страницы. Контакты.С использованием программы Axure RP.Область чтения текста сужена

Используемые элементы для сайтаПри разработке сайта использован концепт интерьера ресторана: воздушность,

Разработка логотипаФон логотипа отражает геометрические формы, используемые в оформлении ресторана, яркое