- Client
- Business Type
- Product
- 株式会社studio f
- 飲食店
- Website
デジタル巻物
Background
ガジェット系YouTuberのセゴリータ3世さんから飲食店の開業に合わせて、そのwebサイト制作のご依頼をいただきました。 セゴリータさんは長野県松本市在住なのですが、そこはとても多くの海外から訪れた観光客で賑わっているそうです。 松本市に移住してから、何か地域のためになることを考えていたそうです。 同時にもっとちゃんとお話しして、日本文化を海外からの観光客の方々に深く知ってもらいたいという想いも持っていました。 そこで考えられたのが「松本侍 Matsumoto Samurai」です。 松本侍は、割烹料理店の国登録有形文化財の「鳳凰の間」を借りて公演される、インバウンド向けエンターテイメント型の飲食店です。 侍たちによる演舞、地元の食材をふんだんに使った料理、国の登録有形文化財という歴史ある空間。 これらの要素をどのように国内外の方々に伝えるか、検討を行いました。
Translate
大きな方針は徹底して「和」であること。 ただし、英語は横書きなので、それに合わせ、通常の縦スクロールを採用し、それを巻物に見立てて考えることにしました。 躍動感たっぷりな殺陣を紹介するにはただ画像を表示させるだけでは勿体無い。 なので、まるで巻物から絵や文字が浮き出てくるような場面を想像し、パララックスをふんだんに使用することを考えました。 きっとここに来る海外のお客様は日本を深く知れることを期待している。 そう考え、毛筆書体の漢字と、意味を伝える文字を分けて、見出しなどの目立つ部分で使用してみようと思いました。
Strand
トップーページのヒーローセクションでは画面幅いっぱいに動画を流します。 何がここで体験できるのか知ってもらいたいという気持ちがありました。 ページを表示させる際のトランジションのアニメーションは窓の縦格子が開いて光が入ってくるイメージで作成し、ボタンのホバーアニメーションも揃えています。 パララックスを用いて要素が浮いているような感じにし、視覚的な楽しさもここで表現しようと挑戦してみました。 機能面でもところどころ工夫しています。 公演予定日をGoogleカレンダーで入力し、APIで表示させています。 トップページのヒーローセクションで直近の公演日とお知らせを1件表示させ、 ページ下部ではまとまってみられるようにしています。 もちろん多言語対応です。
