Наши работы | AirSEO

Сайт-каталог по аренде апартаментов для компании Мир-Суток

Сегодня мы расскажем вам о нашем новом проекте, реализованным для компании по аренде недвижимости.

Компания “Мир-Суток” имеет в распоряжении 25 объектов для проживания и осуществляет их аренду как на короткий (от 1 суток) так и на длительный срок. Первый вариант аренды у компании является основным продуктом.

Задача проекта

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

Цели проекта

  • Обеспечить повышенный спрос на апартаменты премиум-класса
  • Максимально просто и доступно показать посетителю каталог апартаментов с услугами компании
  • Предоставить возможность осуществления онлайн-бронирования, а также проверку свободных апартаментов на требуемые даты
  • Создать уютную атмосферу нахождения пользователя на сайте, чтобы он чувствовал себя “как дома”
  • Реализовать панель управления для редактирования информации на сайте (управление каталогом недвижимости, услугами, контактной информацией и пр.).

Как был реализован данный проект

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

В связи с тем, что в текущей коллекции отсутствовали фото и видео объектов (а на таком типе сайта визуальный контент имеет основное преимущество), мы привлекли фотографа и видеографа для съемки всех объектов. Пока осуществлялась съемка, мы активно занимались сайтом 🙂

Для реализации проекта были выбраны ReactJS (скорость работы) и Laravel (возможность масштабирумости в будущем, т.к. пожелания по онлайн оплате, внутреннему проводнику на карте и другие были оставлены вне рамках текущего технического задания).

Главная страница

Главная страница сайта с первого визуального контакта посетителя должна располагать его к себе приятным дизайном и предлагать основную услугу, за которой он пришел на сайт (аренда апартаментов на короткий срок). Тщательно был проработан UI/UX, сделан акцент на основные детали (комфорт и уют, чистота, ближайшая инфраструктура покроет все потребности гостя).

Для занятых людей мы предусмотрели возможность экономии времени. Сразу после шапки главной страницы и короткого блока включенных к проживанию услуг следует форма запроса на подбор свободных апараментов на необходимый период, учитывая дополнительные предпочтения гостей. Форму завершает видеообзор, который виртуально перенесет посетителя в апартаменты и покажет их изнутри (видеообзор всего, начиная от прихожей, заканчивая набором посуды на кухне – лучший способ показать будущее место проживания за кратчайший период и подвести к принятию решения об аренде).

Так как перед нами стояла задача в обеспечении повышенного спроса на апартаменты премиум-класса (люкс), было решено разработать отдельный блок демонстрации на главной странице и на первое место поставить именно премиум-апартаменты.

При переходе по другим типам жилья осуществляется демонстрация лучших апартаментов соответствующих категорий

Также мы не прошли мимо блока преимуществ и слайдера с ними для каждого типа жилья

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

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

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

Предпоследней частью главной страницы является блок с выдержкой из блога социальной сети компании,он был разработан по пожеланию заказчика, чтобы вызвать интерес к переходу в его социальную сеть и увеличения числа подписчиков. Каждая публикация из этого блока ведет на страницу в социальной сети компании, а именно – на соответствующую теме в изображения публикацию, позволяя получить большее число подписчиков. Завершается все подвалом (footer) сайта, с контактной информацией и наличием ссылок на все внутренние страницы (за исключением элементов каталога).

Внутренние страницы

Каталог апартаментов

Простота и максимальная информативность – два основных критерия, применяемых к каталогу. Список апартаментов должен был быть представлен в табличном виде с указанием главной фотографии, начальной стоимости проживания (которая, кстати, могла меняться в зависимости от сезона и спроса, устанавливалась администратором в панели управления), адреса и типа жилья. Вне зависимости от правил сортировки элементов для отображения, установленных администратором, первыми в списке всегда идут премиальные апартаменты

Страница апартамента

Цель страницы – отобразить максимально подробно информацию о просматриваемых апартаментах, их тип, цену (включая ценовую политику), фотографии и видео обзор (который виртуально перенесет посетителя в это жилье), карту (для того чтобы гость понимал, где территориально в городе располагается это жилье). Должна присутствовать форма оформления заявки на просматриваемые апартаменты.

Дополняют страницу апартаментов блок с отзывами о компании, а также правилами проживания, которые едины для всех гостей.

Страница “О нас”

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

Страница “Услуги”

Так как это второстепенная страница (основная цель заключается в том, чтобы направить пользователя на страницу с апартаментами и захватить его внимание там), она содержит только описание предоставляемых компанией дополнительных услуг (как платных, так и бесплатных, входящих в стоимость аренды жилья)

Страница “Отчетные документы”

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

Используемые технологии

ReactJS, Laravel, PHP, JS, MySQL, HTML, CSS

Срок реализации

27 дней

При участии

Руководитель проекта, UI/UX дизайнер, frontend-разработчик, backend-разработчик

ru_RURussian