yokai_hover
yokai_hover

Introduction

Yokai is a premium Japanese restaurant in Soho, NY with a unique focus on traditional Japanese cuisine and high quality ingredients.
Besides traditional dishes such as Ramen, Soba, Sushi and Tonkatsu, Yokai offers a variety of specialty dishes, homemade self-branded drinks and fusion desert. 

However Yokai wants to make it possible to experience fine dining not just at the premium minimalistic restaurant but also at home. Therefor Yokai has a website with three main interactions. Take Away, Table Reservation and Online Store for homemade drinks.

Introduction

Yokai is a premium Japanese restaurant in Soho, NY with a unique focus on traditional Japanese cuisine and high quality ingredients.
Besides traditional dishes such as Ramen, Soba, Sushi and Tonkatsu, Yokai offers a variety of specialty dishes, homemade self-branded drinks and fusion desert. 

However Yokai wants to make it possible to experience fine dining not just at the premium minimalistic restaurant but also at home. Therefor Yokai has a website with three main interactions. Take Away, Table Reservation and Online Store for homemade drinks.

yokai_buinesscards
Sign
yokai_plain

Yokai are supernatural monsters, spirits and demons in Japanese folklore. However their popularity grows in todays pop-culture. Yokai can be found in many animes, cartoons and movies. Authors and directors from all over the world use Yokai as inspiration for their books or movies. The name Yokai connects the traditional Japanese culture with todays pop-culture. 

yokai_plain

Yokai are supernatural monsters, spirits and demons in Japanese folklore. However their popularity grows in todays pop-culture. Yokai can be found in many animes, cartoons and movies. Authors and directors from all over the world use Yokai as inspiration for their books or movies. The name Yokai connects the traditional Japanese culture with todays pop-culture. 

The Logo symbolises the head of an Oni. Oni (demon) are a large sub-group of Yokai. Oni used to have a positive meaning until the 13th century, when they became the envoy of mischief. 
Nowadays Oni are becoming more positively know. They lead parades and become very famous in pop-culture. Especially as a tattoo subject Oni are very popular. 

yokai_logo2
yokai_logo2

The Logo symbolises the head of an Oni. Oni (demon) are a large sub-group of Yokai. Oni used to have a positive meaning until the 13th century, when they became the envoy of mischief. 
Nowadays Oni are becoming more positively know. They lead parades and become very famous in pop-culture. Especially as a tattoo subject Oni are very popular. 

yokai_construction

The logo process started with an outlined version. The problem I faced was that it was not scaleable because it had too many details especially for the teeth.
Therefor I deleted a few details and ended up with a filled version. I slowly added more details with a few lines to give the Oni back the face expression. By using negative space I was also able to maintain scalable details.

yokai_construction

The logo process started with an outlined version. The problem I faced was that it was not scaleable because it had too many details especially for the teeth.
Therefor I deleted a few details and ended up with a filled version. I slowly added more details with a few lines to give the Oni back the face expression. By using negative space I was also able to maintain scalable details.

yoaki_white
yokai_black

Color Palette

yokai_red
yokai_black

Typography

yokai_title
yokai_bodycopy

Print

menu_back_w
  • menu_back
  • menu_front
  • menu_p1
  • menu_p2
  • menu_p3
  • menu_p8
  • menu_p5
  • menu_p6
  • menu_p7
  • menu_p8
  • menu_p9
  • menu_p10
  • menu_p12
  • menu_p11
  • menu_p1_grid
  • menu_p4_grid
yokai_bc_front
yokai_bc_back_n
take away box

take away box

branded chopsticks

branded chopsticks

fortune cookie

fortune cookie

Products

water_mockup
sake2
infusedwater_mockup
gyokuro
guave juice_n

Web Design

1_macbook
1_iphone
1_macbook

The website was designed to serve three main purposes customers usually want to find on a restaurant’s website. The first is a service to book a table, the second to order food that can be picked up for take away and the third being a shop section where the homemade and self-branded drinks and tea can be ordered.
The main menu let’s the customer choose what service he/she wants to use. The user then gets taken through a guided step-by-step interface that let’s him/her either book a table, order take away or shop for products. 
As a bonus the confirmation notice let’s the user also take a few actions, such as save the date to the calendar app, sent invitation emails to friends or save the confirmation to the phone as a pdf or to the wallet app. 

The website was designed to serve three main purposes customers usually want to find on a restaurant’s website. The first is a service to book a table, the second to order food that can be picked up for take away and the third being a shop section where the homemade and self-branded drinks and tea can be ordered.
The main menu let’s the customer choose what service he/she wants to use. The user then gets taken through a guided step-by-step interface that let’s him/her either book a table, order take away or shop for products. 
As a bonus the confirmation notice let’s the user also take a few actions, such as save the date to the calendar app, sent invitation emails to friends or save the confirmation to the phone as a pdf or to the wallet app. 

Website Intro and Menu

  • Intro Screen

    Intro Screen

  • Pre-Menu Screen

    Pre-Menu Screen

  • Main Menu

    Main Menu

  • Menu Hover

    Menu Hover

Booking Service

  • Empty Selection

    Empty Selection

  • Booking selection based on date

    Booking selection based on date

  • Booking confirmation

    Booking confirmation

  • Name, Date and Time Fields

    Name, Date and Time Fields

  • Table selection and confirmation

    Table selection and confirmation

Take Away

  • Take Away Menu

    Take Away Menu

  • Sushi Selection

    Sushi Selection

  • Selected Items

    Selected Items

  • Take Away Menu After Selection

    Take Away Menu After Selection

  • Take Away Menu with Pop-out

    Take Away Menu with Pop-out

  • Check Out Screen

    Check Out Screen

  • Confirmation Screen

    Confirmation Screen

  • phone_takeaway_1
  • phone_takeaway_2
  • phone_takeaway_3

Online Shop

  • Shop Item-Menu

    Shop Item-Menu

  • Item Selection

    Item Selection

  • Menu with Cart Tab

    Menu with Cart Tab

  • Cart Pop-out

    Cart Pop-out

  • Check-out Screen

    Check-out Screen

  • Alternative Check-out with Credit Card

    Alternative Check-out with Credit Card

  • Confirmation Screen

    Confirmation Screen

  • phone_shop_1
  • phone_shop_2
  • phone_shop_3

Ready to talk?

Recent Projects

Anja Neumann Branding
Shelby Branding