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.

Create a free website with Framer, the website builder loved by startups, designers and agencies.