Restaurant website redesign

Chutneys Indian Express

A responsive restaurant website redesign focused on clearer menu discovery, visible dietary and spice guidance, and direct ordering or reservation direction.

AudienceB2C

DomainHospitality · Ecommerce

RoleUX and UI designer

PlatformResponsive web

Year2024

ScopeCase study and prototype

Reading time3 min

View the product

Explore the responsive home, menu, and item detail flow in the original Figma prototype.

Open Figma prototype

30 Second Summary

DESIGN MOVE

Reorganize discovery around course based menu scanning, visible dietary and spice cues, item customization, and clear conversion actions.

CONSTRAINT

The solution needed to remain practical for a client maintaining content inside Squarespace.

EVIDENCE

The desktop exports show the final home, menu, and item detail states. No formal usability study or analytics were available.

Overview

A clearer restaurant discovery and ordering website.

This responsive redesign helps diners understand the restaurant, scan course based menus, identify dietary and spice information, and reach ordering or reservation actions. I reorganized the information architecture and designed the final desktop experience within Squarespace constraints.

Problem

The original site made comparison and action difficult.

Categories, dietary guidance, spice cues, and next steps were hard to scan. The redesign needed to improve clarity while remaining practical for a small team to maintain inside the existing content platform.

Product snapshot

Home, menu, and item detail make the ordering path scannable.

Each view is a focused crop from the long desktop export. The mobile portfolio layout preserves that desktop identity rather than implying a separate mobile product.

Light Home

The refined light home experience preserves its menu entry points in one readable browser.

Dark Home

The dark treatment uses the same restrained browser geometry for direct comparison.

Menu to Item

The menu flow preserves category context through item selection and customization.

Decision maturity

Tradeoffs that kept the redesign useful and maintainable.

Use course based categories with visible dietary and spice guidance.

Category structure

Guests can begin with a familiar course and compare dishes inside a smaller, maintainable set.

Information density

Dish image, name, price, description, dietary context, and ordering action follow one repeatable pattern.

Maintenance constraint

The structure stays realistic for a small business team maintaining content in Squarespace and handing ordering to an external service.

Reflection

Maintenance shaped the system

Small business UX is often a systems problem in miniature. The strongest design decision was not adding more visual treatment. It was creating a menu structure, content pattern, and handoff model that the restaurant could realistically maintain.

Open Figma prototype

Next project