BASA CITY
Real estate
basa.city/ BASA CITY, a comfort-class residential complex on the shore of a lake in Kyiv's near suburbs (Khodosivka village, 15 min to Vydubychi metro). Four sections, a gated territory, on-site infrastructure, and an artesian well. The previous website version was generating leads, but their cost was too high for the developer. After updating the design, renders, and technical stack, the cost per inquiry dropped by 87%, fundamentally changing the advertising campaign economics.
Task
Fully rebuild the residential complex website on Yii2 with a new design and updated renders, implement an interactive SVG master plan with section selection, build an installment payment calculator, deploy spam bot protection, configure end-to-end analytics via dataLayer, and optimize load speed to improve advertising campaign metrics.
What was done
- Re-architected the Yii2-based website with a complete frontend overhaul: new templates, component-based structure, REST API for dynamic content, and an admin panel for autonomous developer updates.
- Designed an updated visual concept in an orange-anthracite palette featuring new 3D renders of the complex (evening and daytime), significantly boosting emotional engagement and first-impression quality.
- Built an interactive SVG master plan map with section highlighting on hover, status display for each section (on sale / sold / planned), parking, and infrastructure objects. Event handling via delegation for optimal performance.
- Developed an installment payment calculator with two scenarios: full payment with discount and installment from 30% down payment, with dynamic monthly payment calculation via JavaScript.
- Engineered the site's information architecture around the decision-making funnel: from emotional engagement through renders to rational arguments, calculator, and contact form, ensuring a seamless user journey toward conversion.
- Implemented a construction progress gallery with drone photography and period-based filtering to reinforce buyer confidence in project momentum.
- Deployed multi-layered spam bot protection: server-side validation via Yii2 middleware, application-level rate limiting, honeypot fields, and client-side form completion timing checks to block automated submissions.
- Configured end-to-end analytics via GTM dataLayer: section view events, SVG map interactions, layout clicks, calculator opens, form submissions, and phone clicks with conversion pass-back to Google Ads and Facebook Ads.
- Integrated a CRM with automatic lead capture, UTM tag and traffic source retention, and selected section/layout data for contextual manager follow-up.
- Performed comprehensive speed optimization: HTTP/2 server push for critical resources, mozjpeg image compression with quality control, Intersection Observer lazy loading, async non-critical JavaScript loading, and CSS minification.
- Delivered full mobile responsiveness with dedicated SVG map adaptation for touch devices (pinch-to-zoom, tap instead of hover) and form optimization for mobile completion.
- Provided ongoing technical support with performance monitoring, construction photo report updates, and prompt response to advertising campaign changes.
Similar projects
Tell us about your project