KumaSite1

ramen, reinvented ~

Context:
Tasked with reimagining a current local business' website, I chose the Central Coast's cult favorite ramen restaurant: Kuma. Located in the small beach town of Los Osos they relied heavily on word of mouth, serving everyone from "the surfers who come in with salty wet hair to the local parents on date night" as the manager put it. Their main focus has and always will be the spread of love with some quality food and funky digs. They don't need the bells n' whistles, they just need the basics, done right.

The When:
Fall 2018

The When:
Fall 2018

The How:
Adobe Dreamweaver
Adobe Illustrator
Adobe Photoshop
Sony A7Rii Mirrorless Camera

The When:
Fall 2018

The Where:
California Polytechnic State University, San Luis Obispo

The Where:
California Polytechnic State University, San Luis Obispo

The What:
Web Design
UX/UI Design
Branding and Identity
Photography

The Where:
California Polytechnic State University, San Luis Obispo

The Research:
The first step was initial photos and research (which wouldn't be truly complete without a meal). Followed by sitting down and talking with the manager about what they really need, which turned out to be not much more than the content of the original site.

The first step was initial photos and research (including a meal, had to be thorough). Followed by sitting down and talking with the manager about what they really need, which turned out to be not much more than the content of the original site.

All they needed the website to say was what Kuma was, where it was, what they had to offer and when. Nothing more than their current website, but far different in terms of usability and aesthetics. The main creative process would be giving them something in-line with who they were while keeping it simple.

A cohesive logo was needed to not compete with the rest of the site, as well as something with a pop to still tie in line with the funky charm of Kuma. It needed to be something fun but also true to their roots, which at its essence was simply put–no B.S. and damn good ramen.

The skeleton that started it all. These two intial coded skeleltons were written to have the somewhat holiday-gone-wild color scheme for a reason, allowing me to easily see each container and appropriately place needed elements in each. Every page was built off of these, which made a visual grid and common language almost inherient–as well as helped make my life that much easier.

Using Flex CSS properties, the coding became rather simple to ensure responsive use from the get-go.

339WebPicture19
339WebPicture18
339WebPicture4
KumaBefore
KumaComp
339Lab1Part2Working
KumaSkeleton
KumaSite2
KumaAnimatedMockUp
KumaLogo
KumaSite4
339WebPicture19
339WebPicture18
339WebPicture4

The Research:
The first step was initial photos and research (which wouldn't be truly complete without a meal). Followed by sitting down and talking with the manager about what they really need, which turned out to be not much more than the content of the original site.

The first step was initial photos and research (including a meal, had to be thorough). Followed by sitting down and talking with the manager about what they really need, which turned out to be not much more than the content of the original site.

KumaBefore

All they needed the website to say was what Kuma was, where it was, what they had to offer and when. Nothing more than their current website, but far different in terms of usability and aesthetics. The main creative process would be giving them something in-line with who they were while keeping it simple.

KumaComp
339Lab1Part2Working

A cohesive logo was needed to not compete with the rest of the site, as well as something with a pop to still tie in line with the funky charm of Kuma. It needed to be something fun but also true to their roots, which at its essence was simply put–no B.S. and damn good ramen.

KumaSkeleton

The skeleton that started it all. These two intial coded skeleltons were written to have the somewhat holiday-gone-wild color scheme for a reason, allowing me to easily see each container and appropriately place needed elements in each. Every page was built off of these, which made a visual grid and common language almost inherient–as well as helped make my life that much easier.

KumaSite2

Using Flex CSS properties, the coding became rather simple to ensure responsive use from the get-go.

KumaAnimatedMockUp
KumaLogo
KumaSite4

More to See

01Graphic Design, Typography

02Advertising Design, Photography

03Graphic Design, Advertising and Marketing

04Graphic Design, Typography

07Studio Photography

06Photography, Mixed Media

08Studio Photography

09Studio Photography