VANTAG
ESContact

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-unit and #tini-casestudy on 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.