Kim Long Restaurant Website (2022)

Problem

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.

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.

Lessons Learned:

  • Exercise Webflow skills
  • Introduction to Square Space
  • Exercise Adobe Suite skills
  • Exercise UX (user experience) design skills

Process

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.

Wireframes

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.

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.

Final Product

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 Website

Take-Away

SquareSpace 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.

Check out my other projects!

Album Cover (2019)

Brief Project Details

Design a vinyl album cover for a musician of my choosing in the style of a historically famous artist.

Click for full details

Poster Series (2019)

Brief Project Details

Create 5 18’x11’ posters that establish a timeline and highlight the importance of the innovation and its corresponding inventor.

Click for full details

Stationary System

Brief Project Details

Create a functional 4-piece stationary system consisting of a 8.5”x11” letterhead, 9.5” x 4.125” envelope, a 3.5” x 2” business card, and a 3” x 3” sticky note pad.

Click for full details

VDP Coupon (2021)

Brief Project Details

Design an attractive coupon, tailored to each customer’s preference and respect mailing guidelines. Requirements were to include variable images, text, and coupon offers on a 6” x 4” postcard.

Click for full details

Restaurant Website (2022)

Brief Project Details

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.

Click for full details

Transmedia Campaign (2022)

Brief Project Details

Launch a TransmediaTM campaign that tells the business owner’s story with unique story elements spread across three or more media platforms.

Click for full details

2D Animation (2022)

Brief Project Details

Create a comedic animation, that show basic understanding of animating a humanoid object, such as squash and stretch, arc movements, perspective, and anatomy.

Click for full details

Cost Estimations (2021)

Brief Project Details

Provide cost estimations for the client’s desired print production job, in addition to a report on their sales forecast.

Click for full details

Want to get in touch?

Let me help you build your business through branding, marketing, and graphic design. Contact me anytime you'd like either through this form or my social media.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.