「ここのうどんは、生きている。丸亀製麺」のホームページデザイン解説

画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...

画面中央に大きく表示された店舗ロゴの背景にスライドショーが表示され、明度を落とした写真を次々に映し出して重厚感と迫力を感じさせるファーストビューです。ブラックの引き締まった画面にホワイトの太いフォントが映え、ゴールドの中華風のあしらいがアク...

画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...

ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...

画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカー...

ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

画面に大きく表示された林業の様子のスライドショーと、ヘッダーの左にぽつんと表示されたシンプルなサイトロゴが、森林の物静かな雰囲気を感じさせるファーストビューです。淡いベージュをベースに、カーキとブラウンをアクセントにした柔らかい色使いもサー...

ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...

画面いっぱいに表示されたスライドショーでは店舗周辺の地域の風景と、一面に塗られたクリームやまぶされる砂糖のアップで、豊かな自然の中で育てられた製品の魅力をたっぷりと引き出しています。縦書きの明朝体のタイトルやナビゲーションメニューで和のイメ...