BowHouse

Цель клиента:

Разработать эффективный веб-сайт для продажи недвижимости, обладающий не только привлекательным дизайном, но и элементами анимации. Основное требование — обеспечить легкость восприятия информации о проекте.

Детали создания сайта:

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

Одной из важных особенностей сайта стало создание кастомного слайдера для просмотра планировок домов и переключателя видов планировок. Также была реализована форма обратного звонка, интегрированная с PHP и библиотекой PHPmailer, обеспечивающая отправку уведомлений в рабочий телеграм-чат и на рабочую почту.

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

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

Инструменты и языки, задействованные в проекте:

HTML5

CSS3 и SCSS для стилизации с адаптивным дизайном

Анимация CSS

JavaScript (ES6)

JSON и AJAX для обеспечения динамического взаимодействия

Использование GitHub для управления версиями

PHP для реализации формы обратного звонка

GULP для автоматизации задач и оптимизации работы

Cсылка для знакомства с работой - https://www.bowhouse.com.ua/