WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 写真で表現 , ,

Message

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

  関連記事

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

奥行き感がクセになる「ESPALMADOR MARISQUERIA」

宮城県仙台市の「S-PAL仙台」内にあるシーフードレストラン「ESPALMADO …

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …

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

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

可愛いハリネズミに気軽に触ることができちゃうカフェ

六本木にあるハリネズミカフェ「HARRY」のホームページです。 ファーストビュー …

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

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

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …