← 案の一覧

INTERNAL / 案の比較

ラーメン辻 デザイン案

案Aを採用中です。DCTgate側(扉・帯・フッター)からのラーメン辻リンクは、現状この案に向いています。案Bは店名見出しをロゴに替えた派生案です。
縦に操作すると横にページがめくれ、店の顔 → お品書き → 場所 と進みます。パソコンではホイールを回すと横にめくれ、スマホは指でなぞってめくれます。左右のキーでも動きます。

案A 和紙 実写の和紙+写真は左/お品書き全品 おすすめ

【採用】縦に操作すると横にページがめくれ、店の顔 → お品書き → 場所 と本のように進みます。下地に撮影した和紙のテクスチャを敷き、お品書きは絞らず全品載せています(縦に読み切ってから横へ進む)。ページをめくると、和紙の地紋も一緒に流れます。店名見出しは明朝体のテキストです。

強み
白一色より温かみと格が出ます。実写なので質感に嘘がありません。お品書きを絞らずに済みます。
弱み
和紙の生成り地色になるぶん、清潔感の鋭さは白ベースに劣ります。画像1枚ぶん読み込みが増えます(現在89KB)。
案B ロゴ 案Aと同一構成+店名見出しを実店舗のロゴに置き換え

骨格・和紙・お品書きは案Aと完全に同じ。店の顔ページの見出しだけ「ラーメン 辻」のテキストではなく、実店舗の看板にある筆文字ロゴ(黒インク部分だけを抜き出してSVG化したもの)を出します。

強み
実物の書体がそのまま出るので、テキストの明朝体よりも店の個性・年季が伝わります。ロゴはベクターなので拡大しても粗くなりません。
弱み
ロゴの読み込みやすさ(可読性)はフォントより下がります。ロゴ画像の色は店名以外に流用しづらい単色シルエットです。

※営業時間と定休日が未確認のため「準備中」と出ています。実際の時間が入ると、その行だけ縦に少し伸びます。
※予約は「承っておりません」と最初の画面に明記しています。受けている場合は brands.ts の acceptsReservation を true にしてください。