Project: E-Commerce Interactive Website Prototype
Demo Runtime: 1:32
Tools Used: Adobe XD | Photoshop | Premiere
The Story
Sheridan wanted an e-commerce website designed to support her growing baking business. Her focus was on informing users of the services offered while clearly communicating the limitations of a small operation, while at the same time making the product appealing and worth supporting.
Design and Development
![](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/529be7f6-2a52-407f-8297-bff9e380fb67_rw_1200.jpg?h=e41bf4e79513077e340035989cc1f978)
![Adobe XD Site Webflow Layout](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/47b01d4c-35ac-4d05-bd5a-44424bff26e5_rw_1920.jpg?h=a8a6127753b188570cb109ba6e4746cf)
Adobe XD Site Webflow Layout
![Paper Prototype - Main Page](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/11a276fa-a99c-4133-b3ee-6b9e55ebe459_rw_1200.png?h=68ac8ed4f59354d591d2263995cd2e88)
Paper Prototype - Main Page
![Paper Prototype - About Page](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/3d899baa-b8be-4fd6-8019-fdd1341199f4_rw_1200.png?h=aa89b0a521de4dff43f10da1ce8393d3)
Paper Prototype - About Page
![Paper Prototype - Order Page](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/5b7a48e1-8466-4bc3-9180-9e1b91dd87b4_rw_1200.png?h=70cf795e8b4a409e656e0319c0a78706)
Paper Prototype - Order Page
![Main Page Layout](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/ce8d586d-2fc2-4c67-ba32-2f98bed645f5_rw_1920.png?h=3749e30029686b6296af03adcf7c3c73)
Main Page Layout
![Main Logo Design](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/0ca9714a-e6f8-42f0-a947-4bf218ee7eea_rw_1200.png?h=200399eb38ef0dfccc436e5975f64b52)
Main Logo Design
![Favicon Logo](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/136afa88-116c-4a0c-b2fb-d41812b14862_rw_1200.png?h=b30ed813dee1ae946ff74083cdce303f)
Favicon Logo
![Alternate Logo Design for Page Headers](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/1333fa9f-d95f-466f-8d3a-5c6758c5bbf2_rw_1200.png?h=010629cf29c88944efa8a4ef6df9d27d)
Alternate Logo Design for Page Headers
![Modifying Images to Fit the Site Aesthetic](https://cdn.myportfolio.com/ad6838ad-ebb6-42d7-bbe6-82a30e7f953e/3d37ba31-12a0-4b08-88a2-a1ce19d1bd04_rw_1200.png?h=03dd654f86e9ef964d85b6299e629a05)