Rebecca Law
China House website preview
Scroll
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

01

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
02

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
03

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
04

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
Final FAQ page
Final build: FAQ page

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 →