>白 - デザインが良いサイト100選

2019年5月27日2019年8月23日

暮らす宿

＊ポイント＊

・ボタンやナビゲーションボタンの背景画像がのれんのような生地になっていてこのサイトのイメージに合っている

・各地からのアクセスや町内からのアクセスが詳しく説明されていて分かりやすい

・サイト全体が和色で統一されている

2019年5月25日2019年5月25日

HOTEL ANTEROOM KYOTO

＊ポイント＊

・borderで各コンテンツが分けられていて見やすい

・画面右側の予約するコンテンツとInstagramのリンクが他のページにいっても固定されている

・スマートフォンサイズになると1カラムレイアウトになっているのでスマートフォンでも見やすいデザインになっている

2019年5月21日2019年8月23日

HEART BREAD ANTIQUE

＊ポイント＊

・アンティークという名前からサイト自体もアンティークをイメージさせるようなデザインになっている

・ファーストビューの画像がスクリーンのような劇場の舞台をイメージさせる中に表示されるようになっており一定の秒数を過ぎると切り替わるようになっている

・スクロールすると色々なイラストが現れるようになっている

・商品紹介のページでは商品の画像にhoverすると商品の説明が表示されるようになっている、スマートフォンサイズになるとクリックしないと説明文が表示されずレスポンシブでも見やすい

2019年5月19日2019年8月23日

carborocco

＊ポイント＊

・斜線で写真に影を表現している

・ボタンのところに影ではなくborderを入れて立体に見せている

・サイト自体は背景が白でテキストが黒でシンプルな作りになっているが、画像が台形になっていたりborderをうまく使用することによってオシャレに見える

2019年5月15日2019年5月15日

etc.JOURNAL STANDARD

＊ポイント＊

・ファーストビューの画像がだんだん縮小していくアニメーションになっている

・スクロールすると各コンテンツの見出しのテキストの枠だけ最初に表示され徐々に中の色が黒く塗られるようになっている、見出しの下に最初にイラストだけ表示されそのあと背景画像が出てきてイラストと背景画像がうまく重なるようになっている

・ハンバーガーメニューをクリックすると画面いっぱいにメニュー一覧のページになる

・フードのページにいくとサイズの異なる画像が並んでいる

2019年5月13日

ウフフドーナチュ

＊ポイント＊

・アイコンや見出しが手書きのデザインになっている

・トップのキャラクターの画像をhoverするとウインクするようになっている

・他のページへ飛ぶリンクも楕円形だけど手書きで書いた風に見えるデザインでかわいらしい印象を持つ

・商品一つ一つの画像も同じ角度の画像なので統一感がある

2019年5月10日

そば処庄司屋

＊ポイント＊

・シンプルなデザインだが、太い枠線で囲まれていて雑誌の記事を読んでいるように見える、レシポンシブになっても見やすい

・一番上に店舗と店舗の休業日が表示されていてこのお店に行きたくて検索した人には一番知りたい情報だと思うので分かりやすい

2019年5月9日

照恩寺

＊ポイント＊

・ヘッダーのタイトルのテキストがメルヘンでオシャレに見える

・スクロールしても次のコンテンツは見れず、矢印をクリックしないと次のコンテンツが表示されないようになっている、矢印をクリックするとコンテンツが見れるだけではなく左下に四角■がたまっていく

・メニューバーをクリックすると画面全体がメニューバーになる

2019年5月7日

まつげエステサロン stella

＊ポイント＊

・サイト自体は背景が白でシンプルだが、リンクボタンの背景がボーダーになっていたり、画像の縁に二重のボーダーがありオシャレである

・まつげエステサロンなのでページ左上のアイコンがまつげになっておりスクロールするとロゴになっている

・ナビゲーションメニュー以外のリンクにhoverすると水色になっていて統一されている

2019年5月5日

株式会社Heart Full

＊ポイント＊

・ヘッター画像が事業内容が分かるようなイラストになっている

・色使いも明るい色ではなく落ち着いた少し暗めな色を選んで使用している

・スクロールするとコンテンツと風船のイラストが現れるようになっている