UX / UI Design & Development
China Live is a restaurant and brand that I collaborated with to create a new and shining brand
identity (logo, typeface and color palette). I successfully delivered their tablet menu and
website in 2017, and completely re-built their website in 2018.
The website is made with HTML5 / CSS3 / Bootstrap / JQuery / JavaScript.
Individual UX/UI project
Individual advertisement poster design
Individual responsive website development
Sept - Dec 2016
China Live is an interactive culinary and cultural destination in the heart of San
Francisco’s Chinatown, offering an in-depth exploration of Greater Chinese gastronomy. The
operation is a huge, multi-faceted experience that people often refer to as the Chinese
version of Mario Batali’s ‘Eataly’ in NYC.
It’s a bastion of food, fun and culture that San Franciscans have wholeheartedly embraced.
China Live is more than just a restaurant or grocery store. It features a serious array of
offerings that you can spend hours exploring.
Here’s what you’ll find:
- Restaurant
The Market Restaurant on the first floor features a seasonal menu that changes every day to
reflect the available ingredients and whims of the chefs. The main dining area features
chairs and tables that were all handcrafted in China. Grab a seat at the bar to get a
close-up view of the chefs preparing savory dishes.
- 888 Banquet and Event Space
China Live utilizes a banquet and event space for guests who would like to host a party. The
space can accommodate anywhere from 10 to 825 people.
- Marketplace
The retail area of China Live is truly something to behold. It’s a majestic collection of
unique flavors and experiences that you can take back to your own home. You can find spices,
teas, condiments, produce, cookware and cutlery – all of the highest quality. If you’re just
here to browse, ask a guide to help you explore and learn more about the products and
Chinese cooking.
Restaurateur George Chen says,
"WE NEED TO COME OUT WITH A BANG!"
"I think this is the perfect place to kind of bridge the cultures across the oceans and the past to the present and future," Chen said. The cuisine itself is authentic Chinese. There’s even a traditional ceramic cauldron that dates back 1,000 years. Chen believes it’s the only one in the U.S.
Web Font
Title
Web Font
Quotes
Web Font
Text
CMYK 0,6,87,1
RGB 252,238,33
#FCEE21
CMYK 0,27,82,3
RGB 248,182,45
#f8b62d
CMYK 38,29,0,13
RGB 138,158,222
#8A9EDE
CMYK 56,54,0,69
RGB 35,36,79
#23244F
CMYK 0,0,0,1
RGB 0,0,0
#000000
The website design was conceptualized and created shortly after the brand identity was refreshed. CHINA LIVE has three main features; the dine-in restaurant, the café/bar and the ‘888’ event space. In an effort to establish brand unity, I designed their web page to host all three features in one location. This was achieved utilizing:
Even though the website was designed without the use of Bootstrap templates, the convenience of coding with Bootstrap was utilized. I explored coding avenues using almost all components of Bootstrap, and this allowed the final website to mirror the original design as closely as possible. I hope you enjoy my China Live restaurant!
