WebGallery

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

*

手描きのようなアイコンで視認性だけでなく、見た目にも可愛らしさを

   

名称未設定 1

東京都中央区新川にある和菓子屋「翠江堂(すいこうどう)」のホームページです。

左側にスライダー、右側に商品や店の紹介が書いてあり雑誌のようなレイアウトでシンプルにまとまっています。右側に固定されたメニューも、手描きのようなアイコンで視認性だけでなく、見た目も可愛らしさがあります。カーソルを乗せたときもアイコンがふわっと動くのが良いですね。

商品の紹介ページに移動すると、大きく2つに分かれており左側には商品の説明、右側には様々な和菓子がリスト状で並んでいます。左側に和菓子の写真が大きく出るのは、和菓子の見た目も細かいところまで見れるので写真で楽しむこともできます。

あまり見ないレイアウトですが、綺麗にまとまってしかも見やすいのでとても参考になりました。

 - 写真で表現 , ,

Message

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

  関連記事

右下にリンクテキストを配置することで、次のページに行きやすいようにする

人工芝を使ったハンドメイド商品などを制作・販売しているネットショップ「部屋とmi …

落ち着いたデザインで、写真の色を際立たせる

福岡県福岡市にあるケーキショップ「Jacques」のホームページです。 なんと今 …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

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

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

白を基調にして衣装や料理の写真を際立たせているモダンレストランのサイトがオシャレ!

愛知県安城市にある和モダンレストラン「hana no utage(花の宴)」のホ …

思わず行きたくなる!写真でダイナミックに見せることで食欲を刺激するデザインの「THE FARM TOKYO」

2019年4月から10月末の期間限定で東京都中央区八重洲に設営された屋外型飲食施 …

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

綺麗な写真を大胆に使ったホテルのサイトが、高級感があって綺麗!

神奈川県足柄下郡にある高級料亭温泉旅館「山翠楼」のホームページです。 ファースト …

写真を最大限に利用して、雰囲気を味わえる教会

長野県軽井沢にある、「軽井沢高原教会」のホームページです。 三角の形をした特徴的 …