Vast. Fish & Chips
Vast. Fish & Chips
Vast. Fish & Chips
A Surfer’s Manifesto for Sustainable Flavor.
A Surfer’s Manifesto for Sustainable Flavor.
Role
Web Designer
Team
1 Director, 1 Web Designer, 1 Web Developer
Client
Vast. Fish & Chips
# 001
Background
Based in Yilan, Vast. Fish & Chips is driven by a deep passion for the ocean. More than just a seafood shop, the client is a dedicated surfer and an advocate for marine conservation. Our goal was to translate their commitment to sustainable fishing and local ingredients into a warm, engaging digital experience that resonates with ocean lovers.
Responsibilities
Responsibilities
UX/UI
Shopify Configuration
# 001
Background
Based in Yilan, Vast. Fish & Chips is driven by a deep passion for the ocean. More than just a seafood shop, the client is a dedicated surfer and an advocate for marine conservation. Our goal was to translate their commitment to sustainable fishing and local ingredients into a warm, engaging digital experience that resonates with ocean lovers.
Responsibilities
UX/UI
Shopify Configuration
Role
Web Designer
Team
1 Director, 1 Web Designer, 1 Web Developer
Client
Vast. Fish & Chips
Responsibilities
UX/UI, Shopify Configuration
Role
Web Designer
Team
1 Director, 1 Web Designer, 1 Web Developer
Client
Vast. Fish & Chips
Responsibilities
UX/UI, Shopify Configuration
# 002
Design Goals
The goal was to balance environmental values with "appetite appeal" within a minimalist web structure. By using a coastal-inspired color palette and layout, we ensured intuitive information flow. Additionally, we fully digitized the menu into live code, optimizing the mobile reading experience while significantly boosting SEO performance.
# 002
Design Goals
The goal was to balance environmental values with "appetite appeal" within a minimalist web structure. By using a coastal-inspired color palette and layout, we ensured intuitive information flow. Additionally, we fully digitized the menu into live code, optimizing the mobile reading experience while significantly boosting SEO performance.
#003
Brand Keywords
Before starting the web design, I defined the brand’s core philosophy into three specific design principles. These are more than just brand beliefs—they serve as the guiding framework for every interface and visual decision throughout the project.
Local
Sourcing
Local
Sourcing
Local
Sourcing
Direct
from Sea
Direct
from Sea
Direct
from Sea
Eco-
Innovation
Eco-
Innovation
Eco-
Innovation
#003
Brand Keywords
Before starting the web design, I defined the brand’s core philosophy into three specific design principles. These are more than just brand beliefs—they serve as the guiding framework for every interface and visual decision throughout the project.
Local
Sourcing
Direct
from Sea
Eco-
Innovation
#003
Brand Keywords
Before starting the web design, I defined the brand’s core philosophy into three specific design principles. These are more than just brand beliefs—they serve as the guiding framework for every interface and visual decision throughout the project.
Local
Sourcing
Direct
from Sea
Eco-
Innovation
#004 Typography & Color
Fonts
Montserrat
Montserrat
One Ocean, Good Seafood
Colors
#014668
#F1CB23
#43DAEA
#2A2626
#FFFFFF
#004 Typography & Color
Fonts
Montserrat
One Ocean, Good Seafood
Colors
#014668
#F1CB23
#43DAEA
#2A2626
#FFFFFF
#005 Thank you
Conclusion
From Menu to Mission
The core of this project was transforming the client’s passion for marine conservation into a visually compelling brand experience. The website is no longer just a digital menu; it has evolved into a space where the brand and its customers connect through shared values and a love for the ocean.
#005 Thank you
Conclusion
From Menu to Mission
The core of this project was transforming the client’s passion for marine conservation into a visually compelling brand experience. The website is no longer just a digital menu; it has evolved into a space where the brand and its customers connect through shared values and a love for the ocean.
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching
Thank you for watching