![](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/8c0e0c6c-a073-43a5-bb59-8da81784e2be_rw_3840.png?h=c405d6a0ad0c1dfe20453dc4226ddfea)
![Previous Site's eCommerce Page](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/d6f38401-0815-4520-8b6f-2bf331b71d45_rw_1920.png?h=c82610863a8a4f7adea67655d3fd2dcd)
Previous Site's eCommerce Page
![PPrevious Sits's Seller Page](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/b442a768-a3a9-4628-9e93-ec115abf35d0_rw_1920.png?h=c9768b8abea956e34c46ba74a9f4cb7f)
PPrevious Sits's Seller Page
![Previous Site's Pie Flavoris](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/d0fe384d-a915-4a76-9ba5-65ed3708f748_rw_1920.png?h=20e113f89b4d11c60cbae8872e6ba48e)
Previous Site's Pie Flavoris
![](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/e0332922-c9cb-43b9-a198-e002d432b234_rw_3840.png?h=481bacee8cc4afd8e25017dd8b65791d)
![](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/3d9e2e44-1a86-4d5a-8e3e-a5aa2573eaed_rw_1920.png?h=0a5d58169e58046dc065e3453fd1bca8)
Now it was time to move to the Checkout flow. The inclusion of Contact Information and Billing Information is in agreement with checkout flow norms. As this would be launched prior to a major fundraising campaign, the pre-filled donation buttons would hopefully make it easy for people to donate. The newest addition to the design was a Review screen. Leaders had mentioned that there'd be some confusion about who was picking up which pies when. In order to address this, I recommended that there be both a review page as well as a confirmation email that outlined the order and next steps.
![](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/16c0e0cb-efa2-4b6c-a170-a2575123f898_rw_3840.png?h=23c744d742d1584a16885f7798ec132f)
![](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/f26fe55e-8d46-4ae0-a164-2e28e9a0268f_rw_3840.png?h=3b200f3f3177ea192a4d6639cda3eade)
![Experimenting with #069F76](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/01c9e241-9fd6-469e-af16-144ba624a01d_rw_1920.png?h=18cacce750b3c19c91ee1783d0fb77c9)
Experimenting with #069F76
![Using #E7A331 as the primary color](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/861d42f3-e3ef-4a1a-a39a-c2b4078f87a9_rw_1920.png?h=05bfe811dfa0da310d88d12294805bb8)
Using #E7A331 as the primary color
![Toning down the block to make #E7A331 more impactful](https://cdn.myportfolio.com/e964d972c28ecd0260e5802f8f87d8ad/c2a6d965-abe8-40d8-ad23-7cdbedfb870d_rw_1200.png?h=bbb7333a1341a1408bcda5a6cf03738c)
Toning down the block to make #E7A331 more impactful
Walkthrough of an early homepage mockup. Created with Sketch + Adobe XD.