Grigorev Daniil

Grigorev Daniil

Grigorev Daniil

MAXX

MAXX

Client MAXX, a fast-food restaurant chain.

Role

UI/UX Designer

Scope

Benchmarking, UI/UX, Flow

Tools

Figma, Rive

🎨 My role:

Conducted UX audit, developed the moodboard and visual foundation, redesigned core user flows, created mobile-first layouts, and prepared final mockups aligned with the updated design system.

⚠️ Challenge:

An outdated visual style combined with complex UX mechanics led to cognitive overload, making it harder for users to navigate the site and quickly complete their tasks.

📈 Result:

A modern mobile-first platform with a simplified UX, seamless guest checkout, and one-click reordering. The renewed visual identity emphasizes food appeal, strengthens brand recognition, and delivers a smoother, more engaging user experience.

🔑 Key Solutions:

Implemented a mobile-first redesign with a simplified UX, introduced guest checkout and one-click reordering, and emphasized food appeal and clear visual hierarchy to drive engagement and conversions.

Context:

Context:

MAXX, a fast-food restaurant chain. The initial request was simply to “polish” the website’s visuals. However, analysis revealed a deeper challenge: not only was the UI outdated, but the UX was overloaded with mechanics that created cognitive strain for users.

MAXX, a fast-food restaurant chain. The initial request was simply to “polish” the website’s visuals. However, analysis revealed a deeper challenge: not only was the UI outdated, but the UX was overloaded with mechanics that created cognitive strain for users.

*Before Redesign

Key Barriers:

Key Barriers:

Legacy UX patterns that caused cognitive overload, lack of a coherent design system, outdated visual identity, and friction in key user scenarios such as checkout and repeat ordering.

Legacy UX patterns that caused cognitive overload, lack of a coherent design system, outdated visual identity, and friction in key user scenarios such as checkout and repeat ordering.

*Before Redesign

Stage 1 — Research Insights:

Stage 1 — Research Insights:

The initial UX audit revealed the core issue — cognitive overload. Users had to make too much effort to understand where to start: multiple CTAs, duplicated order scenarios, and no clear prioritization.


Instead of a simple “see → understand → act” path, they were forced into a confusing “maze.”


The website resembled a corporate portal from the early 2010s rather than a modern food service. For customers, interface = product quality: if the site looks “old” or “cheap,” that perception directly transfers to the food and service. This was especially critical for new users — trust could fail to form at all.


Content blocks, texts, and buttons were arranged chaotically, with no breathing space. The eye “catches” everything at once instead of being guided. There was no sense of a unified style: colors, fonts, and elements felt fragmented. Meanwhile, competitors like Dodo and Yandex.Eda were building entire visual ecosystems, while MAXX lacked this perception altogether.


Users often couldn’t tell which elements were clickable and which were static (hover/active states were unclear). Important information (like restaurant addresses and working hours) was hidden.


In food delivery, UI should evoke appetite and emotion — large dish photos, vibrant highlights, lively illustrations. On maxx.ru this was nearly absent: the focus was on text lists and links instead of appetizing, “tasty” visuals.

The initial UX audit revealed the core issue — cognitive overload. Users had to make too much effort to understand where to start: multiple CTAs, duplicated order scenarios, and no clear prioritization.


Instead of a simple “see → understand → act” path, they were forced into a confusing “maze.”


The website resembled a corporate portal from the early 2010s rather than a modern food service. For customers, interface = product quality: if the site looks “old” or “cheap,” that perception directly transfers to the food and service. This was especially critical for new users — trust could fail to form at all.


Content blocks, texts, and buttons were arranged chaotically, with no breathing space. The eye “catches” everything at once instead of being guided. There was no sense of a unified style: colors, fonts, and elements felt fragmented. Meanwhile, competitors like Dodo and Yandex.Eda were building entire visual ecosystems, while MAXX lacked this perception altogether.


Users often couldn’t tell which elements were clickable and which were static (hover/active states were unclear). Important information (like restaurant addresses and working hours) was hidden.


In food delivery, UI should evoke appetite and emotion — large dish photos, vibrant highlights, lively illustrations. On maxx.ru this was nearly absent: the focus was on text lists and links instead of appetizing, “tasty” visuals.

Stage 2 — Competitive Analysis:

Stage 2 — Competitive Analysis:

Research Findings: 65–75% of orders are placed from smartphones. Users are often in contexts of limited attention and expect to quickly browse, select, and complete their order with minimal friction.

Research Findings: 65–75% of orders are placed from smartphones. Users are often in contexts of limited attention and expect to quickly browse, select, and complete their order with minimal friction.

Criteria

MAXX

Dodo Pizza

Yandex.Eda

Homepage

Overloaded with banners, buttons, and cards → cognitive overload, confusing navigation

Focus on categories (pizza, snacks), single CTA “Add to cart”

Restaurant/dish search in focus, neat promo banner

Order Process

Long forms, mandatory registration, no repeat order

2–3 steps to checkout, guest mode, bonuses integrated into the interface

Mobile-first flow, one-click reordering, Apple/Google Pay

UX Patterns

No address autosave, no quick scenarios

Clear hierarchy, large cards, minimal “noise”

Super-app patterns: clean grid, quick CTAs, convenient cart

Visual & Style

“Carpet bombing” use of color, no hierarchy, outdated style, weak food appeal

Contrast, bold CTAs, optimized for mobile tap

Clean grid, color accents only on key CTAs

Information

Contacts, addresses, and working hours hidden; vacancies not visible

Transparency, essential info accessible immediately

Focus on geolocation and quick search

This analysis highlighted the gap between MAXX and industry standards, defining benchmarks for redesign and clarifying opportunities to differentiate through stronger visual identity and simpler user flows.

This analysis highlighted the gap between MAXX and industry standards, defining benchmarks for redesign and clarifying opportunities to differentiate through stronger visual identity and simpler user flows.

Action Points for MAXX:

Action Points for MAXX:

Homepage

  • Remove duplicate CTAs, simplify cards

  • Move promos into separate blocks

  • Add clear hierarchy (like Dodo)

Order Process

  • Shorten steps

  • Enable guest checkout

  • Add address and card autofill

Mobile First

  • Design with priority on smartphones (>375px)

  • Expand layouts for desktop afterward

Visuals

  • Standardize colors, typography, and spacing

  • Add contrasting CTAs

  • Eliminate “carpet bombing” color use

Competitor UX Patterns

  • Implement “Repeat order”

  • Provide quick access to popular dishes

  • Add personalized recommendations — without overloading the homepage

A compact moodboard was created to capture visual directions and key principles that guided the development of the future interface.

A compact moodboard was created to capture visual directions and key principles that guided the development of the future interface.

  • Generous white space with emphasis on food cards and large photos/illustrations

  • Contrasting typography — bold grotesque fonts highlight categories or CTAs in some layouts

  • Pastel and neutral backgrounds with bright accents (purple, orange, black) to draw attention to key elements

  • Generous white space with emphasis on food cards and large photos/illustrations

  • Contrasting typography — bold grotesque fonts highlight categories or CTAs in some layouts

  • Pastel and neutral backgrounds with bright accents (purple, orange, black) to draw attention to key elements

Flow & Interaction Scenarios:

Flow & Interaction Scenarios:

Designed a seamless flow that accommodates different user journeys — from selecting a dish to completing and receiving the order.

Designed a seamless flow that accommodates different user journeys — from selecting a dish to completing and receiving the order.

Design Development:

Design Development:

In the context of tight deadlines, the team agreed to proceed directly with high-fidelity prototypes as the foundation for the future interface.

In the context of tight deadlines, the team agreed to proceed directly with high-fidelity prototypes as the foundation for the future interface.

  • Based on the research and the designed flow, adaptive design mockups were created in Figma.

  • In my work, I applied auto-layouts, styles, and variants to build all interface components.

  • This approach established core principles and constants, preparing the mockups for further refinement with tokens and the foundation of a complete design system.

  • Based on the research and the designed flow, adaptive design mockups were created in Figma.

  • In my work, I applied auto-layouts, styles, and variants to build all interface components.

  • This approach established core principles and constants, preparing the mockups for further refinement with tokens and the foundation of a complete design system.

What Was Achieved:

What Was Achieved:

The result proved highly functional within the scope of what was implemented — delivering practical solutions, a consistent visual style, and a solid foundation for future scaling.

The result proved highly functional within the scope of what was implemented — delivering practical solutions, a consistent visual style, and a solid foundation for future scaling.

Guest Checkout

  • Unregistered users can now place orders and track their status.

  • Once authorized, order data is saved to the user’s profile.

Quick Order

  • The ordering process was streamlined by reducing steps.

  • Bulky forms were optimized with clear highlights and logical sequencing, making the flow faster and more intuitive.

Automatic Address Saving:

Automatic Address Saving:

Registered users can now update their default address and add or remove delivery addresses as needed.

Registered users can now update their default address and add or remove delivery addresses as needed.

Repeat Order:

Repeat Order:

A reorder function was introduced, simplifying the process and reducing the time needed to place a new order while boosting user loyalty.

A reorder function was introduced, simplifying the process and reducing the time needed to place a new order while boosting user loyalty.

Desktop:

Desktop:

The desktop version was fully expanded using adaptive components. They integrate seamlessly into the overall visual system and provide convenient use across different devices.

The desktop version was fully expanded using adaptive components. They integrate seamlessly into the overall visual system and provide convenient use across different devices.

👤 User Value:

  • Simplicity & speed — fewer steps to order, guest checkout option, and one-click reordering.

  • Clarity — clean interface, focus on primary actions, clear navigation.

  • Emotion — “appetizing” visuals with large food photos and contrasting typography.

  • Personalization — saved addresses, quick access to popular items, and tailored recommendations.

📈 Product Value:

  • Higher conversion — streamlined flows reduce decision-making time.

  • Customer loyalty — reorder and personalization features encourage repeat usage.

  • Competitiveness — a modern mobile-first service aligned with market leaders (Dodo, Yandex.Eda).

  • Scalability — foundation for a design system and adaptation across devices.

  • Brand strength — refreshed visuals convey modernity and quality, building user trust.

Design that tastes better.:

Design that tastes better.:

The MAXX project transformed an outdated, overloaded website into a modern food service focused on convenience and emotion. The interface became cleaner, clearer, and more “appetizing,” while the ordering process turned faster and simpler.

The MAXX project transformed an outdated, overloaded website into a modern food service focused on convenience and emotion. The interface became cleaner, clearer, and more “appetizing,” while the ordering process turned faster and simpler.

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