Задача.
Сделать сайт-визитку для гостиницы на берегу Черного моря.(под катом много фото!)
Решение.
Для начала, необходимо определиться со стилистикой сайта. Что это за гостиница, на кого она ориентирована, какой отдых преимущественно предоставляется в этой местности? Что ждёт желающих отдохнуть именно здесь?Ответы тут.
А стилистика сайта должна быть наиболее адекватна атмосфере этого поселка и гостиницы. Никаких ослепляющих песчаных пляжей (только галька), нет большого количества безумных аттракционов, безумной развлекающейся, и иногда дерущейся, молодежи. Зато есть ресторан, баня, бильярд, плавательный бассейн, площадка для стоянки автомобиля, красивые здания, выполненные в немецком архитектурном стиле − это в основном спокойный отдых, больше подходящий для степенных господ, семейных пар (можно с детьми).
Поэтому сайт должен излучать атмосферу спокойного отдыха, тепла и уюта.
Из тех фото, что у меня были в распоряжении, больше всего подходили две: с видом на море и фото основного здания гостиницы. Нужно подобрать шрифты и компоновку.
Заказчику понравился больше всего Georgia bold italic. Для вспомогательной надписи я использовал KabelCTT Medium, как и все надписи и вывески, выполненные в самой гостинице. Им и выполним логотип:
По задумке, слегка углублённые золотые буквы на дереве ассоциируются со спокойствием, традициями, экологичностью. Напоминает тиснение дорогой книги.
Хотя, я рассматривал еще и вариант с выпуклыми буквами:
Для шапки я взял фотографию фасада основного здания, поскольку оно уникальнее и привлекательнее моря, которое везде примерно одинаковое.
Немного подшаманил фото: добавил голубое небо и приветливые солнечные лучи, убрал барышню под навесом.
рассматриваемые варианты неба:
Вертикальный вариант используем для обложек на DVD:
Для меню навигации по сайту нужно что-то в таком же стиле, с добавлением тиснения:
Цветовую гамму сайта я выбирал исходя из основного фото и цветов, преобладающив в этом заведении в реальности: цвет слоновой кости, тёмная древесина и тёмная зелень. Это определяется при пикселизации фото:
И в завершение, небольшой штришок – иконка на вкладке браузера:
P.S. на сайте есть 2 моих личных фото, если присмотритесь – найдете без большого труда (^_~)