<?xml version="1.0" encoding="utf-8"?>
Open full project

Goal of the Screen

The primary goal is to guide users through booking a dinner with minimal friction while allowing customization (budget, add-ons, and discounts).

UX Decisions & Design Choices

Visual Hierarchy & Layout

  • Clear Sectioning: Information is structured in small, digestible chunks to avoid cognitive overload.
  • Progressive Disclosure:
  • The date selection is clear and easily accessible.
  • Budget selection is emphasized.
  • Add-ons and discounts appear only after choosing the budget, keeping the interface clutter-free.
  • Typography:
  • Headings use bold fonts for immediate scannability.
  • Descriptions use a lighter weight to guide focus.
  • White Space:
  • Enhances readability by reducing unnecessary elements.
  • Allows the most crucial elements (buttons, toggles) to stand out.

Social Dinning Platform 1

Psychological & Behavioral Design Principles

  • Hick’s Law (Minimizing Choices)
  • Users only focus on the essentials (date, budget, add-ons), reducing decision fatigue.
  • Fitts’s Law (Touch Target Optimization)
  • All interactive elements (budget buttons, toggles, CTA) are large enough for easy tap interaction.
  • Cognitive Load Reduction
  • Minimal distractions and progressive disclosure ensure a smooth decision-making process.
  • Social Proof & Value Perception
  • The emoji-based microcopy (💖, 🥂, 🛒) makes the experience friendly and approachable.

This design is well-structured, minimal, and intuitive. It balances usability with delight, ensuring users feel in control while making choices. Minor enhancements can further improve conversion rates and engagement. 🚀

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Hello Yuvasree Ramesh,

The designs are perfect, trendy, and modern. Well done! The images you’ve chosen make the design even more attractive.

Only two areas caught my eye that need to be adjusted. If you update those, the design will go from perfect to perfection.

1- Since the header and subheader text colors are in the same tones, the eye perceives both texts at the same time due to the color similarity. If you make the header black and the subheader gray, you can create a very nice and clean contrast. This also applies to the text on other cards. This way, even if there is a lot of text, it won’t feel overwhelming because of the contrast.

2- The edit icon looks too big and takes up the space between the two cards. You can either provide it as text or reduce the icon size a bit.

Lastly, it's clear from the design that you have a great sense of style. Keep going in this direction—wishing you success!


Hi Yuvasree,

Your social dining platform concept is truly engaging. The structure feels well thought out, making it easy to navigate and understand the experience. The clean design enhances usability, and the flow feels natural. One area that could elevate it even further is refining the visual hierarchy—perhaps emphasizing key actions more prominently to guide users intuitively. Fantastic work, keep shaping this into something even more impactful!


25 Claps
Average 5.0 by 5 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>