![](https://freight.cargo.site/t/original/i/bc80f85b25733057a16f6f3a0b29e7c7fc46d0ee00dc4b5f1fa08689f4bda49e/Findlay-Market_Header.png)
Findlay Market Shopping App
Interaction Design I
Leah Floyd
Madeline May
Juju Stojanovic
Through prior Figma and digital design experience acquired during my Spring 2023 co-op, I lead several project components including:
- Visual brand expression through color and typography choices
- Information architecture revisions
- Figma prototyping
![](https://freight.cargo.site/t/original/i/8f96d29351ddcc6ffa7794bebaa24c5c900a3453bd09527b3a71e2a41dfc9d91/Bendito_Mockup-CMB-Iphone-02.png)
Existing app audit
![](https://freight.cargo.site/t/original/i/940b6bd06a91e9da1fb837ab4c9347fd1e155271009ba17e2ce1d4aac05d8600/IMG_1221.png)
No personalization — missed opportunity to promote recommended products.
![](https://freight.cargo.site/t/original/i/64413bdafce06dbf73baeb973ad453a0422418c4aef7ac0f012574f0fd46e48b/IMG_1224.png)
![](https://freight.cargo.site/t/original/i/d1413fde62128a34707bde195c9825438640af2f9cc353a7da75b7e83bc81b2b/IMG_1221-1.png)
![](https://freight.cargo.site/t/original/i/6d8f2e9fee0d53cea194dc790f5c832d5a736d237228184da92ac24fc4ff7211/IMG_1224-1.png)
Current information architecture
Click to view closer.
![](https://freight.cargo.site/t/original/i/6e53292ab7ecc0cdaaf31a5bd3f5d5501a20d5063e212ea83b4dee77b314848e/FM-Initial-IA.png)
Benchmarking
We looked to Instacart for their amalgamation of various grocery stores under one app, Target for their store map, Kroger for shopping lists, and Instagram for its profile pages.
![Instacart](https://freight.cargo.site/t/original/i/f7c808b47158daa03f1981cc18b330687d4ddfc854af03ca03c328e497d25251/Instacart.png)
![Kroger](https://freight.cargo.site/t/original/i/3c9b242f1b0fda713cfa4b1184ae218fba2bf792119caa0dac873322fa171f8f/Kroger.png)
![Publix](https://freight.cargo.site/t/original/i/fb3537d3ef0199546aaa9eb68204222b59c86e425bbc4d2d39afffba6afbb2ff/Publix.png)
![Target](https://freight.cargo.site/t/original/i/8f01a3212b6c3ba78dcea6b8786735dbdc1a45df62dddfd7f48885130aabd1be/Target.png)
![Instagram](https://freight.cargo.site/t/original/i/343af682a529604413bf5b43f21a05fe39b506306da747bfdd18b046c7bc3a4d/Instagram.png)
Design objectives
User personas
Click to view closer.
![](https://freight.cargo.site/t/original/i/d6abf4634825dea0db55849414fe899b0ae1a145356979f95012b4392b3268ba/Persona-1---Cincinnati-Native.png)
![](https://freight.cargo.site/t/original/i/fe55afeedc1ce540bdc224068f822eb6c25f23b246d1ee3fa93ae0b01c4d5840/Persona-2---Cincinnati-College-Student.png)
![](https://freight.cargo.site/t/original/i/845df5a78608f8a1564411fb350b72607ddb7a3af06189008fc475f60222be17/Persona-3---Cincinnati-Tourist.png)
Defining task flows
Click to view closer.
![](https://freight.cargo.site/t/original/i/18c852cc07dbdd5b5b9c348c40873ce8028617e6f798663d79efb3455448ea34/FM_Task-Flows.png)
Revised information architecture
Click to view closer.
![](https://freight.cargo.site/t/original/i/c9dafebca09a072f1d677f1c079c3c6fb10afcb44faa5a68eb466cb48e3d1bf6/FM_Revised-IA.png)
Paper prototyping
Click to view closer.
![Home](https://freight.cargo.site/t/original/i/e346aca3878d231bc1468e0382bc3918c78b7318849cdfaab1fc41780a3a67a9/Paper-Prototypes_1.png)
![Product List Page](https://freight.cargo.site/t/original/i/675389fe62c4b3105852802dad77be9a5311062c233ccaec7a1e221c452c31fe/Paper-Prototypes_2.png)
![Product List Page — Filters](https://freight.cargo.site/t/original/i/e8101f1a95fbb18300ec56c4805b28a6fbb90c6379baa2dde498ba55fd14f48a/Paper-Prototypes_7.png)
![Shop Profile Page](https://freight.cargo.site/t/original/i/1151c649d2d4ff6d8e2fe97724bde874681d11dabcb7547469695ea623cc1e96/Paper-Prototypes_3.png)
![Shopping Cart](https://freight.cargo.site/t/original/i/0b8391b4857fa3a08d45c00fc326d103ed1dd5d2637c5d8b54c65b9e5e1b30be/Paper-Prototypes_6.png)
![Checkout](https://freight.cargo.site/t/original/i/be4977faa28328bb4f08e6e069859c8c3e7ff5538d7f5873d316d9ddcbfd5c13/Paper-Prototypes_5.png)
Digital wireframes
We found that users understood the icons well but needed more visual feedback to user actions. This included adding active state variations to the navigation icons, and creating a confirmation for adding items to a list or shopping cart.
Click to view closer.
![Home](https://freight.cargo.site/t/original/i/6262a48d0abba0c8a85b624b835afce75873e4d1a7e7bbe938b7ab82c9c398bb/0_Home.png)
![Search](https://freight.cargo.site/t/original/i/56552b1c46b2bbe0d780b2df19e988ce90bf0fb14673ca35746932db958a581a/1_Search.png)
![Map](https://freight.cargo.site/t/original/i/2a70c10af451698f56266f37bd3fd0ce89210e12838afe21cf37539a0e8e7f8c/2_Map.png)
![Shopping Cart](https://freight.cargo.site/t/original/i/5d6e4479136ec280d06107d1716fa37c9fdb2fb01535dd778d8b42d48badba1c/5_Shopping-Cart.png)
![Checkout](https://freight.cargo.site/t/original/i/61adae35cbc3c14e820060200b50312c0259a5a5d95b2c5d23a1140e1f46e34e/6_Order-Confirmation.png)
![My Lists](https://freight.cargo.site/t/original/i/075664757f249989fea382f788bf6dc9f61674ef267d022f8f7f7a4566ef3504/7_My-Lists.png)
![Weekly Essentials List Page](https://freight.cargo.site/t/original/i/87c0e81d76abf5252141ac787571531b0c5b231540c47ae8ef18a21782cc2a70/8_List-Details-Page.png)
![Product List Page](https://freight.cargo.site/t/original/i/3ef04c70e4c49f267399d51e2d5a57a4c5318cbcc2e832801dbbd64f9d49af97/9_PLP.png)
![Shop Profile Page](https://freight.cargo.site/t/original/i/2db9fca7f20a5dcf723634d779760a49c952f6ab43703960306de0a98e191f42/10_Shop-Home.png)
![Product Details Page](https://freight.cargo.site/t/original/i/077a8f078fcb1cb89e6de1c44dde3c45068555bd5275bf531d2fd32dec2e7313/11_PDP.png)
Style guide
![](https://freight.cargo.site/t/original/i/d627841b85888cdf208b7f7a368fa80aa79a5ff64340794df15e95b06b8210cd/Style-Guide_no-border.png)
Final screens and features
Click to view closer.
![Home](https://freight.cargo.site/t/original/i/5cb4db8aaeb967f6cbdc9206a7f35703e7db7fbc8e6a66f556cf1e6883b4262b/0_Home.png)
![Search](https://freight.cargo.site/t/original/i/57eeb13fe88e0d2f7ab6eebc24d1eb61f9d798f3b98b84494fc7de24a5ae0ccd/1_Search.png)
![Map](https://freight.cargo.site/t/original/i/dd5cda7d5ba0352fde6bb2cf7ba55fc9e7df50df7c03043c47c597d41f1de752/2_Map.png)
![User Profile](https://freight.cargo.site/t/original/i/11ef91d4c7674132e2861b2b9e3667b35a77027e9a500799f22b3a1de5b59c98/4_Account.png)
![Shopping Cart](https://freight.cargo.site/t/original/i/513e390c2cd8d2bb43a23136a11fdd8dd7f9ef4fded2a6a71394209619953dc6/5_Shopping-Cart.png)
![Checkout](https://freight.cargo.site/t/original/i/537e8458e2e1cdeda9ec51b36a85ccb4fbd05ba5273ba3010e9bcc84fb36dbf6/6_Order-Confirmation.png)
![My Lists](https://freight.cargo.site/t/original/i/659cd6e844c4f37ae30b040ba76c6100aeecc5ebe0fb57462ff5b355faa2d651/7_My-Lists.png)
![Weekly Essentials List Page](https://freight.cargo.site/t/original/i/70152f779ecc26bf1ef5393214e3ca56732075c05f442a46a12207c0192a6b6a/8_List-Details-Page.png)
![Shop Profile Page](https://freight.cargo.site/t/original/i/b7a11ef80f6b70aeff973bce0efc9961956a7e7e7c686a3104be211939e3d314/10_Shop-Home.png)
![Product Details Page](https://freight.cargo.site/t/original/i/9fbf31d1225e11fd49890a37b74024b4a19e8a1f2d17d2771b73d85affd19c36/11_PDP.png)