Skip to Menu
Enter
Skip to Content
Enter
Skip to Footer
Enter
Fresh

Fresh Restaurant Website Template

This is a design and build for Fresh – a free, one-page website template for restaurants. I created the design in Figma then built a responsive web page using Webflow.

Expertise
Web Design
Tools Used
Figma, Webflow
Deliverables
Website
Want to work with me?
Contact me

Project overview

This a one-pager, Restaurant-themed template. Covid-related shutdowns have caused small restaurants to close their doors. This template is designed to help restaurants provide an online menu that helps their customers order take-out or delivery from the comfort & safety of their homes.

Execution

As with any design project, I started with a mood board of already existing webpages to use as inspiration. I created a 12 column grid in Figma and aligned my elements as they were created, being sure to include ample and consistent white space. Once the design was finished, I started building it in Webflow, piece by piece, copying over the properties from my original design. Once the layout and content were successfully developed, I added animations for the finishing touch and optimized for mobile responsiveness. I made it just 1 page with no CMS items so that it can be used on a free Webflow plan with staged hosting. The colors can easily be changed by altering the preset color swatches in the designer. All content changes (images & text) can be made in the editor. These considerations were made so that restaurant owners can easily make changes to text, images, and color.

Results

The website was pubished on the Webflow showcase to be shared with restaurants around the globe. It has been cloned over 13 times.

Click here to clone this website to your Webflow account.

Figma to Webflow

Get your Figma designs developed into a live Webflow site with straightforward pricing options.

Webflow Essentials

Ongoing optimizations, content updates, and documentation for your Webflow site.