Create a 15-second premium 16:9 animated furniture landing page using the uploaded references as exact visual sources.
REFERENCE MAPPING
Image1 — exact UI layout and design reference.Image2 — PARK POD CHAIRImage3 — GROTTO SHELFImage4 — WAVE CLOUD SOFAImage5 — LIZARD LOUNGEImage6 — SUNBURST TABLEImage7 — SERPENT BENCH
Use Image1’s warm cream background, olive organic panels, irregular mosaic borders, colorful trencadís tiles, sculptural frames, left-side product selector and oversized hero layout.
Build a hover-driven experience where the same turquoise mosaic-lizard cursor moves through products 01–06. Every hover must instantly update the selector card, hero furniture, title, tagline, number badge, colors and motion graphics.
Interaction:
cursor hover → card bounces → matching hero appears → page transforms.
ART DIRECTION
Antoni Gaudí × Park Güell × Catalan Modernisme × sculptural furniture × premium playful e-commerce.
Use mosaic tiles, serpentine borders, botanical suns, ceramic flowers, curved architectural frames, hand-drawn spirals, floating tiles and organic shapes. Keep it handcrafted, colorful and premium. No sci-fi HUD, glassmorphism, corporate grids or generic template design.
TYPOGRAPHY
Use enormous Gaudí-inspired mosaic display lettering with irregular handcrafted shapes. Titles may bounce, wiggle, stretch and squash during transitions but must settle perfectly readable. Use a clean condensed sans serif for navigation and small labels.
PRODUCTS
Use exactly:
“01 — PARK POD CHAIR”“02 — GROTTO SHELF”“03 — WAVE CLOUD SOFA”“04 — LIZARD LOUNGE”“05 — SUNBURST TABLE”“06 — SERPENT BENCH”
Preserve the exact shape, proportions, colors, upholstery, mosaic patterns, openings, legs and materials of Images2–7. Never redesign, recolor, merge, distort or crop them.
LAYOUT
Top-left:
“GAUDÍ”“LIVING”
Center:
“COLLECTION OUR STORY INSPIRATION MATERIALS CONTACT”
Top-right: search and circular menu icons.
Place six organic selector cards vertically on the left. Each contains the correct miniature product and name. Place the active furniture slightly right of center at approximately 70% screen height with enormous typography behind it. Show the active badge from “01 /06” to “06 /06”.
00:00–00:01 — INTRO
Open on the Gaudí UI. Organic panels inflate, mosaic borders draw themselves, ceramic tiles bounce in, suns rotate and wavy lines wiggle. Reveal the logo, navigation and six cards with staggered spring motion. The mosaic-lizard cursor enters and approaches 01.
00:01–00:03 — PARK POD CHAIR
Cursor hovers 01. The card rises and bounces. The exact chair from Image2 springs into the hero area with 3D rotation and elastic overshoot.
Display:
“PARK POD CHAIR”“A PLAYFUL COCOON OF COMFORT.”
Use cream, turquoise, mustard, olive and terracotta. Animate mosaic sunflowers, lizard footprints and floating tiles. The title assembles from mosaic pieces and bounces once. The chair tilts toward the cursor with a subtle cushion wiggle.
00:03–00:05 — GROTTO SHELF
Cursor hovers 02. PARK POD CHAIR squashes back into its card. The exact shelf from Image3 grows through a sculpted stone mask.
Display:
“GROTTO SHELF”“SCULPTED BY NATURE.”
Use chalk cream, sandstone, sage and beige. Animate cave contours, organic openings, plaster rings and pebble dots. The shelf performs one gentle side-to-side wiggle while preserving every opening.
00:05–00:07 — WAVE CLOUD SOFA
Cursor hovers 03. The cobalt card bounces forward. GROTTO SHELF exits through a cream blob. The exact sofa from Image4 flows into the hero along a curved wave path.
Display:
“WAVE CLOUD SOFA”“SOFT CURVES. BOLD COMFORT.”
Use cobalt, cream, turquoise and mustard. Animate cloud blobs, rolling waves, floating spheres and mosaic borders. The blue cushions bounce sequentially and the title undulates once.
00:07–00:09 — LIZARD LOUNGE
Cursor hovers 04. The olive card stretches and snaps back. The exact chair from Image5 enters with a playful four-beat lizard-like bounce.
Display:
“LIZARD LOUNGE”“RELAX INTO ORGANIC FORM.”
Use sage, olive, mustard, turquoise and terracotta. Animate mosaic scales, curling tails, ceramic flowers and footprints. Apply a subtle rotational wiggle without changing the product.
00:09–00:11 — SUNBURST TABLE
Cursor hovers 05. The orange card inflates and releases a ring of mosaic tiles. The exact table from Image6 rises with gentle rotation and a landing bounce.
Display:
“SUNBURST TABLE”“A RADIANT MOSAIC CENTREPIECE.”
Use terracotta, orange, mustard, cream and gold. Animate radial rays, expanding circles and tile fragments. Preserve the exact sunburst mosaic. The title radiates outward and bounces once.
00:11–00:13 — SERPENT BENCH
Cursor hovers 06. The turquoise card rises. The exact bench from Image7 enters along a serpentine path with elastic overshoot.
Display:
“SERPENT BENCH”“FLOWING FORM. TIMELESS CRAFT.”
Use cobalt, turquoise, mustard, cream and pale aqua. Animate serpentine ribbons, ceramic flowers, mosaic waves and floating tiles. Send one gentle traveling wiggle across the bench without deforming it. Place a giant warped “06” behind it.
00:13–00:15 — FINAL
Keep SERPENT BENCH as the 70% hero. The lizard cursor sweeps across all six cards, making each bounce and flash its accent color, then returns to 06.
Background elements react with delayed parallax. Mosaic flowers rotate, dots bounce and serpentine lines wiggle. “SERPENT BENCH” stretches and snaps back.
Reveal:
“EXPLORE COLLECTION →”
Cursor hovers over the CTA. Its mosaic border expands magnetically, tiles bounce around it, a wavy underline draws beneath the text and the arrow shoots right before returning. Hold the final composition.
MOTION SYSTEM
The exact hover sequence is:
“01 → 02 → 03 → 04 → 05 → 06”
Never make it look like an automatic slideshow. Use 60 fps WebGL, GSAP or Framer Motion-quality spring animation, bounce, wiggle, squash-and-stretch, elastic overshoot, kinetic typography, organic masks, cursor-responsive tilt and layered parallax.
Keep furniture physically grounded. Apply stronger motion to decorative graphics and restrained movement to products.
TEXT ACCURACY
Render every word exactly as written. No spelling errors, fake words, broken letters, incorrect numbers, extra navigation or filler text. Hide outgoing titles with masks before revealing new typography.
Maintain hierarchy:
70% hero furniture → giant product name → Gaudí graphics → tagline → selector cards → navigation.
The final result must feel like an award-winning Antoni Gaudí-inspired furniture website: architectural, handcrafted, playful and premium, with exact products, a consistent mosaic-lizard cursor, clear hover transitions, motion graphics, bounce and elegant wiggle effects. Change the shapes behind the every hero product when the cursor hover must be animated shapes