Toyo is a family restaurant I worked at as a part-time busboy while studying. I interacted with their design and experienced the pain points of costumers first hand while working there for a year. Without a brand guideline or design system, I wanted to upgrade the restaurant while maintaining the traditional feel to it.
I created three logo options for the client to choose from. The brand suffers from an identity crisis since their website is “Toyo grill”, “Toyo steakhouse” for their Google business profile, and plain “Toyo” on their old logo.
The major problem of their website is that it is not responsive on mobile. The owner also wanted it to have a better Search Engine Optimization (SEO). For this purpose, I chose Vue and NuxtJs as a framework to have a Server Side Rendered (SSR) website to give the sit a huge SEO boost.
One of the challenges with working on a business site here in Montreal is the requirement for French language support. Learning an internalization framework (il8n) for the project thought me a lot about the importance of reading documentations in general. My original proposed solution was a client-side rendered website with a reservation system and a Content Management System (CMS) for the owner to edit the site. Since the owner did not want a reservation system and won't make use for dynamic content, I saw NuxtJs as a perfect solution.
This project thought me the importance of communication between developers and designers. Although I wore both hats, my initial design based on a FullPage plugin was not compatible with the framework NuxtJs due to Server Side Rendering.
I ended up using Veutify (google’s materialize framework for Vue) instead and redesigned the project. A lot of my time could’ve been saved if only I tested the plugin with NuxtJs first. I can imagine this happening in a real-world project where designers design without consulting with the developers.
Thank you for viewing my work!
I feel like we’re closer now…
Let’s make it official and get
to know me more!