Prelude.
Mockups · v1 · premium / immersive
Upcoming-projects portal · Bangalore

Six page templates, one cinematic system

A static mockup of the experience-led, lead-gen portal: discover unbuilt premium projects through AI experience films, compare them, and set requirements to get matched alerts. Click any card to open the full page.

Direction: premium / editorial Fonts: Fraunces + Inter Imagery: placeholder (AI/builder renders later) 6 templates
1Home
Landing · video-led

Cinematic home

Experience-film hero, requirement quick-bar, browse by region / locality / stage / type, featured projects, and the “experience it before it’s built” story.

Open mockup →
2Project detail
The money page

Project experience

Experience-film hero + gallery, sticky requirement/lead capture, key facts, the emotive “Life here” section, configs & pricing, amenities, connectivity, RERA, FAQ.

Open mockup →
3Listing
Collection template

Locality / area listing

The reusable template for locality, region, stage & builder pages: filters + sort, project-card grid, compare tray, nearby areas, plus SEO intro & FAQ.

Open mockup →
4Builder
Developer profile

Builder profile

Banner + track-record stats + trust signals, about, upcoming projects grid, landmark delivered works, and “alert me when they launch.”

Open mockup →
5Set Requirements
The core conversion

Set your requirements

A calm 5-step concierge flow → builds a match profile and alert (email now, WhatsApp soon), with a live “matching projects” counter. No passwords.

Open mockup →
6Compare
Decision tool

Compare projects

Side-by-side on the aspects that matter — price, config, possession, RERA, distances — with an AI “which suits you” summary on top.

Open mockup →
What these are: static, click-through mockups to lock the look & UX before we build the real Payload + Next.js site. All photos/videos are intentional placeholders — real renders come from builder uploads and the AI image→video pipeline. Interactions (mobile nav, tabs, filters, compare tray, the requirements stepper, video modal) are wired and clickable. Tell me what to change — palette, density, a specific page — and I’ll iterate, then we move to the spec & build plan.