Sense-and-Avoid Rover

Status: Finished

Overview

The China House restaurant website provides a simple, user-friendly way to explore the menu with up-to-date pricing and accurate information. Built with accessibility in mind, the site features direct ordering and one-tap calling options to make connecting with the restaurant quick and easy. An FAQ section offers answers to common questions, helping customers feel informed and confident before placing an order.

Website Development UX Design HTML JAVASCRIPT CSS

Challenge

Businesses face challenges when it comes to keeping their websites updated and easy to use. Over time, information such as pricing, hours, or menu items can become outdated, which may confuse customers and create frustration. An unclear or poorly organized website can also make it harder for visitors to find what they need, reducing trust and engagement.

China House's previous site from 2009.

Design Process

Design Strategy

Neutral, purposeful design to prioritize clarity over decoration
imple, intuitive navigation for effortless movement through the site
Key information surfaced immediately to reduce user friction
Soft, light color palette chosen to reduce eye strain
Minimal visual noise to support longer viewing sessions

Website color palette — Calm, eye-friendly colors to support long viewing sessions

Information Architecture

Users immediately see essential information: phone number, store hours, and address
Primary actions are presented next: call-in ordering, Uber Eats, and FAQ
These options support quick decision-making without unnecessary scrolling
The menu is placed beneath high-priority information for users who want to browse
Content is ordered to reduce friction and prevent infinite scroll fatigue
Navigation emphasizes speed, clarity, and task-first flow

Site map / IA sketch — Homepage Layout Draft

UI / UX

Uses simple, repetitive fonts to maintain visual consistency
Avoids flashy elements to reduce distraction
Color changes indicate regular, lunch, and dinner menus for quick recognition
Hover highlights on menu sections provide visual feedback
Overall experience is designed to feel clear, efficient, and low-friction

Pricing layout detail — Frequently Asked Questions Layout Draft

Build

Modular pricing structure allows quick updates without restructuring the layout
Mobile-first layouts and tap targets improve usability on smaller screens
FAQ section reduces repetitive calls while remaining easily editable
Reusable components (menu cards, category headers) ensure visual and structural consistency
Minimal JavaScript reliance reduces bugs and improves load speed

See It in Action

This project is fully deployed and actively used by China House! You can explore the live website below!!

Visit Live Website →