The Modern Family Table
Website for Local Food Delivery Business
I partnered with Estella Media to produce this eCommerce website. The client was looking for an eCommerce website to promote her business of delivering pre-cooked homemade meals to families in the Philadelphia suburbs.
For the eCommerce features of this WordPress site, I implemented the WooCommerce and Gravity Forms plugins. The shopping configuration was very complex as there were many menu options and conditions. I also helped establish the payment gateway to tie into my client’s merchant account. Since delivery was limited to only certain areas of Philadelphia, I wrote a JavaScript program that checked if a user’s entered zipcode is in the delivery area.
Scroll down below to see examples of my protyping process.
Website Prototyping Process
Below are examples of the sitemap, wireframes, and style tile options I created for this project. I used style tiles to help determine the aesthetic of the site (colors, fonts, patterns, etc.) before the design phase begins.
I used the Gravity Forms plugin and its add-ons to allow for the menu options and alternatives. Since this is the time in the purchasing process when customers would have the most questions, I included a space for an FAQ.
Click each thumbnail below to view at a larger size.
-
- Sitemap
-
- Wireframe of Home Page
-
- Wireframe of Pricing Page
-
- Wireframe of Individual Meal Plan Page
-
- Style Tile Option
-
- Style Tile Option
-
- This was the winning style tile chosen by the client for the site.
