DeliPal — Guest Portal for Restaurants

DeliPal — Guest Portal for Restaurants

UI/UX Design
Food & Beverage
B2C
Mobile App
About the Project

DeliPal is a cloud platform for restaurants that brings ERP, POS and a guest portal into one system. We designed the guest side of it: a mobile-first web app that opens from the QR code on the table, with no download and no hardware behind it. A guest scans the code, browses the live menu, sends an order to the kitchen without waiting for a waiter, rates each dish while the bill is still open, and pays from their phone with loyalty points off the total — and outside the restaurant, the same app finds places by their best dishes rather than by location, and keeps dish lists worth sharing.

It was built by restaurateurs from Romania who turned their own operational problem into a product. We worked with the founder and a six-person team spanning product, marketing, business analysis and development — people who know their product in fine detail and met us for an hour a day, every day, through the whole wireframe stage.

Our Task

Design the guest portal so that ordering and paying take less effort than flagging down a waiter, and leaving a review feels worth doing. Behind that sits the commercial logic: the portal is the free tier of the ecosystem, and it is what convinces a restaurant to subscribe to the POS system underneath. The guest experience is also the sales pitch.

Working within: an existing backend and a shipped set of screens that had already drawn poor feedback from guests; a firm client vision for the visuals — strong orange, black, greys, and minimalism that isn’t boring; no headers, no footers, no burger menu, a hard constraint from the client’s developer; wireframes agreed screen by screen over weeks of daily calls.

How We Help Our Audience

Restaurant guests of every age and kind — the audience is as wide as eating out. What they share is three small frustrations: choosing a dish from a wall of text, waiting to pay and splitting a bill at the end of a good evening, and leaving reviews that nobody acts on. The portal takes all three off the table.

Problems

Picking a dish from a long text menu is slow, and nothing on the page tells you which ones are actually good. Paying means waiting for a waiter, doing arithmetic and dividing the bill awkwardly. And leaving a review has no payoff — venues rarely respond, so most guests don’t bother, which leaves restaurants with no idea what to fix.

Solutions

Dishes are ranked by verified ratings from people who actually ate them, so the search starts with the food rather than the venue. Payment happens on the guest’s own phone — their items by default, the whole table if they choose. And feedback is paid for: every rating earns loyalty points that come straight off the bill, which is what makes the ratings exist at all.

Idea

The friend who knows where to eat. A friend listens before recommending, remembers what you like, tells you the truth even when it isn’t flattering, and never pushes — they just make the choice easier.

That framing also settled the most delicate mechanic in the product. A dish is rated after it’s eaten but before the bill is closed: long enough for a waiter to see a low score, come over and fix it, and for the guest to change their mind. Only at payment does the rating go public.

Main Graphic Hook

The logo already held the answer — the word “pal” hides a small winking emoticon. We lifted it out of the wordmark and made it a character that follows the guest through the whole interface: as a mascot, on covers, as an oversized circle anchoring the top of a page, and as a family of reaction faces. Giving it a set of emotions in one consistent style is what makes it read as someone rather than something.

Typography

We needed a typeface that behaves like the logo — modern, emotional, geometric — and reads cleanly at both heading and body size. Satoshi: spacious, clear, balanced shapes, professional and a little techno without going cold.

Color

White backgrounds, black text and buttons; greys for tabs, toggles and secondary controls. Accents carry the brand orange and a mesh gradient, spent sparingly so orange always reads as DeliPal. Red and green mark states only, and a small set of additional colors distinguishes the emotion shapes.

Result

A guest portal where the food, not the restaurant, is the thing being rated — and where telling the truth about a dish takes one tap, pays for itself in points, and reaches the kitchen while there’s still time to do something about it.

Main Page

The entry point for someone who arrived from a Google search, not from a table. Search sits above everything, split between dishes, restaurants and lists, so the very first interaction says the product is about food and not venues. Three benefit cards and a clearly separated block for restaurants keep the free tier doing its second job: selling the POS behind it.

Search Results

Dishes as large photographs with the rating pulled out in gradient, the restaurant reduced to a line underneath. This is the killer feature made visible: you’re comparing plates, not places.

Map View

The same results on a map with dish thumbnails as pins, for the case where the question is “what’s good near me right now”. It also carries the loading animation of shifting emoticons, so a slow connection stays on-brand.

Dish Details

The page that has to be worth trusting: full-width photo, add-ons, ingredients, allergens marked in red, nutrition. Ratings sit at the top level rather than buried, because the whole product rests on them.

Order Details

The payment problem solved in one screen: your own items by default, a separate tab for what the waiter added, live status per dish, points you can still collect, and one tap to pay for the table if you want to.

My Profile

With no header and no burger menu, everything personal lives in one tab: profile and loyalty balance at the top, then history, settings, language and currency — and for a guest who never signed up, the same screen becomes a prompt to create an account. The wallet treats each restaurant’s points as its own currency, with exchange between them, and right under the balance sits the reason to come back: three unrated dishes and what they’re worth.

Food preferences — diet, allergens, calories — are set once and filter every search. The rest is history and care: visited restaurants, orders marked with what’s still unrated, reservations with live status, treats sent to a friend, payment methods, and profile edits with proper verification and confirmation states.

Case Studies that Drive Results 285 Cases

See how we’ve helped SaaS, fintech, healthcare, and e-commerce brands scale with design that delivers measurable ROI.

Let's Build Something Great Together

Have a challenge or idea worth designing for? We’d love to hear it

→Let’s Talk

What Clients Usually Ask

  • What makes League.Design different from other agencies?

    We combine design excellence with business thinking. Our work isn’t just beautiful, it’s strategically crafted to drive growth, improve user experience, and make your brand unforgettable.

  • How do you make sure the design matches our brand and goals?

    We dive deep into your company, industry, and audience during discovery. This helps us create a visual language and UX that feels uniquely yours, not a template anyone could use.

  • Can you work with our in-house team?

    Absolutely. We often collaborate with internal teams, from marketing and product to developers, to ensure our design integrates seamlessly with your workflow and tech stack.

  • Do you handle development in-house?

    Of course. We have a reliable partners, curated by our delivery manager, who work closely with our designers to ensure every project is implemented exactly as envisioned.

  • Do you only work with big companies?

    No, we love working with both startups and enterprises. Our process is scalable, so whether you need a fast MVP or a full-scale rebrand, we can adapt to your stage and resources.

  • How do we get started?

    Just fill out the short form on our contact page, and our account manager will contact you. We’ll talk through your goals, give you a project outline, and map the next steps to kick things off.