CognEats
Think less. Taste more.
A food-ordering app designed by applying cognitive psychology to every interface decision — attention, perception, emotion, memory, motivation and trust — to make choosing food feel effortless, appetizing and confident.
Good interface design should align with how people think, feel, remember and choose.
Instead of designing only for visual appearance, every major interface element in CognEats was connected to a psychological principle — reducing cognitive effort, guiding attention, building trust, and encouraging users to complete and repeat an order.
Project Goal
Notice important information quickly
Avoid feeling overwhelmed by too many choices
Compare meals easily
Feel confident about price, quality, hygiene and delivery
Complete checkout with less anxiety
Remember previous meals and return to order again
My Role
I worked on this project as a UI/UX designer applying cognitive psychology to digital-product design.
Studying relevant psychological theories
Translating each theory into interface decisions
Designing the CognEats visual identity
Designing the food-ordering user journey
Creating splash, home, menu, product, cart, checkout, success and past-order screens
Explaining the psychological reasoning behind each interaction
Theory in, behaviour out.
Decision Psychology Flow
The interface continuously triggers appetite, focuses attention, reduces cognitive effort, activates familiar schemas, builds trust, and supports confident decision-making.
Twelve theories, one ordering flow.
01
Selective Attention
Strong contrast on primary content; visual priority for food imagery and the main CTA.
Users quickly know where to look and what to do next.
02
Affective Priming
Pumpkin orange as dominant accent; large warm food images; rounded, friendly shapes.
Triggers appetite, warmth and a positive desire to explore food.
03
Gestalt Principles
Grouped content, repeated card shapes, white space, figure-ground contrast, closure in the logo.
Users understand the interface quickly without examining every element.
04
Distinctiveness Effect
High-quality photography, consistent orange brand colour, a recognizable chef-hat logo.
The app and its food choices become more memorable.
05
Cognitive Load Theory
Clear hierarchy, smaller information chunks, a multi-step checkout, minimal cart layout.
Users can decide without feeling overwhelmed.
06
Choice Overload & Decision Fatigue
Categorized items, recommended dishes, popular / top-rated labels, "For You" sections.
Users decide what to eat more quickly.
07
Dual-Process Theory
System 1 via photography, colour, badges and animation; System 2 via price, ingredients, nutrition.
Balances emotional attraction with rational confidence.
08
Subjective Norms
Star ratings, reviews, "Most Ordered", "Popular" and "Top Rated" labels, testimonials.
Social approval reduces uncertainty and builds trust.
09
Associative Learning & Schema
Repeated orange, consistent icons and navigation, familiar categories, repeated card styles.
The app becomes easier to learn and remember.
10
Operant Conditioning
Order-success animations, confirmation messages, coupon feedback, "Order Again" buttons.
Users feel rewarded and are encouraged to return.
11
Anchoring & Framing
Price ranges, "Most Popular" reference points, discounts framed against normal prices.
Users feel more confident about value.
12
Risk Minimization & Trust Cues
Hygiene icons, health labels, delivery estimates, payment-security icons, trusted-user messages.
Users feel the food and payment process are trustworthy.
A palette built to trigger appetite.
Pumpkin Orange
RGB 249, 115, 22
Warmth, hunger, energy, excitement, fast emotional engagement — supports affective priming and System 1 decision-making.
Linen
RGB 250, 240, 230
Calmness, cleanliness, comfort and reduced visual fatigue — a soft background for food imagery and orange accents.
White
RGB 255, 255, 255
Readability, figure-ground separation and clarity — helps important elements stand out.
Logo & Gestalt Closure
The CognEats logo shows only a chef's hat and moustache — deliberately leaving out the rest of the face.
This applies the Gestalt principle of closure: the user mentally completes the missing facial features, making the symbol simple, recognizable, memorable, food-related and psychologically engaging.
A hat, a moustache, and the mind fills in the rest.
Eight screens, one psychological arc.
Stage
Splash
Appetite & welcome
Stage
Home
Discovery without overload
Stage
Menu
Fast comparison
Stage
Product
Emotion meets reason
Stage
Cart
Reassurance & commitment
Stage
Checkout
Predictability & trust
Stage
Success
Reward & relief
Stage
Past Orders
Memory & repetition
First impression, first appetite.
The splash screen introduces the CognEats brand and immediately creates an appetite-related emotional response — the user feels hungry, welcomed and ready to explore.
Affective Priming
Warm orange and food imagery trigger appetite and emotional attraction.
Gestalt Simplicity
A small number of clear elements makes the screen easy to understand.
Selective Attention
The logo, food image, slogan and primary action receive visual priority.
Affective Conditioning
Repeated brand colours and food cues build an association with enjoyable food.
Discovery without overload.
The home screen organizes categories, recommendations, and top restaurants so users can scan, compare and select food with less mental effort.
Gestalt Similarity & Proximity
Related content — categories, recommendations, restaurants — appears in clear groups.
Priming & Associative Activation
Familiar preferences guide personalized "For You" recommendations.
Theory of Reasoned Action
Ratings and popular labels provide social proof.
Anchoring
Price ranges give the user a reference point for judging value.
Compare fast, stay hungry.
The menu supports quick comparison while maintaining appetite stimulation — vivid photography and familiar categories let users evaluate dishes without losing emotional pull.
Distinctiveness Effect
Vivid food images make dishes easier to notice and remember.
Associative Learning
Familiar categories activate existing food-related mental models.
Salience
Highlighted labels such as "Chef's Choice" stand out from surrounding content.
Schema Reinforcement
Repeated colours and icons strengthen recognition of the CognEats brand.
Emotion meets reason.
The product screen combines emotional attraction with detailed rational information — attractive enough to want, informative enough to trust.
Affective Priming
The main food image creates appetite and emotional attraction.
Risk Minimization
Health and hygiene information reduces uncertainty.
System 1 & System 2
The image supports fast emotional judgement; details support rational evaluation.
Multi-Attribute Attitude Model
Users evaluate taste, price, nutrition, ingredients and hygiene together.
Subjective Norms
Reviews and testimonials show social approval.
Reduce anxiety, support commitment.
The cart keeps only essential information visible so the user understands the total cost and feels comfortable continuing to checkout.
Cognitive Load Theory
Only essential information is shown in a clean, minimal layout.
Knowledge Function of Attitude
A transparent price breakdown supports informed evaluation.
Cognitive Dissonance Reduction
Positive microcopy like "Top Rated" reassures users about their choice.
Positive Reinforcement
Discounts and coupons reward the user and motivate checkout completion.
Predictable steps, visible trust.
Checkout is divided into smaller steps to reduce perceived complexity — the user always knows where they are and why the process is safe.
Perceived Control & Predictability
A progress tracker shows where the user is and what remains.
Peripheral Cue Processing
Security and payment icons provide fast, non-verbal reassurance.
Social Proof
"Trusted by 10,000+ users" increases confidence in the platform.
Anchoring & Framing
The total price is expressed so its value is easier to interpret.
Rewarding the completed behaviour.
The success screen rewards the user's completed purchase — confetti, confirmation and a clear next step leave the user feeling relieved, rewarded and confident.
Classical Conditioning
Positive animation and feedback connect purchasing with a rewarding emotional experience.
Associative Network Theory
Repeated brand language and confirmation messages strengthen brand memory.
Perceived Control
The Track Order button gives continued visibility and control.
Remember, and return.
The past-orders screen supports recognition, memory and repeat purchasing — users remember previous meals and reorder with minimal effort.
Schema Consistency
The familiar layout reduces relearning and reinforces the brand's cognitive framework.
Multi-Store Memory & Retrieval Cues
Food images help users recall previous experiences from long-term memory.
Operant Conditioning
The "Order Again" button makes repetition convenient and rewarding.
Key Learning & Reflection
Meaningful design doesn't come from visuals alone.
This project reinforced that meaningful design also comes from understanding how people focus, feel, remember and decide. By applying these ideas intentionally, CognEats became more than a visually appealing interface — it became a decision-support experience designed around how people naturally think, feel and choose.
How people focus attention
How emotions influence decisions
How memory is formed
How familiar patterns reduce effort
How users judge risk
How social proof affects trust
How rewards encourage repeat behaviour
Final Project Statement
CognEats is a psychology-driven food-ordering concept that uses cognitive science to reduce mental effort, increase trust, stimulate appetite, and support confident decisions — an experience designed to help users think less, feel more confident, and enjoy choosing food.