HomePlanner

HomePlanner – це інтерактивний веб-додаток, розроблений командою AVADA MEDIA, призначений для візуального і функціонального проектування житлових інтер’єрів в двомірному просторі. Конфігуратор дозволяє користувачеві наочно моделювати структуру майбутнього будинку, управляти архітектурними елементами і підбирати інтер’єрні рішення з можливістю миттєвої оцінки вартості і площі проекту.

Цілі та завдання проєкту

HomePlanner розроблено як інструмент для приватних користувачів, дизайнерів і девелоперів, які прагнуть отримати швидкий і візуально точний макет майбутнього житла без необхідності використання складних CAD-програм. Додаток націлений на простоту використання при збереженні глибокої функціональності та гнучкості конфігурації.

Основний функціонал

Home Planner надає широкі можливості для моделювання житлового простору:

• Конструювання будинку: Користувач може створювати багатоповерхові конструкції, додаючи потрібну кількість поверхів і плануючи розташування кімнат з довільною формою і площею.
• Розміщення архітектурних елементів: Інтуїтивне додавання та налаштування вікон, дверей, а також вибір покриттів для підлоги – ламіноване або плиткове. Це дає змогу оцінити візуальний вигляд інтер’єру на різних етапах проєктування.
• Меблювання приміщень: Вбудована бібліотека включає десятки одиниць меблів та інтер’єру з різноманітністю за стилем, кольором і текстурами. У розпорядженні користувача – елементи для облаштування вітальні, кухні, спальні, ванної кімнати, обідньої зони та інших приміщень: стільці, ліжка, дивани, столи, сантехніка, освітлення, вазони тощо.
• Реалістична візуалізація: Завдяки використанню HTML5 Canvas і PixiJS, конфігуратор забезпечує плавне відтворення сцени та динамічне оновлення елементів без втрати продуктивності. Усі дії користувача супроводжуються миттєвим графічним зворотним зв’язком.
• Розрахунок параметрів проєкту: У процесі проєктування користувачеві відображається загальна площа житла, а також автоматично розраховується вартість збірки, включно з обраними матеріалами та елементами обстановки.

HomePlanner створено із застосуванням сучасного фронтенд-стека:

• HTML, SCSS, JavaScript – базові технології інтерфейсу, що забезпечують адаптивність і кросбраузерність.
• HTML5 Canvas і PixiJS – зв’язка, що дає змогу реалізувати високопродуктивний 2D-рендеринг та інтерактивність на рівні нативних додатків.
• Використання SASS/SCSS дало змогу забезпечити масштабовану і модульну архітектуру стилів, що гнучко адаптується під зростання функціоналу.

Застосунок повністю функціонує в браузері, не потребує встановлення і може бути адаптований під будь-які пристрої – від десктопів до мобільних планшетів.

Результат

У результаті було реалізовано гнучкий та інтуїтивно зрозумілий інструмент, здатний задовольнити потреби широкої аудиторії – від кінцевого користувача до фахівців у галузі архітектури та дизайну. Home Planner дає змогу візуалізувати ідеї, планувати витрати й ухвалювати рішення на ранніх етапах проєктування.

Проєкт демонструє експертизу AVADA MEDIA в області розробки високоінтерактивних веб-додатків, UI / UX-дизайну, а також уміння працювати з графічними движками на базі Canvas і PixiJS для створення професійних digital-рішень в сфері нерухомості та інтер’єрного дизайну.