Red Moon Noodle House Website Design and Implementation
No 1 About Project
For my pro web design class, my team and I decided to create a website for a local restaurant that was in need of a professional website. Red Moon Noodle House is a Chinese restaurant located on the popular Convoy street in San Diego.
No 2 Role
- UI/UX Designer
No 2 Tasks
- Low-fi, Hi-fi wireframes
- Conduct Interviews
- Layout
- Color Schemes
- Competitive Analysis
No 2 Tools
- Balsamiq Mockups
- Illustrator
- Photoshop
- Pen & Paper
- Github
No 3 The Process
Client Survey
Our first order of business was to learn about the owner of the restaurant and the restaurant itself. We spent some time in the restaurant and ordered food to feel out the vibe of the restaurant and observe the customers there. After doing so, we came up with a list of questions to get to know the owner more and find out his expectations of the website.
Learning about the owner Victor, we found that he is the owner of a small, family business and wants his customers to see it that way. He cares a lot about his style of food and takes great pride in what he does. The unique style being Japanese style Chinese food, we want to reflect that in the website. Even when speaking to us during the warm-up, Victor displayed great hospitality and warmth, and his website should also be welcoming and inviting to those who view it. His menu is special, different than many other Asian restaurants on Convoy, so his food needs to be stand out on the website.
The restaurant is small, but is very successful. We can see this by looking at their yelp page, which contains high reviews, and seeing that their restaurant was still full even after rush hour. As a restaurant that serves Japanese-styled Chinese food, the restaurant is designed with an oriental look. The tables, chairs and benches are made of wood and the walls are colored red. The bottom half of the walls are lined with yellow-tinted wood. To reflect the restaurant’s oriental background, the palette of the website should include red and yellow (color matched with the restaurant’s color’s).
Some more key responses we received:
What content do you want on the website?
- Information to give to customers
- Not cluttered with too many images
- Advertise their catering service
What kind of branding would you have (style, logo, motto, etc.)?
- Keep style they have (Red moon with silhoutte of chopsticks picking up noodles)
- Color palette: Red, yellow, white (white so the website has a lighter tone)
How would you define a perfect website?
- Comforting
- Family Friendly
- Warm
Personae/User Scenarios
Interviewing nine participants, our group generated three personae: conservative eater, adventurous eater, and caterer. From our interviews, we discovered features that users felt were important to include in the future website. Taking into consideration of the clients requests and what was deemed necessary by interviewees. we were able to come up with a set of mandatory features and functionalities to include into the future Red Moon Noodle House website.
Example of our conservative eater persona:
User Scenarios:
Conservative Eater
- Weekend dinner with wife when she doesn’t feel like cooking.
- Small group hangout for socializing with friends.
Adventurous Eater
- Casual Friday night dinner with friends
- Finding a new restaurant that he’s never been to before
Event Planner
- Planning an event for 100 people for a church banquet
- Planning an intimate dinner for 15 people for a welcome party
Competitive Analysis + Mood Board
Full Competitive AnalysisIn our Competitive Analysis, we highlighted the advantages and disadvantages of the web and mobile site, as well as the aspects we really liked. We used competitors that were restaurants similar to Red Moon.
Our Competitors:
Some Examples of Analysis:
