Главная Проекты Дизайн сайта туристического агентства

gtur

Дизайн сайта туристического агентства

Задача. Разработать дизайн сайта туристического агентства и лого. Предпочтений в дизайне нет, кроме цветового - основной цвет - небесно-голубой. А также нельзя использовать при оформлении иллюстрации с пальмами. Турфирма специализируется на путевках в страны Скандинавии и в город Санкт-Петербург.

Краткое техническое задание:

Сайт туристического агентства: при старте данного проекта не было подготовленного технического задания на проект и примерного описания видения страницы. Заказчиком были описаны ограничения в работе, которые необходимо учитывать при разработке дизайна для сайта - агентство специализируется на путевках в станы Скандинавии и Санкт-Петербург, желаемый цвет - небесно-голубой, нельзя использовать иллюстрации с пальмами. Предпочтений, примеров дизайна других компаний - нет. Готового логотипа нет.

Этапы работы над проектом:

1 В связи с тем, что идея оформления не была определена в начале работы над проектом, нами было предложено три идеи. Все они основывались на том, что специализация тур. агентства - Скандинавия и Санкт-Петербург. Первая идея заключалась в том, чтобы использовать в оформлении шапки сайта - карту: стилизованный вид с самолета, в городах-столицах расставить флаги стран. В городах разместить наиболее известные для данного города объекты архитектуры, на море расположить курсирующие паромы. Работу выполнить в стиле matte-paint. Например в подобном стиле, но для своего участка карты (Скандинавия+Петербург):

http://www.lacedaemon.ru/images/stories/Portfolio/02_italia/Shapka_proris_2.jpg

2 Вторая и третья идеи оформления заключались в том, чтобы вид на карту был сверху. Во второй идее предлагалось стилизовать карту: создать горы, как при виде со спутника, но при этом допускается символичность, разместить транспорт (поезда, самолеты, паромы), подписать города, расставить линии маршрутов символические. На самой карте разместить наиболее интересные предложения по путевкам. Третья идея заключалась в том же, но вместо стилизованной карты возможно использование реальных обработанных спутниковых снимков.

3 Была выбрана вторая идея оформления. Для нее нами было составлено техническое задание.

 

4 Далее была разработана главная страница для проекта. К ней была применена одна корректировка (сравнять по ширине блок с турами и блок с контактной информацией). Данная страница была утверждена.

http://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Scan_main_01v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Scan_main.jpg

5 Следующим этапом велась разработка внутренней страницы, на которую бы переходил посетитель при выборе конкретного тура. На данной странице будет описано полное предложение по туру. Были разработы три макета, которые показывают, как выглядит макет в зависимости от наполнения информацией. С внутренней страницы убираются особые предложения по странам.

http://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Scan_ins2.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Scan_ins.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Scan_ins3.jpg

6 В ходе проекта было решено расширить проект еще двумя направлениями отдыха: отдых в Жарких странах и поездки в Европу, Азию и другие направления. Для данных страниц требовалась новая главная страница, которая бы распределяла посетителей по всем трем направлениям. Нами были разработаны технические задания по всем пяти дополнительным страницам для проекта. Дизайн страниц необходимо выполнить в утвержденной стилистике и в рамках утвержденной концепции.

7 Отдых в Жарких странах. Оформление данной страницы должно основываться на солнечно-желтых оттенках в оформлении. На карте будет песчаные области, которые должны перекликаться с желтым оформлением блоков. Также необходимо разработать форму поиска по турам.

http://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Zhar_main.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Zhar_ins.jpg

8 Европа, Азия и другие направления. Оформление данной страницы тоже должно опираться на свой цвет при оформлении блоков. Мы подбирали наиболее сочетающийся цвет с картой. В результате было в ходе работы над страницей предложено несколько цветовых решений, из которых было выбрано одно. На основе данного цвета была разработана внутренняя страница для подробного описания тура.

http://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_main_01v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_main_02v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_main_03v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_main_04v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_main.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Azia_ins.jpg

9 Разработка главной страницы. Изначально предполагалось оформление главной страницы цветовыми зонами: небесно-голубая для Скандинавии и Петербурга, солнечно-желтая - для жарких стран, зеленая - для Европы, Азии и других направлений. Была разработана страница на основе данной идеи и составленной блок-схемы. Результат воплощения идеи не подошел Заказчику, поэтому была разработана другая Главная страница. А предыдущий вариант не стал дорабатываться. Второй вариант главной страницы основывался на том, чтобы в карту входила область Европы, а цвет оформления блоков отличался от Скандинавии. Текстовый блок здесь размещается для рыбы, также как и наполнение пунктов меню. В ходе работы над страницей велся подбор цвета оформления блоков.

http://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Main_var.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Main_01v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Main_02v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Main_03v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/18_Grinas-Tur/Main.jpg