During their TransmediaTM campaign’s developmental phase, the family behind Kim Long Vietnamese Restaurant (KL) needed a updated website that could house and promote all campaign assets.
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.
Using KL’s already-established brand aesthetics and the additional visuals produced for the TransmediaTM campaign to draft a “look and feel” guideline.
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.
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.
I wanted most information to be available on the home page, to allow for easy scrolling and casual viewing.
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.
For final touches, I added automated slideshows, a video banner, a sticky navigation bar, and a functional footer with external links.
Click to view Kim Long Restaurant WebsiteSquareSpace 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.