ramen hashimoto

Web Site

ramen hashimoto
Publication date - 2024.05.10
Production Category - Web Site development

Overview

A conceptual F&B site built from design to implementation with Nuxt 3.

I prototyped Three.js effects but removed them as excessive,

prioritizing a smooth browsing experience over heavy visuals.

Design
in browser
FrontEnd
Nuxt.js
Develop
Javascript
Member
Just me
  • ramen hashimoto_gallery_0
  • ramen hashimoto_gallery_1
  • ramen hashimoto_gallery_2
  • ramen hashimoto_gallery_3
  • ramen hashimoto_gallery_4
  • ramen hashimoto_gallery_5
Name
ramen hashimoto
Date
2024.05.102 years ago
Category
Web Site
Color
Url
https://ramen.hashimoto-p.work/
Blog
https://hashimoto-p.net/blog/ramen/
Note
A conceptual ramen shop website created to expand my understanding of the food domain.
Built with Nuxt3, covering design through implementation in a code-first approach, including responsive design and partial localization.
On the visual side, I experimented with dynamic expressions using Three.js, Cannon.js, and noise generation inspired by noren (traditional fabric dividers).
However, physics-based motion was deemed excessive and detrimental to usability and readability, and was therefore removed.
As a result, the design prioritizes clarity and comfort of information consumption over visual novelty.