SERVD - MENU APP
SERVD - MENU APP
SERVD - MENU APP
MOBILE DESIGN
MOBILE DESIGN
MOBILE DESIGN
2025
2025
2025




OVERVIEW
OVERVIEW
OVERVIEW
THE GOAL OF THIS PROJECT WAS TO BUILD A MOBILE APPLICATION THAT WOULD EMPOWER DINERS AND RESTAURANT OWNERS ALIKE. IT WOULD GRANT THEM A SENSE OF CONTROL AND EFFICIENCY TO STREAMLINE THEIR OPERATIONS AND OFFER A MORE PERSONALISED SERVICE. SERVD IS DESIGNED TO BE THE BRIDGE BETWEEN THE DIGITAL WORLD AND THE INTIMATE, IN-PERSON ACT OF SHARING A MEAL.
THE GOAL OF THIS PROJECT WAS TO BUILD A MOBILE APPLICATION THAT WOULD EMPOWER DINERS AND RESTAURANT OWNERS ALIKE. IT WOULD GRANT THEM A SENSE OF CONTROL AND EFFICIENCY TO STREAMLINE THEIR OPERATIONS AND OFFER A MORE PERSONALISED SERVICE. SERVD IS DESIGNED TO BE THE BRIDGE BETWEEN THE DIGITAL WORLD AND THE INTIMATE, IN-PERSON ACT OF SHARING A MEAL.
THE GOAL OF THIS PROJECT WAS TO BUILD A MOBILE APPLICATION THAT WOULD EMPOWER DINERS AND RESTAURANT OWNERS ALIKE. IT WOULD GRANT THEM A SENSE OF CONTROL AND EFFICIENCY TO STREAMLINE THEIR OPERATIONS AND OFFER A MORE PERSONALISED SERVICE. SERVD IS DESIGNED TO BE THE BRIDGE BETWEEN THE DIGITAL WORLD AND THE INTIMATE, IN-PERSON ACT OF SHARING A MEAL.
SOLUTIONS
SOLUTIONS
SOLUTIONS
I FOCUSED ON THE CORE USER JOURNEY - DISCOVER, SELECT AND ORDER. THE FIRST SCREEN (THE "MENU'S PAGE), IS DESIGNED TO BE A VISUAL FEAST - SHOWING OFF HIGH-QUALITY PHOTOS OF THE LOCAL RESTAURANTS. THE IDEA IS TO MAKE BROWSING FEEL AS EXCITING AS WALKING DOWN A BUSY STEET LINED WITH AMAZING EATERIES. I PRIORITISED CLEAR, SCANNABLE INFORMATION LIKE RATINGS AND DISTANCE.
THE "SCANNING" PAGE WAS THE HEART OF THE IN-RESTAURANT EXPERIENCE. I WANTED TO MAKE IT FEEL EFFORTLESS, LIKE MAGIC. FOCUSING ON A LARGE, CENTRAL QR CODE READER THAT INSTANTLY PULLED UP THE MENU, BYPASSING ANY COMPLICATED SEARCH OR CHECK-IN PROCESS. THE FINAL KEY SCREEN WAS THE INDIVIDUAL RESTAURANT PAGE. THE FLOW WAS DESIGNED TO BE AS SIMPLE AS TAP, VIEW, ORDER, AND DINE.
I FOCUSED ON THE CORE USER JOURNEY - DISCOVER, SELECT AND ORDER. THE FIRST SCREEN (THE "MENU'S PAGE), IS DESIGNED TO BE A VISUAL FEAST - SHOWING OFF HIGH-QUALITY PHOTOS OF THE LOCAL RESTAURANTS. THE IDEA IS TO MAKE BROWSING FEEL AS EXCITING AS WALKING DOWN A BUSY STEET LINED WITH AMAZING EATERIES. I PRIORITISED CLEAR, SCANNABLE INFORMATION LIKE RATINGS AND DISTANCE.
THE "SCANNING" PAGE WAS THE HEART OF THE IN-RESTAURANT EXPERIENCE. I WANTED TO MAKE IT FEEL EFFORTLESS, LIKE MAGIC. FOCUSING ON A LARGE, CENTRAL QR CODE READER THAT INSTANTLY PULLED UP THE MENU, BYPASSING ANY COMPLICATED SEARCH OR CHECK-IN PROCESS. THE FINAL KEY SCREEN WAS THE INDIVIDUAL RESTAURANT PAGE. THE FLOW WAS DESIGNED TO BE AS SIMPLE AS TAP, VIEW, ORDER, AND DINE.
I FOCUSED ON THE CORE USER JOURNEY - DISCOVER, SELECT AND ORDER. THE FIRST SCREEN (THE "MENU'S PAGE), IS DESIGNED TO BE A VISUAL FEAST - SHOWING OFF HIGH-QUALITY PHOTOS OF THE LOCAL RESTAURANTS. THE IDEA IS TO MAKE BROWSING FEEL AS EXCITING AS WALKING DOWN A BUSY STEET LINED WITH AMAZING EATERIES. I PRIORITISED CLEAR, SCANNABLE INFORMATION LIKE RATINGS AND DISTANCE.
THE "SCANNING" PAGE WAS THE HEART OF THE IN-RESTAURANT EXPERIENCE. I WANTED TO MAKE IT FEEL EFFORTLESS, LIKE MAGIC. FOCUSING ON A LARGE, CENTRAL QR CODE READER THAT INSTANTLY PULLED UP THE MENU, BYPASSING ANY COMPLICATED SEARCH OR CHECK-IN PROCESS. THE FINAL KEY SCREEN WAS THE INDIVIDUAL RESTAURANT PAGE. THE FLOW WAS DESIGNED TO BE AS SIMPLE AS TAP, VIEW, ORDER, AND DINE.
TOOLS
TOOLS
TOOLS
FIGMA
FIGMA
FIGMA
SHOTS
SHOTS
SHOTS








WHAT I LEARNED
WHAT I LEARNED
WHAT I LEARNED
I QUICKLY LEARNED THAT DINERS ARE IMPATIENT AND HUNGRY. EVERY EXTRA TAP OR MOMENT OF CONFUSION WAS A POTENTIAL ROADBLOCK. I LEARNED TO STRIP AWAY ANYTHING THAT DIDN'T SERVE THE CORE PURPOSE OF GETTING A MENU IN FRONT OF THE USER AS QUICKLY AS POSSIBLE. THE SIMPLICITY OF THE QR CODE SCAN BECAME THE CENTRAL PILLAR OF THE ENTIRE EXPERIENCE.
ANOTHER THING I LEARNED WAS THE POWER OF VISUAL COMMUNICATION. IN A FOOD-RELATED APP, A PICTURE TRULY IS WORTH A THOUSAND WORDS. I DISCOVERED THAT A HIGH-QUALITY PHOTO OF A DISH COULD INFLUENCE A USER'S DECISION FAR MORE THAN A DETAILED TEXT DESCRIPTION. THIS LED ME TO PRIORITISE APPEALING IMAGES THROUGHOUT THE APP'S DESIGN.
I QUICKLY LEARNED THAT DINERS ARE IMPATIENT AND HUNGRY. EVERY EXTRA TAP OR MOMENT OF CONFUSION WAS A POTENTIAL ROADBLOCK. I LEARNED TO STRIP AWAY ANYTHING THAT DIDN'T SERVE THE CORE PURPOSE OF GETTING A MENU IN FRONT OF THE USER AS QUICKLY AS POSSIBLE. THE SIMPLICITY OF THE QR CODE SCAN BECAME THE CENTRAL PILLAR OF THE ENTIRE EXPERIENCE.
ANOTHER THING I LEARNED WAS THE POWER OF VISUAL COMMUNICATION. IN A FOOD-RELATED APP, A PICTURE TRULY IS WORTH A THOUSAND WORDS. I DISCOVERED THAT A HIGH-QUALITY PHOTO OF A DISH COULD INFLUENCE A USER'S DECISION FAR MORE THAN A DETAILED TEXT DESCRIPTION. THIS LED ME TO PRIORITISE APPEALING IMAGES THROUGHOUT THE APP'S DESIGN.
I QUICKLY LEARNED THAT DINERS ARE IMPATIENT AND HUNGRY. EVERY EXTRA TAP OR MOMENT OF CONFUSION WAS A POTENTIAL ROADBLOCK. I LEARNED TO STRIP AWAY ANYTHING THAT DIDN'T SERVE THE CORE PURPOSE OF GETTING A MENU IN FRONT OF THE USER AS QUICKLY AS POSSIBLE. THE SIMPLICITY OF THE QR CODE SCAN BECAME THE CENTRAL PILLAR OF THE ENTIRE EXPERIENCE.
ANOTHER THING I LEARNED WAS THE POWER OF VISUAL COMMUNICATION. IN A FOOD-RELATED APP, A PICTURE TRULY IS WORTH A THOUSAND WORDS. I DISCOVERED THAT A HIGH-QUALITY PHOTO OF A DISH COULD INFLUENCE A USER'S DECISION FAR MORE THAN A DETAILED TEXT DESCRIPTION. THIS LED ME TO PRIORITISE APPEALING IMAGES THROUGHOUT THE APP'S DESIGN.