Website for La Case Butik & Catering

Webflow
Figma
Stripe Element
La Case Store and Catering is a gourmet delicatessen renowned for its exquisite selection of high-quality foods, including rare cheeses, premium salami, and other culinary delights. In addition to offering a vibrant storefront brimming with colorful and enticing products, La Case also features elegant event spaces ideal for hosting dinners and social events.

The objective of the website is to beautifully showcase their offerings, facilitate event bookings, and streamline catering reservations, providing a seamless experience for their customers.
Visit Website
Key Points

Design and development on Figma and Webflow

Wized integration

Payment with Stripe Elements

Automation and triggers on payment

Technical Stack
Figma logo

Figma

Wized logo

Wized

stripe logo

Stripe

Fastgen logo

FastGen

Design and development on Figma

Leveraging Figma's powerful design and prototyping features, I created a visually stunning and highly functional design that speaks to the objective of the website.

My process involved:

  • Research and Inspiration Curation
  • Concept and Moodboard
  • Wireframing & Prototyping
  • Create Visual Designs
  • Build using Webflow
  • Integrate with Wized, Stripe and FastGen

Integrating Wized & Stripe Element

screenshot from La Case website

Using Wized, I mounted the stripe elements on the checkout page with 2 payment options

The payment iframe is initiated after a form has been filled which data is first validated to ensure that the correct data is collected.

Working with FastGen and Wized

I used fastgen as a backend service in making the calls to and from Stripe APIs.

I also created several webhooks on Webflow that store different values on FastGen and used that in determining the price of the event when the page is visited.

Wized made all these communication from Webflow and FastGen easier and faster.

Ready to create a website for your business

Ready to discuss your project or have questions? Reach out to us today! We're here to help bring your vision to life.