Слайд 1Дипломный проект
Разработка web-дизайна сайта ресторана
Выполнила: Терновская Александра
Слайд 3Описание проекта:
Тематика: ресторанный бизнес.
Рекламный сайт ресторана Urban Coterie.
Цель сайта: познакомить
пользователей с новым брендом, привлечь посетителей.
Целевая аудитория: мужчины и женщины 20-35 лет среднего уровня доходов, без детей или с детьми старше 7 лет.
Концепт ресторана: кэжуал, сити-кафе.
Слайд 4Требования к дизайну:
Наличие страниц: главная, меню, услуги, бронирование, контакты.
Тип: сайт-визитка
Ширина макетов
1366px
В процессе разработки ТЗ дополнено возможностью просмотра видео с веб-камер ресторана и панорамным фото «вокруг столика» на странице бронирования.
Также потребовалась разработка логотипа.
Слайд 5Процесс проектирования интерфейса:
для структуры сайта выбрана привычная схема расположения основного меню
и классическое постраничное расположение контента;
навигация двухуровневая, со смысловым разделением на главные и второстепенные разделы;
для оптимизации трафика в адаптивной версии отсутствуют окна веб-трансляций, просмотр можно осуществить при переходе на отдельную страницу со списком всех трансляций;
используется модульная сетка 16 колонок.
Слайд 6Прототип главной страницы
С использованием программы Axure RP.
Для упрощения восприятия текста области
для
чтения сужены до 60% от ширины экрана.
Слайд 13Прототип внутренней
страницы. Меню.
С использованием
программы Axure RP.
Концепт меню оптимизирует трафик
при помощи отображения «самого интересного», оставляя пользователю самостоятельно решить, хочет ли он увидеть все меню (и скачать его).
Слайд 17Прототип внутренней
страницы. Услуги.
С использованием
программы Axure RP.
Навигация по услугам происходит
с помощью табов. Справа расположено текстовое описание.
Слайд 20Прототип внутренней
страницы. Бронирование.
С использованием
программы Axure RP.
При нажатии на столик
на схеме в верхнем окне появляется панорамный снимок «вида вокруг», который можно прокрутить вправо-влево. Схема зала также прокручивается при уменьшении ширины монитора.
Слайд 23Прототип внутренней
страницы. Контакты.
С использованием
программы Axure RP.
Область чтения текста сужена
для улучшения восприятия. Форма обратной связи универсальна для любого обращения. Используется интерактивная карта Гугл или Яндекс с меткой.
Слайд 25Используемые элементы для сайта
При разработке сайта использован концепт интерьера ресторана: воздушность,
прозрачность, четкие линии, сложные геометрические фигуры и яркие округлые «вкрапления» в качестве акцентов.
Слайд 26Разработка логотипа
Фон логотипа отражает геометрические формы, используемые в оформлении ресторана, яркое
пятно в середине повторяет яркую цветовую гамму посадочных мест зала, форму самих кресел, а также является стилизованными буквами «U» и «C» из названия.
Слайд 27
Используемые цвета дизайна сайта