Available for work

Available for work

-
-

E-Canteen NKRI

UI/UX Case Study

A mobile food-ordering experience that helps UPN Veteran Jawa Timur students order ahead and avoid long canteen queues.

Futuristic SaaS landing page with cinematic dashboard visuals, electric blue glow effects, and enterprise-grade premium UI aesthetics

Year

2023

Services

• Product Design
• UI/UX Design
• User Flow & Prototyping

Overview

E-Canteen NKRI is a mobile food-ordering concept designed for students at UPN Veteran Jawa Timur. The app allows users to explore campus canteens, browse available menus, order and pay digitally, and monitor their order status before pickup.

Modern SaaS company page blending product storytelling, analytics visuals, and polished dark-mode interface design

Challenge

Students often have limited break time, while crowded stalls and manual ordering create long queues. The design challenge was to organize multiple canteens, menus, payments, and order statuses into a simple mobile flow that remains easy to use in a busy campus environment.

Sophisticated changelog experience with timeline layout, glowing interface cards, and structured product update presentation

Approach

I structured the experience around the core ordering journey: choose a canteen, select a stall, browse the menu, review the cart, pay digitally, and track the order. Clear information hierarchy, consistent actions, and familiar status indicators were used to reduce uncertainty and keep every step focused.

High-converting SaaS contact page featuring elegant form design, ambient neon lighting, and refined support-focused UI composition

Outcome

The final concept connects stall discovery, menu browsing, checkout, digital payment, and order tracking in one coherent mobile experience. It enables students to order ahead and review their order progress before pickup, creating a more practical alternative to conventional queue-based ordering.

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