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

Mock-up сайта-каталога web-студии «Liquid lives»

Mock-up адаптивной версии сайта-каталога
web-студии «Liquid lives»

Описание проекта
Техническое задание
Описание:
Разработка макета сайта-каталога
Тематика:
Сайт-каталог web-студии
Структура страниц
Главная страница (отзывы, виды услуг, меню категории, 1 абзац о компании,
баннер/акция);
Внутренняя страница 1 (меню категории, позиции каталога);
Внутренняя страница 2 (телефон, адрес, карта проезда, форма обратной связи).

Требования к дизайну
Наличие страниц: 3
Тип сайта: сайт-каталог
Ширина макета: 960 px (по 520 px уши для широкоформатных экранов)
Общая ширина макета: 2000 px
Мобильная версия:640 px

Процесс проектирования интерфейса
Структура страниц
Главная страница:
- Header: логотип, ссылка на страницу контактов, ссылка на меню;
- Content: баннер, «Чем мы занимаемся?» (ознакомительная информация), отзывы, история (ознакомительная информация) , команда, новости, работы;
- Footer: логотип, ссылки-иконки социальных сетей, контактные данные, ссылка на политику конфиденциальности, ссылка на карту сайта, навигационное меню.
Вн. страница / каталог:
- Header: логотип, ссылка на страницу контактов, ссылка на меню;
- Content: «Процесс работы» (ознакомительная информация), каталог услуг по созданию вебсайта, каталог услуг по web-дизайну;
- Footer: логотип, ссылки-иконки социальных сетей, контактные данные, ссылка на политику конфиденциальности, ссылка на карту сайта, навигационное меню.
Вн. страница / контакты:
- Header: логотип, ссылка на страницу контактов, ссылка на меню;
- Content: адрес, телефон, e-mail, карта проезда, форма обратной связи;
- Footer: логотип, ссылки-иконки социальных сетей, контактные данные, ссылка на политику конфиденциальности, ссылка на карту сайта, навигационное меню.

Прототип главной страницы
Использование программы Axure Pro

Прототипы внутренних страниц
Прототип внутренней страницы (каталог) в Axure Rp Pro 7.0

Прототипы внутренних страниц
Прототип внутренней страницы (контакты) в Axure Rp Pro 7.0

Используемые элементы для сайта
Открыть меню с помощью:
Прокрутить:
Кнопки:
Ссылки:
Меню:
Иконки:
Переключить:

Используемые элементы для сайта
Элементы выделения:

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

Разработка логотипа
LIQUID LIVES
Шрифт: “Ageon serif”
Тематика: Northern lights

Используемые шрифты для сайта
Основной шрифт текста: “PF Centro Sans Pro”
Иерархия шрифтов текста:

Разработка дизайна главной страницы

Разработка дизайна вн. страницы (каталог)

Разработка дизайна вн. страницы (контакты)

Адаптивный прототип сайта

Разработка дизайна мобильной версии

Разработка дизайна мобильной версии

Разработка дизайна мобильной версии

Mock-up мобильной версии

Mock-up мобильной версии

Mock-up мобильной версии

Mock-up мобильной версии

Mock-up главной страницы

Mock-up главной страницы

Mock-up главной страницы

Mock-up главной страницы

Mock-up вн. страницы (каталог)

Mock-up вн. страницы (каталог)

Mock-up вн. страницы (контакты)