Webサイト100選

好きなサイト100個紹介します。

2018-08-01から1ヶ月間の記事一覧

No28:LUDLOW KINGSLEY

好きなところ billboardのBACK,NEXTボタンの色使い、サイズ、hoverの時の効果が上手い フッターにも各カテゴリへのナビがあるのが使いやすい 配色がきれい https://www.ludlowkingsley.com/

No27:株式会社トリイデザイン研究所

好きなところ フォント、レイアウトがおしゃれ jQueryの動きがページを切り替えるたびに楽しめる ページによってアクセントカラーが変わるので、色使いも楽しめる https://torideken.com/

No26:成瀬・猪熊建築設計事務所

好きなところ スクロールすると大きな画像で実績紹介が見ることができる ナビをクリックするとページ遷移することなく情報が見ることができて便利 背景画像のベージュが温かみのある建築を連想させる http://www.narukuma.com/

No25:しつらえ

好きなところ トップページが素敵 縦書きのフォントが日本料理らしい雰囲気に仕上がっている 写真の明度が高く、店舗の清潔感を想像させる見せ方がどれも素敵 http://www.hakata-chikusai.jp/

No24:嬉野茶時

トップページは(ほぼ)全画面の動画。 ハンバーガーメニューをクリックすると、全画面を覆う形で出てくる(↑)。タブレットサイズ以下では、ヘッダーは上部に固定。 四角いボックスが整然と並ぶレイアウト。単調になりがちなところに、文字の1文字目を大き…

No23:はじめかた研究所

好きなところ ファーストビューは、スライダーを使った(ほぼ)スプリットレイアウト。 フキダシ風の表現が、細い波括弧(})なので、子供っぽくなく表現されている。 活字風の見出しとアイコン。落ち着いた雰囲気。活字風文字は画像で入っている。本文のフ…

No22:株式会社サザビーリーグ

好きなところ レイアウトの崩し方が参考になる フォント、配色が高級感のあるイメージ スクロールして少し経つと、ナビがうっすら表示される https://www.sazaby-league.co.jp/

No21:MINI Japan

好きなところ スクロールすると動くミニの車の画像が楽しい カテゴリごとに横スクロールの動きがあり楽しめる 世界の都市を疑似走行するページが楽しい https://www.mini.jp/ja_JP/home/CustomSection/_new-mini-5-door-hatch.html

No20:FOURDIGIT DESIGN Inc.

好きなところ アイコンやフォントがオシャレ。 画面に対して100%で表示される画像が見やすい。 トップページの情報量がちょうど良い。 https://4dd.jp/

No19:Food & Design Post

好きなところ トップページの最新情報がカード型レイアウトで見やすい 右下の戻るボタンがユーザー目線の使いやすいサイト 白、グレー、濃い茶色の組み合わせが素敵 http://fooddesignpost.info/

No18:25AH

好きなところ 赤のフォントの使い方が上手シンプルだけど華やかな印象 画像のレイアウトがおしゃれ コンテントがまとまっており、見やすいwebサイト設計 http://www.25ah.se/

No17:Culas+ 暮らすプラス

好きなところ タイトルが韻を踏んでいてとても印象に残る サイドバーに予約可能イベントや人気記事ランクインを用意するなど参考になる http://culas-plus.jp/index.html

No16:mori-no-oto

好きなところ トップに配置されている動画を再生すると一定の時間ごとに再生される動画が増えていくとても面白い 玩具を扱うお店のサイトであるため、子供達の心を掴む遊び心のある作りになっている http://mori-no-oto.com/

No15:PARTY

好きなところ ビルボードの動画が何種類も切り替わるのがすごい SNSアイコンにhoverすると文字入りの画像に切り替わる worksの画像にhoverするとCSS3でフォントが表示され、画像が動画に切り替わるのがかっこいい http://prty.jp/

No14:淡路島カレー

好きなところ シンプルに食材へのこだわりがわかりやすい 棚田の写真が素敵すぎる ページトップへ戻るボタンのホバーが気になる http://awajishima-curry.com/

No13:The University of Chicago

好きなところ ヘッダーの色が素敵。大きくてはっきりしてる。 ナビゲーションをホバーすると、ドロップダウンでメニューが表示される。メニューの中に画像も入っていて、コーディングの勉強になりそう。 全体的に画像や多色のボタンが多いのに、コントラスト…

No12:さぬきうどん未来遺産プロジェクト

好きなところ 本場香川のさぬきうどんの情報が豊富。 文字のジャンプ率とフォントが新聞みたいな雰囲気で、香川のさぬきうどんの歴史深さを表しているようで素敵 メガドロップダウンメニュー、スライダー、SNS埋め込み、香川の今日の天気など、自分のサイト…

No11:手打ちそば屋 更科堀井

好きなところ 2カラムで出来ている。 黒基調で老舗っぽさを感じる。 スタンダードなレイアウト http://www.sarashina-horii.com/

No10:Alex Buga's

とても細かい細工がされている。 マウスオーバーすると棚の黒のスライドが開くなど凝っている。 マウスオーバーしないと、どこが押せるのか全くわかならいので、ちょっとイライラ感がある。 http://www.alexbuga.com/v9/#welcome