Client · Website + custom digital product
Tini Living
- WordPress
- Custom plugin
- Configurator
- Elementor
- ES/EN
What we did
Two deliverables:
1. Full website build. Corporate site on WordPress + Elementor covering every Tini Living section: configurator, gallery, process, promotions, tourism activity, about, blog, professionals, FAQ and contact. Bilingual ES/EN, Google Tag Manager integration and an SEO-ready structure.
2. Custom WordPress plugin: tiniliving-modelos. An in-house configurator for both catalogue lines — Tini Unit (modules from 18 m²) and Tini Case Study (single-family homes from 70 m²) — replacing the usual static catalogue with a guided buying experience.
Functional scope of the plugin:
- 8-step flow: Model → Exteriors → Interiors → Equipment → HVAC → Flooring → Add-ons → Contact.
- 19 configurable models with base price + VAT (TUXS01, TUXS02, TUS, TUM01-03, TUL01-02, TCS70x3, TCS108x3, TCS135, TCS145x2, TCS160), each with floor plan, axonometric drawing and cover image.
- Dynamic price calculation at every step, with the running total always visible in the configurator footer.
- Model sheet with capacity, construction lead time and gallery.
- Handoff to a contact form carrying the chosen configuration, so the Tini team receives qualified leads instead of generic enquiries.
How we built it
Stack: WordPress + Elementor on PHP and MySQL, custom plugin. GTM for tracking.
Plugin architecture:
- Step-based structure that lets us add, reorder or modify phases without touching the core logic. Each step is a self-contained module with its own assets.
- Models as structured data inside WordPress, editable without development work. The Tini team can upload a new model (name, base price, capacity, lead time, plans, images) and it shows up in the configurator.
- Modular options and pricing per step (exteriors, finishes, CUBRO equipment, HVAC, flooring, add-ons), adding to the base price in real time.
- Deep links per line:
#tini-unitand#tini-casestudyon the same/modelos/page, for navigation and segmented campaigns. - Bilingual ES/EN: the configurator follows the site’s language (
/en/models/for English). - Optimized assets: WebP images for floor plans, axonometric drawings and covers.
What we didn’t do
- We didn’t handle branding or product photography — those are Tini Living’s own.
- We didn’t build a payment gateway. The configurator ends in a contact form with the serialized configuration, not a checkout. That’s a deliberate call: selling an industrialized home requires an upstream conversation (site, permits, technical project), not a “buy” button.