Restaurant Site Redesign
Problem
Scene
During their TransmediaTM campaign’s developmental phase, the family behind Kim Long Vietnamese Restaurant (KL)needed an updated website that could house and promote all campaign assets.
*This case was only one part of a much larger project. See "Restaurant TransmediaTM Campaign" for additional details.
*This case was only one part of a much larger project. See "Restaurant TransmediaTM Campaign" for additional details.
Objective
Create a website that visitors can use to find important information, such as the menu, operating hours, the yearly holiday schedule, as well as campaign details and assets.
Preperation
Branding
Using KL’s already-established brand aesthetics and the additional visuals produced for the TransmediaTM campaign to draft a “look and feel” guideline.
Inspiration
My clients gave me creative freedom with this project, so I did research to find inspiration. I found myself most favorable of the three examples below.
From this research, I decided to organize sections of the site with color blocking, add a large hero image as an opener, and utilize images on the homepage to highlight KL’s most popular dishes.
Designing
Wireframe
Using my knowledge of UX, I created wireframes in Adobe XD to map out how I’ll organize information and plan out the site’s navigation. To create a site that reflects well for all screen sizes, I created separate wireframes for both desktop and mobile usage.
Building
For this project, the owners didn’t want to change their site hosting provider. Therefore, after settling on a final design that I built in Webflow, I needed to transfer the visuals to Square Space. However, Square Space is a site builder that provides templates meant to be recycled, meaning I needed to mold and refashion the template to resemble my design.
Refining
Final Product
For final touches, I added automated slideshows, a video banner, a sticky navigation bar, and a functional footer with external links.
Take-away
Square Space is a good alternative for novice web designers. However, I wanted to challenge myself to create a more unique layout that better suits KL’s campaign content.
