BowHouse

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

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

Процесс реализации проекта начался с получения технического задания от заказчика, после чего были проведены подробные обсуждения всех ключевых аспектов проекта.Затем я начал создавать сайт, используя HTML для построения структуры и применять стили и анимацию с использованием препроцессора SCSS.Одним из важных особенностей сайта стало создание кастомного слайдера для пересмотра планов домов и перемикателя видов планов.Также была реализована форма обратного звонка, интегрированная с PHP и библиотекой PHPmailer, обеспечивающая отправление сообщений в рабочий телеграмм-чат и на рабочую почту.Раздел с информацией о материалах, используемых в строительстве домов, был дополнен функциональностью перемикания вывода информации о каждом материале.В разделе о смарт-ключах была реализована анимация, которая активируется во время прокручивания страницы, а также спливающее окно (pop-up) при нажатии на кнопку "Заказать звонок".Для сайта BowHouse была разработана механика расчета стоимости объекта с использованием анимированной перевернутой карты.Также была внедрена галерея с применением библиотеки Fullscreen Lightbox.Кроме того, на сайте была предусмотрена интерактивная карта с кастовыми маркерами, при указании на которые появилась дополнительная информация.Заключительным этапом была реализация мобильной версии сайта.Инструменты и языки, задействованные в проекте:

HTML5 →
CSS3 и SCSS для стилизации с адаптивным дизайном
Анимация CSS
JavaScript (ES6 )
JSON и AJAX для обеспечения динамического взаимодействия
Использование GitHub для управления версиями
PHP для реализации формы обратного звонка
GULP для автоматизации задач и оптимизации работы