Part of a bigger project that revolves around
re-imagining a better, faster, easier and more sustainable grocery shopping experience.
pant-re is a mobile app made to help with
faster grocery shopping and keeping &
tracking grocery items in your kitchen.
I started the process with research and looking at different products that are doing similar things. There weren't that many which focused exactly on what I wanted to do but there were enough to learn what is possible. After looking at these examples I decided on what I should and what I shouldn't do with this product.
After looking at competitors, I wrote down all the goals of this product and divided them into sections for the sitemap. Not all these sections ended up being on the product but it was a good way to organize my thoughts. This then led me to create user journeys for two possible users.
I created rough sketches to put down and brain-map how pages could look like. This helped me generate new ideas on what goes where.
I turned my low fidelity sketches digital and added more solid placements and typography to make it medium fidelity and prepared my designs to be tested which explains all the orange arrows.
After the low to medium-fidelity wireframes, I did a user testing with four people which guided my future designs for this product. Overall, there weren't many issues and most tasks were completed in one or two tries so there weren't too many technical elements to change or consider.
Most of the branding elements are also shared with the other part of this project but overall my goal was creating something that is earthy and fresh while avoiding the classic blues and greens used in grocery related products. The typography is a mix of transitional serif and modern sans serif which combines organic with fresh in a way. Also, these fonts are easily accessible at google fonts.
APP ICON STUDIES
After deciding on icons, I looked back at my app icon sketches and brought them into life.
Here are some of the designs and wireframes, and colors that did not make it for different reasons.
The space takes pieces from instagram post designs, it includes celebrative shapes from the logo in the background to give a hint of the museum and the variety.