Дизайн для сайта про гостиницы. Интересный заказ для статичного сайта » Блог Обычного веб-мастера

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

Вот и в этой задаче была сразу несколько разно профильных задач, а именно редизайн сайта про гостиницы Ярославля, вёрстка главной страницы и нескольких внутренних: описание гостиницы и комментарии, а так же страница с новостями. Именно об этом я и расскажу…

В первую очередь рассчитываю на то, что данная статья будет интересна начинающим фрилансерам и в частности дизайнерам и верстальщикам, которые только начинают свою дорогу к заработку в сети. Для тех, кого интересует более подробный процесс создания макета в Adobe Photoshop, советую прочитать вот эту статью на моём же сайте (она же будущая студия, сейчас всё больше служит для сбора работ).
Задача была такова: сделать красиво и максимально удобно для пользователя, что бы обеспечить доступ к каталогу гостиниц, прочитать или оставить отзывы и, если интересно, прочитать новости города. Из нововведений на каждой странице с описанием отдельной гостиницы размещается Яндекс.Карта, на которой указываем где именно располагается наш объект.

Вот что получилось:

Лично мне нравятся светлые и в тоже время яркие тона: голубой или светло-синий, солатовый, тёпло-красный и матовый чёрный, оранжевый, светло-серый для создания фона для некоторых элементов. Именно эти цвета были выбраны как базовые для макета.

Теперь что касается более подробного разбора элементов. Шапка должна быть красивой, если она вообще необходима – например, для какого-то сервиса вообще нет необходимости создавать клипарт, потому как пользователь заинтересован только в получении необходимой ему услуги. Для подобных же проектов советую всё же что-то нарисовать.

При первом посещении пользователем сайта, он видит картинку, которая сразу же сообщает, что именно с тематикой отелей мы имеем дело, далее герб города Ярославль и само название сайта (он же заголовок h1, который служит ключевым словом сайта). Проще говоря, даёт тут же понять пользователю, с чем именно он имеет дело, тут же есть описание, о чём и для чего сайт.

«Спускаясь» ниже по странице, пользователю предоставляется каталог гостиниц, разделённый по уровню обслуживания как названием, так и цветами (голубым цветом более дорогие и престижные, серым простые бюджетные гостиницы). В первую очередь это было сделано для того, что бы не было необходимости читать отзывы и разбираться в каждой из них (экономьте время для посетителя, сделайте процесс чтения сайта и он к вам придёт снова). Уже потом можно обратить внимания на сами названия гостиниц, краткое описание каждой из них, количество отзывов и среднюю оценку, которую заслуживает каждая гостиница по мнению пользователей.

Пользователи, которые часто посещают сайт, могут заинтересоваться новостями, тематика которых схожа с темой самого сайта. Ещё одной очень важной функцией раздела новостей является появления новых запросов в поисковиках, по которым могут приходить целевые пользователи и, конечно же, обновление текста на главной странице сайта, что часто очень важно для продвижения сайта по главным ключам в поисковых системах.

Подвал же просто служит «разгружаемым» для глаза блоком, а так же местом, в котором размещены контактные данные администратора сайта, например, для рекламодателей, а так же ссылка на сайта студии, которая разрабатывала новый дизайн.

Кстати, отличный вариант получать в перспективе сильный прирост PR за счёт продвижения клиентского сайта.

Что же касается внутренних страниц сайта, решил, что лучше и понятнее всего будит предоставить информацию о гостиницы именно таким способом: название, фото, адрес, информация, Яндекс.Карта, стоимость и фотографии самих номеров отеля.

С моей точки зрения, очень даже интересный вариант.

Что касается дальнейшей работы над данным сайтом, а именно вёрстка и программирование, это уже другой разговор. Саму вёрстку макета, если кого-то интересует (кстати, валидный xHTML  1.0 Strict и CSS2 ) моно посмотреть здесь, а о скриптах я расскажу чуть позже (админ – панель полностью на Ajax), кому интересно – следите за обновлением блога.

P.S. Создам недорогой дизайн для вашего сайта или блога, сверстаю, сделаю шаблон для любой CMS. Контакты, портфолио и примерные цены на работу. Обращайтесь.