勉強の一環として、デザインが参考になったサイトや気になったサイトをピックアップしています。何事もまずはその世界のことを知るところからスタートしなければ、と言う事で目指せ100選！！
WEBサイト100選
サイト一覧 | 灰色
3.モンブラン・ピクチャーズ
映像にまつわるコンテンツの企画・制作を行っている会社のため、全体的にキャラクターや動きのあるデザインになっています。サイトを見ることで会社の雰囲気をイメージすることができる作りになっていて、また文字での説明が少なく画像で伝わるように配慮されていて分かりやすいです。
16.臨済宗相国寺派
Flash版が凄くかっこいいサイトです。ナビゲーションを選択した時の画面の動きが風情があり、音楽も相まって神々しい雰囲気を醸し出しています。WEBサイトというより物語を見ているような感覚です。なお、トップページにはHTML版のリンクがあり、ユーザビリティも考慮されています。
23.WEAR
運営会社スタートトゥデイが展開する他サービスZOZOTOWNやZOZOフリマ等への連携を前提していると思われます。そのため、新規会員登録の増加が最終目的ですので、サイトトップに会員登録ボタンが設置されています。また、視線の流れを考慮し、ユーザーに重要視されるカテゴリごとの検索項目が、画面左に設置されています。
28.the terrarium
観葉植物をカスタマイズし購入できる英国のオンラインショップサイトです。購入してもらうことを目的としているため、ユーザーの意識が逸れないよう派手な動きはなくとてもシンプルな作りになっています。レイアウトにはグリッドデザインを利用されており、また「faq」ではアコーディオンメニューも利用されているため、とても参考になります。
29.Gear8 DESIGN
北海道のweb制作会社のサイトです。サイト内リンクの全てにhoverで動きをつけてあります。回転・スライド・フェイドなど、定番の動きを一通り見ることができ、動きのバリエーションは参考になります。
38.NERO HAIR SALON
gifアニメでサイトに程よい動きを付けることにより、見ている人を引き込む作りになっています。また、可変グリッドレイアウトを利用されており、コンテンツ幅が綺麗に揃っていて見やすいです。その他には、ターゲット層が女性であるため、パステルカラーを利用することで柔らかい印象のサイトになっています。
75.まいづる観光ネット
ファーストビューで日本三景の天野橋立が表示されていて、舞鶴の魅力を余すところなく伝えている素敵なサイトです。サイドバーのバナーがコンテンツ毎に共通のデザインにされているところや、フッターのバックグランドには舞鶴近辺の地図が配置されているところにも工夫を感じます。
83.salyu
アーティストのサイトであるため、口コミやタイムリーな情報の共有で知名度やイメージアップを行う必要があり、その最たるツールとしてのSNSへのリンクがトップに設置されています。活動状況が一番重要な情報となるため、トップにはnewsコンテンツが設置されています。
92.ONE Music Camp
自然の中で音楽と共に大人も子供も一緒になって遊ぶ、ことをコンセプトにしたイベントのページです。クラフトや手作り、物作りや音楽を好きな人をターゲットにしたサイトのため、手書き風のデザイン、紙を模した背景のテクスチャーなどがデザインとして取り入れられています。こちらのサイトも見ているとイベントに参加したくなります。