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