Peking Restaurant is a family owned Chinests take out restaraunt that was incepted in 1994.
Problem: In the recent years, they faced menu price issues from customers who were seeing inconcistent pricing online from what it really is in stores. And that truly has to do with the multiple websites that serve menus that tend to be outdated, or to people taking pictures of old menus that are still up on sites and are being referenced today.
Solution: Launching a website for the establishment would provide customers a consistent place to obtain information about the restaurant as well as obtain actual menu prices. Since the restaurant has their own website and take responsibility of the content on the website, if customers sees inconsistent pricing in other places, it would be obvious to them which one is correct.
My goal was to create a simple, reasy to read one page website for the restaurant. My workflow was the following:
Their paper menu has a framed image of the Temple of the Heavens. I want to stay true to their menu and their restaurant name (Peking aka Beijing) so I chosed this as the focal point. I searched through images of the Temple of the Heavens to find inpisration. The temple was very grand-- there was so many details involved in constructing and painting the temple. You can see it from the tiled roofs to the multiple of patterns running around its body.
My goal was to keep the design simple, so I didn't want to introduce so many colors and textures. I ended up going for golden brown/grey color and a toned down "watered colored" look for the temple. This still gave the temple a sense of grandeur since the darkest colors are focused around its roofs. From this, I decided to have the background of the website to be white to give even more contrast to the temple.
Since the temple imagery takes up quite some space, and it is framed by the stone rail at the bottom, I decided that it will be placed fixed at the bottom of the site. The stone rail will extend horizontally across the site to frame it. Keeping to the minimalism theme, this will be the only peice of graphic on the site.
The most difficult part of this project was displaying their menu. Peking's menu is a typial Chinese take-out restaurant menu-- their selections are extensive and rather overwhelming. I started entering and displaying them in the order they were showing in their instore-menu, but it quickly became clear that not only was it difficult to find what a customer is looking for, but it was becoming insanely long and very hard to follow. Many items also repeat or are located in different places. For example, their "Moo Shu Vegetable" will be listed under "Vegetable" but their "Moo Shu Chicken/Beef/Pork/Shrimp" was listed under "Peking Dishes". Why were they not listed under the same category? So I ended up going out of the way and re-organizing the menu in a way that I think makes it easier for customers to find what they are looking for. The only categories I kept were their Appetizers, Soups, Fried Rice, Lo Mein, Lunch Special, Combination Special, and Dinner Specails. Everything else I placed it under categories based on the protein: Chicken, Beef, Pork, Seafood, Mixed Protein (usually a combination of the previous three), and Vegetables & Tofu. This really helped sorten their very lengthy menu, and makes it easier for customers to find what they are want based on a dish's main ingredient.