
02 | Website
Product Design
Wagamama

02 | Website
Product Design
Wagamama

02 | Website
Product Design
Wagamama

02 | Website
Product Design
Wagamama
Digital hub
Digital hub
Digital hub
Intro
Intro
Intro
Lead UI
Lead UI
2 Person UI Team
2 Person UI Team
6 Month Project
6 Month Project



About
About
About
About
About
About
Wagamama needed a new website, acting as a digital hub for a number of services. They also required a new digital look and feel. This meant creating both functional UX for multiple services and modernising their look and feel.
Wagamama needed a new website, acting as a digital hub for a number of services. They also required a new digital look and feel. This meant creating both functional UX for multiple services and modernising their look and feel.
Explore
Explore
Explore
End to end Project
Pitching the idea
Pitching the idea
Pitching the idea
I started this project at pitch stage, helping create and present the content that won the work. We demonstrated two design variations, exploring classic and modern Japanese styles and dinning aesthetics. We also used motion in key places to bring food to life.
I demonstrated how we could then use design systems to deliver this efficiently to their multiple development suppliers.
I started this project at pitch stage, helping create and present the content that won the work. We demonstrated two design variations, exploring classic and modern Japanese styles and dinning aesthetics. We also used motion in key places to bring food to life.
I demonstrated how we could then use design systems to deliver this efficiently to their multiple development suppliers.
I started this project at pitch stage, helping create and present the content that won the work. We demonstrated two design variations, exploring classic and modern Japanese styles and dinning aesthetics. We also used motion in key places to bring food to life.
I demonstrated how we could then use design systems to deliver this efficiently to their multiple development suppliers.




Create
Create
Create
Creative Direction
Finding the right creative approach
Finding the right creative approach
Finding the right creative approach
Having won the work we needed to finalise the creative approach. The old online brand was very dated while we adopted fonts and colours, all other digital aesthetics needed creating.
We ended going for a blended approach of modern brutalist design for the main elements, contrasted with friendly imagery, animation and copy.
Having won the work we needed to finalise the creative approach. The old online brand was very dated while we adopted fonts and colours, all other digital aesthetics needed creating.
We ended going for a blended approach of modern brutalist design for the main elements, contrasted with friendly imagery, animation and copy.
Toolkit
Toolkit
Toolkit
Design to delivery
Building the design system
Building the design system
Building the design system
The Wagamama website was to act as a hub for many services, including menus, restaurant finders, recipes and eventually an online community. This created a large amount of components that were often quite technical.
I produced a system that was cleanly maintained, efficient and annotated thoroughly to streamline the design to development process.
The Wagamama website was to act as a hub for many services, including menus, restaurant finders, recipes and eventually an online community. This created a large amount of components that were often quite technical.
I produced a system that was cleanly maintained, efficient and annotated thoroughly to streamline the design to development process.
The Wagamama website was to act as a hub for many services, including menus, restaurant finders, recipes and eventually an online community. This created a large amount of components that were often quite technical.
I produced a system that was cleanly maintained, efficient and annotated thoroughly to streamline the design to development process.
























Modern Dining
Modern Dining
Brutal lines, beautiful imagery and a playful tone of voice, bought to life with animation.
Brutal lines, beautiful imagery and a playful tone of voice, bought to life with animation.
Brutal lines, beautiful imagery and a playful tone of voice, bought to life with animation.
Design
Design










