LEGO-Themed Responsive Microsite Development

PROJECT: Flipkart LEGO Date Microsite – Responsive HTML UI Development

Scope Overview

We require frontend development of a pixel-perfect responsive microsite based on provided creative designs (4 screens total):

1. Landing screen – LEGO Date announcement
2. User details form screen
3. Questionnaire screen
4. Thank-you confirmation screen

The layout includes LEGO-themed decorative borders, stud-shaped headers, floral assets, colored side markers, and brick-style CTA buttons. The implementation must visually match artwork exactly.

Deliverables

• Fully responsive HTML5 + CSS3 implementation
• Pixel-perfect UI matching supplied designs
• No vertical scrolling on primary screens (viewport-fit layout)
• Mobile-first responsive behavior (Android, iPhone, tablets, desktop)
• iPhone notch-safe layout support
• LEGO-style decorative borders and background patterns
• Stud-style CTA buttons and section headers
• Multi-step form UI structure (frontend only unless specified)
• Clean structured CSS (SCSS preferred if available)
• Optimized assets for performance
• Cross-browser compatibility (Chrome, Safari, Edge)

Responsive Targets

Must render correctly on:

• iPhone (Safari)
• Android devices (Chrome)
• Tablets (portrait + landscape)
• Laptop screens
• Large desktop monitors

Technical Expectations

Preferred stack:

HTML5
CSS3 / SCSS
Vanilla JS (for step navigation if required)

Optional (acceptable):

Bootstrap (only if lightweight usage)
Tailwind (if approved before start)

Not acceptable:

Heavy frameworks (React / Angular / Vue unless requested)

Assets Provided

Designer will provide:

Final creatives
Logos
Decorative elements
Flowers / LEGO studs / icons

Expected Output

4 responsive HTML screens:

Landing page
Form screen
Questionnaire screen
Confirmation screen

Estimated Timeline

1 working days

(Depends on pixel-perfection accuracy, responsiveness quality, and polish level)

Ownership

Final deliverables must include:

HTML files
CSS files
JS files
Optimized assets

All code becomes project property after delivery.

End of Brief