INTERNAL / 案の比較
DCTgate サイト デザイン案
会社のサイトと、店のサイトを別々に立てています。見る人も目的も違うためです。
店のサイトは 2 ブランドで正反対の方向に振っています。
店のサイト
会社のサイト（DCTgate）
どの案も中身は同じで、見せ方だけが違います。2 ブランドともスクロールなしで見えます。
案A 門・入場演出(黒) 黒の門＋白の本文
おすすめ
キャッチコピーが出たあと、Dream Come True を右から来た gate が薙ぎ払い、D・C・T だけが残って DCTgate になります。そのまま帯が縮んで、写真2枚が押し上がり、帯がそのまま固定ヘッダーになります。約3秒。
- 強み
- 演出が消えずにヘッダーになるので、待たされた感じが残りません。クリックやキー操作ですぐ飛ばせます。
- 弱み
- 毎回3秒かかります（公開時は初回だけに絞る想定）。文字の動きはJSに依存します。
案B 墨 白ベース＋黒で要所を締める／TOPのバーは白地
TOPのバー（額）と入場演出は白地・黒文字にし、それ以外の本文は元の墨の配色のままにしています。白を下地にして、ブランドの帯と理念だけ黒にしているのは変わりません。
- 強み
- 入場演出の華やかさと、墨案の落ち着いた白ベースを両取りできます。写真が良ければ、それだけで見栄えがします。
- 弱み
- 額とその下の本文で作りが異なる（額はJS演出あり・本文は静的）ぶん、統一感は案Aほど揃いません。
案C 門・入場演出(黒・ロゴ扉) 案Aと同一＋ラーメン辻の扉をロゴに
入場演出・上部バーとも案Aと完全に同じ。違いは扉だけで、ラーメン辻の扉の見出しをテキストではなく実店舗のロゴ（黒インク部分だけを抜き出したSVG）にしました。中華そば辻はロゴが無いため、従来どおりテキストのままです。
- 強み
- ラーメン辻の扉だけ、実物の書体がそのまま出るので個性が伝わります。テキストと混在させたときの見え方をこの案で確かめられます。
- 弱み
- 2枚の扉で見せ方（テキスト縦書き／ロゴ横組み）が揃わなくなります。中華そば辻もロゴを用意しないと片手落ちに見えます。
案によらず同じページ