格安ホームページ制作おてまるのデザインパターン

PATTERNS

茶々茶(ちゃちゃちゃ)

あえて余白を多く取り入れることで
茶の間のようなレイアウトに。
様々な飲食店のメニューに
合わせられる
カスタマイズ性の高いデザイン。

京都の茶寮を彷彿とさせる雰囲気の「茶々茶」。
セピアからゆっくりと切り替わるファーストビューは2枚の画像とロゴを大きく配置することで第一印象で得られる存在感を最大化します。

カラーを変えることで、様々な料理にマッチするレイアウトは飲食店だけでなく、整骨院などの他業種でも使用されています。
画像付きメニューとテキストメニューを組み合わせることで、効果的に「あなたのおすすめ」
を伝えられます。

向いているサイトイメージ

  • 飲食店
  • カフェ
  • シンプル
  • 和風
  • 上品
  • ホワイト
  • グリーン
  • イメージ画像

    フワッと浮き出てくる3つのメニューは自慢の料理を紹介するのに最適です。

    美味しさを視覚で訴えかける大きな画像とさらなる興味付けを行うテキストブロックの組み合わせによって、ユーザーの「行ってみたいかも」を誘発します。

  • イメージ画像

    読み飽きることなく、全てのメニューに目を通してもらえるよう画像の配置とテキストのバランスを調整したレイアウト。

    店内のメニューのように分かりやすさを追求した構成は商品点数が多い方でも余すことなく、載せることができます。

  • 茶々茶(ちゃちゃちゃ)のスマホデザインメージ画像

    2010年代以降、スマートフォンの普及率は国内だけでなく、世界中で圧倒的なシェアを誇るようになり、今ではサイト検索の約90%がスマートフォンで行われています。
    そこで必須なのが、どのデバイスでも見やすくする「レスポンシブ対応」です。
    茶々茶のスマホデザインではパソコンとスマートフォンそれぞれで用意した画像を使ったファーストビューはインパクトのある第一印象を与えます。

    見やすさを重視し、右上に配置したメニューボタンは、片手でも操作しやすいように配置を工夫し、いつでも気になるブロックへ移動できるようユーザーファーストの設計にしています。

    メニューでは最適な表示速度を保つため、画像をPCとスマホで共通で利用し、大きい画面サイズなら3カラム、スマホサイズであれば1カラムに変更することで、いつどこで見ても分かりやすい構成にしています。

    茶々茶では、パソコンとスマホだけでなくあらゆるデバイスで最適なコンテンツが表示されます。
    つまり、「スマホにはスマホ、パソコンにはパソコン」といった具合に、その画面サイズに適正なコンテンツが表示できるのです。

    私たちは茶々茶で「あなただけのサイト」をご提案いたします。

動作環境

  • Google Chrome 最新バージョン

  • Safari 最新バージョン

  • Fire Fox 最新バージョン

internet explorerの
サポートは終了しております。
Microsoft Edgeを
ご使用ください。