蓬左<hōsa>
尾張名古屋の味を未来へつなぐ食楽堂「蓬左<hōsa>」様の店舗サイトの実装を担当いたしました。
尾張名古屋といえば思い浮かぶ定番料理から、会席料理、スイーツまで幅広くご提供しております。木漏れ日が注ぐダイニング&カフェスペース、団体客やイベントにも利用できる大広間、そして中庭の見える特別個室。伝統的なしつらえと現代的なデザインの融合するお部屋で、心ゆくまでおくつろぎいただけます。
名古屋で食事をするところをお探しの方、大切な方への「おもてなし」の機会にぜひご利用ください。
STUDIO Creators’ Voice
和の雰囲気と蓬左の洗練された空気感を演出するため、“遅すぎず、速すぎず” を意識して、ボタンのホバーや画像が出現するスピードとタイミングにこだわりました。
実装で特に試行錯誤した箇所は、STUDIOのカルーセルを使用した画像スライダーです。
蓬左では、2種類のスライダーを実装いたしました。
TOPページの店舗情報セクションにあるカードが切り替わるような表現と、各ページにあるマスクで切り替わる画像スライダーはどちらもカスタムコードを使用し、cssの記載のみで実装しています。また、運用のしやすさを考え、切り替えのタイミングや表示時間はSTUDIOのデザインエディターで変更できるように工夫しています。
もう一点、左固定のナビや下層ページにあるアンカーナビも試行錯誤して実装いたしました。
画面追従にしたほか、セクションの背景色に合わせナビの色を変えたり、該当のセクションでカレントのデザインにするなど、ノーコードだけでは実装できない難しい表現もカスタムコードを使用し実装いたしました。


蓬左<hōsa>
Created by
- Direction
- 北川 裕紀乃 (Freelance)
- Art Direction / Design
- 原 英寿(Sunny Inc.)
- Direction
- 渡辺 祐樹
- Develop
- 小倉 沙萌
- Photographer
- 砺波 周平(Freelance)
- Copywriter
- 岩田 秀紀(Freelance)

