Redesigning a Pizza Website in Less Than an Hour

Adam Mura from Relume joins the Webflow livestream to show how a random pizza site can be rebuilt in less than an hour using the Relume library.

Summary:

In this hour long live stream, Josh Loh hosts a special session featuring Adam Mura, the co-founder of Relume. They take on the challenge of redesigning a New York pizza store's website within an hour. Adam starts by introducing Relume, a component library and AI site builder that integrates seamlessly with Webflow.

The session kicks off with a search for a suitable pizza store, finally settling on Bleeker Street Pizza, known for its classic New York-style pies. Adam showcases his preparation, including a style guide and pre-made assets, ensuring a swift and efficient build process.

Adam and Josh highlight the importance of a strong style guide, which speeds up the design process significantly. Using Relume’s AI-powered site builder, Adam imports the existing site’s sitemap and generates a structured wireframe in minutes. The duo then fine-tunes the wireframe, making design choices that reflect the pizza store’s brand and identity.

Throughout the build, Adam emphasizes the value of using consistent design elements and patterns, leveraging Relume’s extensive component library to maintain a cohesive look. He also demonstrates the power of Webflow’s variables and Client First framework for efficient styling and layout adjustments.

The final product is a vibrant, modern website that captures the essence of a classic New York pizza joint, complete with customer testimonials, a pizza gallery, and a responsive design ready for mobile users.

Key Takeaways

  • Efficiency through preparation: A well-prepared style guide and assets can drastically reduce build time.
  • AI site builder: Relume's AI-powered tool can generate a structured wireframe from an existing sitemap in minutes.
  • Consistent design: Utilizing patterns and consistent elements creates a cohesive brand identity.
  • Client First framework: Leveraging Finsweet's Client First framework for Webflow ensures organized and scalable designs.
  • Responsive design: Ensuring the site is mobile-friendly is crucial for modern web development.
Redesigning a Pizza Website in Less Than an Hour
Load more