WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

左側に交通アクセスや最新情報を掲載して情報を伝わりやすくする

   

名称未設定 1

滋賀県大津市にある食事処「洗心寮」のホームページです。

全体的に文章が縦書きで背景は和紙のようなテクスチャを使用しています。右側にコンテンツ、左側にメニューなどの2カラムに分かれたシンプルな構成で出来ています。

左側の部分はメニューだけでなくアクセスマップや最新情報など顧客が知りたい情報をすぐに伝わるようにまとめてあります。また、すぐに予約ページに行きたい人のために目立つように赤色のボタンが配置されています。

右側のコンテンツ部分では、タイトル部分は大きく表示させ色を変えています。レイアウトがまるで雑誌のようでとても見やすいです。また、トップページのスライダー部分がサブページのタイトル部分になるのでトップページとサブページのレイアウトが変わらず、デザインしやすい構成で作られていると感じました。

スマートフォンで閲覧しても余白を十分に取っているので、すっきりしていてとても見やすいです。このレイアウトは今後参考にしたいと思います。

 - 写真で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

湯布院の大自然を感じることができそうな旅館

2016年9月1日にリニューアルオープンした大人の隠れ家「ふうきの里」のホームペ …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

コンテンツの背景に京都の写真を使ったサイトのデザインが大胆でおしゃれ!

京都府京都市にある「株式会社らくたび -洛を旅するらくたび-」のホームページです …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …