Figma
Cülinary Expréss – Embeddable Event Landing Page UI/UX Design in Figma
I designed this embeddable event landing page in Figma for Cülinary Expréss, built to integrate seamlessly into partner restaurant websites. The result is a lightweight, conversion-focused UI/UX design with a co-branded hero, clear service structure, and a frictionless inquiry form – designed in Figma to communicate the offer quickly and drive event bookings.
Events
Hospitality
%20(1).webp)
Analysis – Performance & Responsiveness
Performance
Although designed in Figma, the page was structured with real-world implementation in mind.
Lazy Media Strategy: Video and iframe elements designed to load on demand; poster images optimized for lightweight preview states.
Clear Content Hierarchy: H1/H2 structure with primary CTA positioned for optimal above-the-fold visibility and LCP performance.
Embed-Ready Layout: Fixed aspect-ratio containers (16:9 / 3:4) and capped widths (~1040px) to prevent layout shifts within partner websites.
Minimal Blocking Logic: Designed with system/Google fonts and reduced script dependency for faster integration.
Responsiveness
Mobile-First Flow: Single-column layout with accessible touch targets (≥44px).
Desktop Optimization: Two-column layout with sticky inquiry form to maintain constant conversion access.
Accessible UI: High contrast ratios and visible focus states to ensure usability across devices.
.webp)
.webp)
Problem & Solution
Site & Business Challenges
The landing page had to function as an embedded module inside multiple partner restaurant websites.
Content varied per partner (menus, RSVP options, media assets).
The previous flow was complex and visually inconsistent, reducing clarity and conversions.
The experience needed to communicate the offer within seconds and simplify inquiries.
My Solution
Co-Branded Hero System: “Host your event with {RestaurantName}” with two clear primary actions — Plan Your Event / Explore Options.
Service Overview Section: Dinner Parties · Full-Service Events · Catering Delivery — structured for immediate clarity.
Value Mapping Block: “What we handle” outlining full-service management from vendor coordination to logistics and optional RSVP portal.
Conversion-Optimized Inquiry Form: Minimal required fields (name, email, timeframe, guest count, message) with a clear response promise (“Reply within one business day”).
Developer Embed Guide: Delivered URL parameters, state logic, and sizing recommendations for smooth integration across multiple restaurant websites.
%20(1).webp)