Сверстал по макету Figma сайт-каталог готовых туров и экскурсий по Байкалу: каталог с фильтрами подбора, карточки туров с ценами и программой, услуги с яхтой и консьерж-сервисом, блог. Девять типовых страниц — от главной до страницы блога.
Туры и экскурсии по Байкалу: однодневные и многодневные программы, VIP-маршруты, круизы, яхты и консьерж-сервис. Заказчик принёс готовый макет: по нему нужно было сверстать адаптивный сайт-каталог — от главной с анонсами туров до карточки тура с программой и маршрутом.
Сверстал девять типовых страниц строго по макету: главную с каталогом анонсов и формой путеводителя, страницу туров с фильтрами подбора, карточку тура с ценой, программой и галереей, услуги с карточками яхты и консьерж-сервиса, о компании, блог и страницу блога.
Скриншоты демо-версии: главная, страница туров, карточка тура и мобильная версия. Полные страницы открываются по ссылкам в конце кейса.
Девять страниц свёрстаны по макету заказчика с сохранением фирменного стиля и шрифтовых пар: сайт одинаково работает от смартфона до десктопа.
Подбор по продолжительности, ценовому сегменту, количеству человек и сезону. Карточки с длительностью поездки, ценой «от» и кнопками заказа и подробнее.
Описание с ценой и длительностью, кнопки заказа и подбора, аккордеоны программы, маршрута и дополнительных характеристик, фотогалерея поездки.
Отдельные страницы услуг с карточками: аренда яхты и консьерж-сервис — дополнительные опции поездки оформлены как самостоятельные предложения.
Блог со списком записей и типовая страница статьи: контент для продвижения встроен в структуру сайта и ведётся через CMS.
Слайдер с преимуществами, блок анонсов готовых туров и форма «путеводитель по Байкалу» — первый экран ведёт посетителя к заявке.
Полный набор: от главной и каталога туров до услуг, блога и страницы статьи.
Продолжительность, ценовой сегмент, количество человек, сезон и другие параметры — подбор без звонка менеджеру.
Вёрстка повторяет дизайн заказчика и остаётся адаптивной на всех экранах.
Демо-версия всех страниц открыта по ссылкам ниже.
После передачи проекта заказчику мы не контролируем сайт — он может быть изменён или вовсе отключён. Поэтому ниже собраны примеры типовых страниц на нашем хостинге: вёрстка в том виде, в каком она сдавалась заказчику.
Демо-версия размещена на demo.avoweb.net — страницы открываются без регистрации.
Пришлите макет — сверстаю адаптивный сайт с сохранением фирменного стиля, готовый к интеграции с CMS. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает