BowHouse
Мета клієнта:
Розробити ефективний веб-сайт для продажу нерухомості, що має не тільки привабливий дизайн, а й елементи анімації. Основна вимога - забезпечити легкість сприйняття інформації про проект.
Деталі створення сайту:
Процес реалізації проекту розпочався з отримання технічного завдання від замовника, після чого були проведені детальні обговорення всіх ключових аспектів проекту. Далі я розпочав створення сайту, використовуючи HTML для побудови структури та застосувавши стилі й анімацію з використанням препроцесора SCSS.
Однією з важливих особливостей сайту стало створення кастомного слайдера для перегляду планувань будинків і перемикача видів планувань. Також було реалізовано форму зворотного дзвінка, інтегровану з PHP і бібліотекою PHPmailer, що забезпечує надсилання повідомлень у робочий телеграм-чат і на робочу пошту.
Секція з інформацією про матеріали, використані в будівництві будинків, була доповнена функціональністю перемикання виведення інформації про кожен матеріал. У розділі про смарт-ключі було реалізовано анімацію, що активується під час прокручування сторінки, а також спливаюче вікно (pop-up) під час натискання на кнопку "Замовити дзвінок".
Для сайту BowHouse було розроблено механіку розрахунку вартості об'єкта з використанням анімованої перевернутої картки. Також було впроваджено галерею із застосуванням бібліотеки Fullscreen Lightbox. Крім того, на сайті було передбачено інтерактивну карту з кастомними маркерами, при наведенні на які з'являлася додаткова інформація. Завершальним етапом була реалізація мобільної версії сайту.
Інструменти та мови, задіяні в проєкті:
HTML5
CSS3 і SCSS для стилізації з адаптивним дизайном
Анімація CSS
JavaScript (ES6)
JSON і AJAX для забезпечення динамічної взаємодії
Використання GitHub для управління версіями
PHP для реалізації форми зворотного дзвінка
GULP для автоматизації завдань і оптимізації роботи
Розробити ефективний веб-сайт для продажу нерухомості, що має не тільки привабливий дизайн, а й елементи анімації. Основна вимога - забезпечити легкість сприйняття інформації про проект.
Деталі створення сайту:
Процес реалізації проекту розпочався з отримання технічного завдання від замовника, після чого були проведені детальні обговорення всіх ключових аспектів проекту. Далі я розпочав створення сайту, використовуючи HTML для побудови структури та застосувавши стилі й анімацію з використанням препроцесора SCSS.
Однією з важливих особливостей сайту стало створення кастомного слайдера для перегляду планувань будинків і перемикача видів планувань. Також було реалізовано форму зворотного дзвінка, інтегровану з PHP і бібліотекою PHPmailer, що забезпечує надсилання повідомлень у робочий телеграм-чат і на робочу пошту.
Секція з інформацією про матеріали, використані в будівництві будинків, була доповнена функціональністю перемикання виведення інформації про кожен матеріал. У розділі про смарт-ключі було реалізовано анімацію, що активується під час прокручування сторінки, а також спливаюче вікно (pop-up) під час натискання на кнопку "Замовити дзвінок".
Для сайту BowHouse було розроблено механіку розрахунку вартості об'єкта з використанням анімованої перевернутої картки. Також було впроваджено галерею із застосуванням бібліотеки Fullscreen Lightbox. Крім того, на сайті було передбачено інтерактивну карту з кастомними маркерами, при наведенні на які з'являлася додаткова інформація. Завершальним етапом була реалізація мобільної версії сайту.
Інструменти та мови, задіяні в проєкті:
HTML5
CSS3 і SCSS для стилізації з адаптивним дизайном
Анімація CSS
JavaScript (ES6)
JSON і AJAX для забезпечення динамічної взаємодії
Використання GitHub для управління версіями
PHP для реалізації форми зворотного дзвінка
GULP для автоматизації завдань і оптимізації роботи