Miyabi Asian Fusion is a restaurant located in San Antonio, Texas. In this redesign of their website, the focus was to bring out fun elements of Miyabi as there were in the branding. Extending from physical collateral to digital interaction, truly bringing Miyabi to the contemporary for it’s customers.
When gathering the content for Miyabi, the focus was to feature their meals, emphasize loyalty to brand, and show how Miyabi is special with reviews and delicious in-depth descriptions of the meals available.
Home page features special meals, advertisements to become a member, and most importantly who Miyabi is. Truly welcoming the guest to eat in.
Userpage features content with user persona’s points, rewards, birthday, recent orders, etc. Truly replicating| how a loyalty member would be able to use their account with Miyabi.
The menu page features full menu of Miyabi, replicating print menu into digital format and even including the same graphics and system. You are able to click through each section for easy access.
Reserve page features a form for guests to fill out if wanting to reserve a spot while eating in Miyabi, an advertisement to become a member, and most importantly strong testimonies of loving customers of Miyabi.
Age: 24 | Occupation: Content Creator
Lavender is a food content creator who strives to be different and show different, because she believes the city and her followers need a refresh from what everyone eats sometimes. She likes new and contemporary things and absolutely loves sushi with her whole heart.
Age: 28 | Occupation: Software Engineer
Milo Walker has been working a lot as a software engineer and knows what current trends are tech wise. He loves new and modern things, Milo especially loves when he sees a cool website. However, his true love would be any asian cruisne
When sketching paper wireframes, many exploration routes were taken and even experimental web design-like ideas while still trying to remain within Miyabi’s brand guides and style. These were the 3 chosen and for the final it was combined from these 3.
For prototypes, 3 versions were created but the final one was the one here. More gradients to match the branding, approaching layout like editorial for web, and making graphic and image placement intentional, as well as adding lines for each section to give a contemporary feel and strengthen branding with each detail.
It was super exciting to learn a new program and to do it with a project that means dearly to me made it special but also a learning process. My peers tend to say this is one of my strongest projects and to be able to create an interactive version of it from print was an interesting experience. This project taught me WordPress well and how to translate a physical design to be expanded into the digital. Not only expanding it but to make it cohesive with what already exists.
I thought learning WordPress was challenging but has also helped my web-design skills a lot. It made building websites faster compared to code but was not as easy. This motivates me to want to get better at WordPress and have a passion to create cool websites!
