NOUIKU GIFT ACADEMYEN

WorksCase 03 / 06　English

制作事例　／　名古屋・円頓寺の和菓子店（1877年創業）のホームページ制作

松露堂

老舗のブランドサイト。Googleクチコミ★4.5、歴史と季節の菓子を一つの流れで

Client: 和菓子店（名古屋・1877年創業）
Launch: 2026.07.24
Services: ブランドサイト / 歴史 / 季節の菓子 / 4言語
Website: shorodo.nagoya ↗

Awwwards Nominee2026.10　世界の審査を通過

松露堂のサイト

つくったもの

円頓寺本町商店街の五代目。

「手の中の温度」を主題に、炭火320℃から手のひら36.5℃へ、章が進むごとに温度が下がる構成。松露糖とすり蜜、金鯱きんつばを手焼きする映像。店主夫妻の言葉、円頓寺の絵地図、英・繁・簡の来訪者向けページ。149年の看板を、いまの形に。

起きたこと

1877→

ホームページ開設 2026年7月。創業150年目で初のサイト

「ただ商品を並べるサイトではなく、松露堂の“所作”と職人の体温が伝わる場所として、【手の中の温度】という言葉にのせて美しく綴っていただきました。明治十年からの149年の歩みを一画面に体験できる作りとなっております。」

御菓子処松露堂　@shourodou　2026.7　Instagramの投稿 ↗

Nominee

2026年10月、世界のWebデザイン賞Awwwards（アワーズ）で運営の審査を通り、Nomineeとして公開されました。テンプレートのサイトは受け付けられない賞です。企画からデザイン、プログラムまで、名古屋の一人スタジオで作りました。Awwwardsに作品が載った作り手は、東海ではまだひと握りです（当社が確認できた範囲・2026年10月）。

松露堂のサイトをパソコンで開いた画面。右側に Awwwards の Nominee のバッジ — パソコンで見たところ。右側にNomineeのバッジ。

サイトの中

松露堂のサイトをスマホでスクロールした映像の最初の画面 — Fig. 1スマホで見た動き（約16秒・音なし）

松露堂のサイト、パソコンで開いた最初の画面（動画の最初のコマ） — Fig. 2パソコンで見た動き（約18秒・音なし）

松露堂のサイト、スマホの最初の画面 — Fig. 3スマホで読み進めた画面

松露堂のサイト、スマホで途中まで読んだ画面 — Fig. 3スマホで読み進めた画面

検査の点数

スマホの4項目、すべて100点。

PageSpeed Insightsでshorodo.nagoyaを測った画面です（2026年9月）。点数は測るたびに数点動くことがあります。いま自分で測る ↗

松露堂のサイトをGoogleのPageSpeed Insightsでスマホの条件で測った結果。パフォーマンス、ユーザー補助、おすすめの方法、SEOがすべて100 — Fig. 4Google PageSpeed Insights（スマホ）

制作メモ

この店のために、決めたこと。

色と文字: 夜の黒に、えんじと砂の色。明治十年からの歩みを、縦書きの明朝で一行ずつ置きました。
動き: 画面の端に、温度計がひとつ。炭火の320℃から始まり、章が進むごとに温度が下がって、最後は手のひらの36.5℃に着きます。「手の中の温度」という主題を、読む体験そのものにしました。金鯱きんつばを手焼きする手元は、映像で見せています。
届け方: 日本語・英語・繁体字・簡体字の4言語。円頓寺本町を歩く海外の方にも、菓子の名前と由来が届くようにしました。

クレジット

Client: 松露堂（和菓子店（名古屋・1877年創業））
Launch: 2026.07.24
Audience: 手土産を探す人と、松露糖を知っている遠方の人
Period: 約6週間
Referral: 商店街の縁
Search: 松露堂名古屋／金鯱きんつば／円頓寺和菓子
Design & Development: NOUIKU GIFT ACADEMY（一般社団法人脳育ギフトアカデミー）
Direction: 和田裕史
Scope: 企画・設計・デザイン・実装（テンプレート不使用）
Website: shorodo.nagoya ↗

Your turn

次は、あなたの店を。
先に作って見せます。

店名とメールアドレスだけで大丈夫です。数日でお見せして、見てから決めていただきます。

先に作ってもらう（無料）

見るだけ0円/最低契約期間なし/同じ地域・同じ業種は1社だけ