Bean Den - Coffee & Food Ordering App

Dyvesh Israel

For this particular project, I was responsible only for the UI of the app.

Note that this is a concept and not a real app.
I was given 3 Personas to work with. So I made problem statements for each persona and got to building the early wireframes.
Wireframes of BenDen Mobile app
Wireframes of BenDen Mobile app
I designed an app that has accessibility and navigation front-and-center. The user can find the feature they need with minimal effort. The homepage has a "Quick Add" feature that allows the user to quickly order their favorite/frequently ordered item. Top cafes' menus are readily available to browse through. And the "Budget Based Search", as the name suggests, allows the user to filter items based on their budget and get a bang for the buck. The orders are highly customizable to the extent that each café allows customization. Also, items can be 'favorited' to add to "Quick Add" in the future. The "Pick-up Details" screen gives the users all the info they need regarding picking-up their orders, be it from one café or many.
And for the UI, I noted that the majority of the end users are young adults; so I drifted away from the traditional UI themes and implemented "NeuBrutalism" theme which is very accessible but, at times, unconventional and bold. However, I made sure I don't go overboard with it, and didn't implement the extremes of Brutalism.
Once I was done with the wireframes, I started the Hi-Fi designs implementing the NeuBrutalist style to my designs. After several minor tweaks and iterations, I finalised the designs.
Above are some of the screens in the app.
For more details about this project, you can view my full case study here.
Like this project
1

Posted Jul 7, 2024

A mobile app for coffee lovers that lets them pre-order coffee online and then pick up their orders from the café(s) themselves.

Fortuna Credit - Dashboard Redesign
Fortuna Credit - Dashboard Redesign
MyStressAlarm Branding and Mobile App Design
MyStressAlarm Branding and Mobile App Design
MediaSpace
MediaSpace
Logofolio Vol. 1: Logos & Marks
Logofolio Vol. 1: Logos & Marks