Process of creating mobile application for Secret Garden in Figma

The Secret Garden is a beer garden located on a busy street, among other restaurants, shops, residences, and music.

After work or during the day, working people or students go to the café on this street to enjoy the food, atmosphere, and music.

The Secret Garden also offers a pickup or a food delivery service for those who do not have time to visit their place but want to enjoy their food at home.

Project duration:

July 2022 to April 2023

 

Scroll ↓

For my first step I conducted User research, created Persona, defined Problem statements and constructed User journey maps.

For method for my user research, I chose unmoderated usability study a questionnaire to evaluate customer feedback in United States, remote.

Questionnaire for Secret Beer Garden

For my second step I created Paper wireframes, after Digital wireframes, Low-fidelity prototype and conducted Usability studies.

For paper wireframes I chose the simplest layout with home, menu, events (which in process of thinking was removed), deals, cart and checkout.

For digital wireframes and low-fidelity prototype I used Figma.

Low-fidelity prototype Beer Garden Figma

For my final step I refined mockups, created high-fidelity designs and provided accessibility options.

For high-fidelity prototyping I used Figma.

Hi-fidelity prototype Beer Garden Figma

Beer Garden mobile application presentation

Reflection

Was the project successful?

Yes, the project was successful as I achieved the goal of providing users with an accessible application for quickly ordering food from their favorite place.

What did I learn?

I began to understand more and more the concept of accessibility and that it is important for the delightful process of using my product.

What this project says about me

I love learning and gaining new skills by creating a product that users will love.

Previous
Previous

Website and business card creation for professional musician

Next
Next

Secret Garden mobile application in Adobe XD