Dunkin’ POP App
Platform for Dunkin’ franchisees to order Point-of-Purchase items.
Role: Project Lead, UI/UX Designer
Platform: Figma
![](https://freight.cargo.site/t/original/i/cb22417616b2e7f56c649c96e9807d7d5a624743f347d1ea7c7434c357188c62/Dunkin-banner2.jpg)
![](https://freight.cargo.site/t/original/i/d92502f55d843824cbd0e77ca6e02f8ea03326883fb8bf3a3308eb461920d56a/Dunkin-banner.jpg)
Problem Statement
I decided to spearhead a new platform to improve the efficiency of our response and formalize the customer support process.
I aimed to conduct some research to better understand the users, their top issues, and potential needs.
![](https://freight.cargo.site/t/original/i/492cf1f6343023e9c5ff5281ada523a051d89a4b9e87d3606c969117148dcff7/User.png)
Users
- Franchisees
- Managers
![](https://freight.cargo.site/t/original/i/361433d7ea77a55761e0fefba25d0cfe7c77dba967f2072bf66a13c94fed9819/Problem.png)
Problems
- Missing POP items
- Limited access to info.
- No formal process
![](https://freight.cargo.site/t/original/i/78ae1925cfaff14a84281105d58d8a5926f2c6c59230e6756b1374bfc6978e31/Needs.png)
Needs
- Correct POP
- Store profile knowledge
- Efficient support process
Upon analyzing collected data, I discovered key issues users were facing:
- Order request
- Status update
- Profile status
Since “order request” was the most common issue, it became clear to me that the most essential feature would be to empower users to place orders.
![](https://freight.cargo.site/t/original/i/a7250675eab9410e027b21c24ce4f2630743a9be9fcbbebba61b299aceecea0b/Dunkin-data1.jpg)
Project goals and key features were decided with the help of Dunkin’ stakeholders.
Outlining essential features for the platform provided a strategy to resolve users’ pain points and achieve business goals.
![](https://freight.cargo.site/t/original/i/07e32cc1c8fbc166a0b8b567b182ceee87d76596511a2688131cf4d62c50eef5/Clock.png)
![](https://freight.cargo.site/t/original/i/d1e0db43104826d6abe290666702ab3726e327d6604df9c213204f57d2e748da/Low-Battery.png)
![](https://freight.cargo.site/t/original/i/595ec45556b19fe345e2ae21552c3ea8398146a032c77468761a141f120b388c/Flow-Chart.png)
Essential features were ranked in order of importance.
1.
Place Orders
Users can place their own orders.
2. View Store Profile
Users will have access to essential information.
3. Status Updates
Users should be able to see the status of current and past orders.
4. FAQ Center
Users additionally need a resource that will answer general questions.
Users additionally need a resource that will answer general questions.
I developed a refined information architecture to help structure the various features.
The app was split into five main tabs, each one serving as a valuable hub for the user to accomplish each of the main objectives.
![](https://freight.cargo.site/t/original/i/f1961373a0c3e60b6ddc3db1c609405610a6e037634a964299af990cf52d03b6/Dunkin-POP-IA.png)
I designed some prototypes for the ordering process UI for web and mobile.
These concepts served as an early exploration into how the ordering process could be structured into a simple app interface.
Item Ordering UI for Web:
Item Ordering UI for Mobile:
![Menu Navigation](https://freight.cargo.site/t/original/i/6f5a986a54edf9c4ce4a168fb53ab92939a8003cd0dfd7acd144fffdfb5a1203/Menu.png)
![Item Selection](https://freight.cargo.site/t/original/i/f36149d99bc1813a9c26e6945db93f6078e61912b368b78aad0e3c3908f7040e/Item-Selection.png)
![Confirm Details](https://freight.cargo.site/t/original/i/0dde6eb69ddee3171befce27de4b849f25c085c02c1f1715233b91b4706a42fa/Order-Details.png)
![](https://freight.cargo.site/t/original/i/f62cec4f084de5152b1527f7db428d6d3bf5a0011b4d4612a3dbcc1803a036de/Order-Details-1.png)
![Confirmation](https://freight.cargo.site/t/original/i/680252bb0768eb091e0dd5581d8b3e24a4b379b34e4d4217347b84469e3e8cc1/Confirmation.png)
Item Ordering UI for Mobile:
![Menu Navigation](https://freight.cargo.site/t/original/i/c830e0db5f91c3d62a45f8f0c5e6d9f81f92e0e6f62a97313994b59ba71abbfe/POPv1-Mobile-Menu.png)
![Item Selection](https://freight.cargo.site/t/original/i/7e99dc8efcf418302791d9c6f5b5a86dca95d46ee8878347aed4b57642be42ff/POPv1-Mobile-Item-Selection.png)
![Confirm Details](https://freight.cargo.site/t/original/i/608f43e6f8b1bf781116467800f87c812bb8488d886faf83c4ca34aaa02800af/POPv1-Mobile-Order-Details.png)
![](https://freight.cargo.site/t/original/i/619d404686c67a970a93d97c5366b25f2655aa10e11444f652a38641d0664380/POPv1-Mobile-Order-Details-2.png)
![Confirmation](https://freight.cargo.site/t/original/i/70c2bdf5c29fa1cf13878ac01201362660c79ad47077b43b2e667e8fa39fbfed/POPv1-Mobile-Order-Placed.png)
After presenting these concepts to the development team, they noted that dropdown menus for item selection would be problematic - since each dropdown would take a significant time to load. I used this feedback to reimagine how the solution should be designed.
Final prototypes were created to be informative with a minimal aesthetic.
I designed working prototypes that implemented all of the key features into a seamless user experience.
![The Home screen gives an overview of user's store profile, including items in their kit.](https://freight.cargo.site/t/original/i/4657e692d407aca75a8595e50e0d85353456dade30e512b9859ccbe308074e9a/Home-Simplified.png)
![My Store Profile section has an "ADD/EDIT" option that lets users add or adjust store address.](https://freight.cargo.site/t/original/i/c3a1041a9a117f77236740b44dfabccf86e8f724a2abb989bdf4b02cf6091ff6/Edit-Profile-1.png)
![The Order Replacement POP section gives users control over which items they'd like to order.](https://freight.cargo.site/t/original/i/84b1bea610b46f69b062e4c1564eb4096044453fc21ed2455da3ee045f8ed0fd/Order-Replacement-POP.png)
![The FAQ section was developed to address other top calls, such as referrals and updating profiles.](https://freight.cargo.site/t/original/i/3f2ffb9efcaae816dcef3e98ff473a0aec4f735dd67f97c8f5341312fd9c1f66/FAQ.png)
I made mock-ups for admin panels and outlined the backend workflow.
These medium-fidelity prototypes and diagrams were presented to stakeholders to show how orders would be managed by our support team.
![](https://freight.cargo.site/t/original/i/3e2e1ace11b19405edc11a9d414a54cbd16ea7d5d8536b619ee4dc628ab2f3f9/Admin-Panels-03.png)
![](https://freight.cargo.site/t/original/i/b535f91c2eae9f4f933540a0b02cf8c661d6b650f816c660d2872d918cbfc86d/Admin-Panels-01.png)
![](https://freight.cargo.site/t/original/i/6edfe7d89afa51aab21cc350639ec9d3bf66937d912ff64de8477e555465d95c/Admin-Panels-02.png)
![](https://freight.cargo.site/t/original/i/6c155c409d3ad05f2f9500b4acb0c68e1aa1e5b10f8f91c99f00a7ce7a315d6a/Admin-Panels-04.png)
The finalized designs and prototypes present a strong solution for a straightforward ordering process for POP items.
The design is finalized and the implementation is ongoing by the development team. Since it hasn’t been launched yet, I look forward to celebrating the success of the end result.