Snacks - Hero Image


The Snacks app was a creation of Pepsico to engage their loyal customers. This is an ongoing app.The client wanted to change some layouts and create some flows in line with the current designs in a very short timeframe before their launch. The integration into the app had to be immediate. Our team got together to create these screens with minimum revisions as soon as possible!

Snacks - Introduction Image

Task Flow

Creating flow charts and mindmaps on the FigJam enabled the Visiata team to visualize the process which Pepsico wante to initiate.Through multiple meetings and brainstomring sessions the whole process was curated and put on screen. This helped everyone be on the same page and hastened design.

Snacks - Taskflow Image

Low Fidelity Wireframes

After getting the inital process flow approved by Pepsico our team of designers went on to develop a low fidelity structure.This step-by-step process enabled the client to walk with us every step of the way and get tweaks done when they wanted. This was an iterative process where the client’s involvement helped steer us in the right direction.

Snacks - Wireframe Image

High Fidelity Mockups

After the mockups color, content copy and buttons were filled to create the final high fidelity UI.Everything from placement, to copy and color scheme was talked through with the client which allowed for the smooth launch of the UI immediately after design - with very few iterations to boot!

Snacks - Mobile Mockup Images
Snacks - Fidelity Mockups Images