以前からお取引のあった燕市観光協会様から、「燕背脂ラーメンMAP」について「a-blog cmsで作りたい」とお声がけいただき制作することになりました。

「燕背脂ラーメン」は全国的にも人気があり、地場産業の金属加工産業と共に誕生した食文化として、文化庁の「未来の100年フード部門～目指せ、100年！～」に認定された、新潟県燕市のソウルフードです。今回制作したサイトでは、燕エリアにある様々な背脂ラーメンの特長と、背脂ラーメンが生まれた背景・歴史をご紹介することで、「未来に受け継いでいきたい食文化」としてラーメンをより深く味わっていただくことを目指しました。

１. 構成

ラーメンMAP・店舗一覧より上部に「燕背脂ラーメン」発祥の背景と歴史がわかるヒストリーブック「燕背脂ラーメン 今昔物語」を掲載。職人の町・燕に思いを馳せながら地域のラーメン店を探していただくことを目指しました。

２. 操作性

店舗紹介ページでは、操作に慣れていないお客様でも迷うことなく店舗情報の追加・編集ができるように、カスタムフィールドを追加しました。追加する際、店舗一覧の表示順を五十音順にするために「店舗名よみがな」を入力するカスタムフィールドを用意しています。

３.デザイン性

シズル感のある背脂ラーメンのアップ画像をメインビジュアルにし、随所にラーメンのどんぶりのデザインを取り入れるなど、「燕背脂ラーメンを食べたくなるデザイン」を目指しました。

今回のサイトでは店舗を紹介するだけでなく、ラーメンの背脂量の情報も掲載しました。そうすることで、サイトを利用される幅広い層のユーザーがお好みに合った背脂ラーメンのお店を見つけやすくしています。

手法としては、ラーメンの「背脂レベル」を豚のアイコンを使用して5段階で表現。はじめて「燕背脂ラーメン」を召し上がる方でも、視覚的に背脂の量をイメージできるようにしています。

背脂レベルは管理画面のカスタムフィールドのセレクトボックスで1～5の数字を入力するだけで表示させられるようにしました。