http://www.apple.com/jp/iphone-7/

iphone7の製品プロモーションサイト。商品写真の重要さを強く感じることのできるデザインになっている。商品を魅力的にさせる方法を探している時、ぜひ参考にしたい。

http://gendai.ismedia.jp/

講談社が運営するメディアサイト「現代ビジネス」。政治、経済からライフスタイルまで、きちんとライターさんの顔が見られる信頼性の高い情報サイトになっている。高品質のニュースサイトを考えている方は、ぜひ参考にしたいサイト。

http://educ.titech.ac.jp/

東京工業大学の公式サイト。写真ビジュアル・グラデーションの使い方が素晴らしく、高いデザイン性ながら、情報の読みやすさ・分かりやすさも抜群に優れている。思いきってグロナビを削っているところが新しく、それでいて機能的になっており、とても勉強になる魅力的なサイト。

http://iro2.tokyo/

日本のアニメマンガ、コラボ広告、二次創作などの、良質アニメウェブデザインをまとめている「{iro}2 Bookmark」のギャラリーサイト。アニメ関連のウェブ制作にとても役立つサイトです。スマホは準備中のようです。

http://ginzaplace.jp/

銀座四丁目交差点に面したGINZA PLACE（銀座プレイス）の公式サイト。とても見やすく分かりやすく、そして上品な仕上がりになっている。年配の方を考慮して、フォントサイズの拡縮があるのもありがたい。魅力的な施設案内のサイトを作る際に参考にしたいサイトです。

https://prog-8.com/

オンラインプログラミング学習サービス『Progate』のウェブサイト。webサービスリリース時の参考にしたいサイト。

https://www.cloudsign.jp/

電子契約のwebサービス「cloudsign」のウェブサイト。とても見やすく分かりやすいので、webサービス発信の際、参考にしたいサイト。

https://thebase.in/

ネットショップのテンプレートサイト作成をサービスとした「BASE」のウェブサイト。今風のデザイン・レイアウトで見やすく分かりやすく、上品。webサービス販売の際、参考にしたいレイアウト。

http://ossanrental.thebase.in/

おっさんをレンタルできるという、話題のwebサービス「おっさんレンタル」のECサイト。BASEで作られたテンプレートのサイトだが、その商品がインパクト・大。送料無料のおっさんをカートに入れるという発想が、あまりにもシュール過ぎます。webサービスを考える際、参考にしたいサイトです。

http://www.go-next.co.jp/blog/

株式会社GoNextのブログサイト。とても見やすく分かりやすい。会社でオウンドメディアをやる際に参考にしたいサイト。

http://www.go-next.co.jp/

株式会社GoNextのコーポレートサイト。シングルページのパララックス構成になっており、中でも特徴なのが、スマホでもしっかり実現されていること。スマホのパララックスを作る際、参考にしたいサイト。

http://cafe-magari.com/

カフェの空間を借りられる、レンタルスペース「magari」のウェブサイト。イラスト中心の暖かい印象のデザイン時の参考に。

https://www.spacee.jp/

格安・貸し会議室・レンタルスペースの予約サービス「スペイシーSpacee」のウェブサイト。シンプルなデザイン、実用的なレイアウトで、とても見やすく分かりやすい。2016年度グッドデザイン賞も獲得しており、webサービスを作成する際、参考にしたいサイト。

http://atarashiku.hyoketsu.com/

氷結のプロモーションサイト。高いデザイン性になっており、パララックスや、遷移時・アニメーションの細かな動きなど、ぜひ参考にしたいサイト。スマホにおいて、両側から交差するように表示するスライドショーも新しい。

http://onlineshop.shipsltd.co.jp/

ファッションブランドshipsのECサイト。商品説明ページにおいて、モデルさんが服を着ている写真が豊富にあって、イメージがつきやすい。ブランドのイメージを崩さずにネット上で買い物できる印象を受ける。ECサイト制作の際、参考にしたいサイト。

http://yourshot.nationalgeographic.com/

ナショナルジオグラフィックが運営するwebサービス、yourshotのサイト。

https://500px.com/

心に響く最高の写真を投稿しあう海外発祥コミュニティサイト、「500px」のウェブサイト。写真ビジュアルが強調されるためにサイト自体はシンプルなレイアウトになっている。写真好きにはたまらないサービスとなっている。ソースコードAAの遊び心もあり、見ていて、とても楽しい。

http://www.lhirondelle.jp/

中目黒のカフェ「lhirondelle」さんの店舗サイト。メインビジュアル一枚だけという、コンセプトの強気なサイト。しかし、飲食系はポータルサイトに提携しておくなど、集客できていればOKなので、ある意味では、究極なのかも・・・。

http://www.ruefavart.com/

渋谷・恵比寿のカフェ「ruefavart」さんの店舗サイト。ワイドのシングルページで写真を全面に利用して、店のオシャレな雰囲気をweb上でもうまく表現している。店舗サイトづくりで参考にしたいサイト。

http://www.brooklynparlor.co.jp/

brooklynparlorさんのコーポレートサイト兼店舗サイト。カフェ系のサイト作りの参考に。

http://palauritc.com/

パラオのマリンオプショナルツアー専門店、ロックアイランドツアーカンパニーさんのサイト。メインビジュアルの映像の使い方が絶妙で、とても興味を惹かれる。興味⇒調べる⇒予約までの導線も素晴らしく、トラベル・イベントなどのサイト制作で絶対に参考にしたいサイト。

http://steak-pineapple.com/

グリルラボ パイナップルさんのコーポレートサイト兼店舗サイト。写真のビジュアルを全面に利用して、料理の高級さをうまく演出している。ブランド性を持った店舗サイトを作成したい時に参考にしたいサイトです。

http://ryo-prog.com/sitecreator/

web制作に関連したブログサイト「sitecreator」。web制作に関わっていて、これから自分のサイトを持ちたいと考えている人は参考にしたいサイト。

http://www.comp.jp/

完全食で話題になった、compの販売サイト。単品商品に力を入れて販売したい時に参考になるサイト。

http://tategaki.github.io/awards/index.html

ＣＳＳの新たな組版規格を使用し次世代のＷｅｂタイポグラフィに挑戦したデザインや取り組みを表彰するための「たてよこwebアワード」のキャンペーンサイト。縦書きフォントのレイアウト・デザインの参考になる。

http://illustrain.com/

無料でかわいいイラスト素材集の「イラストレイン」さん。春夏秋冬いつでも使えるかわいいイラストが全て無料でダウンロード可能ですし、クレジット記載なし、商用利用が可能です。

https://molbum-docomo.co.jp/

docomoとsnowの合同企画「卒業盛ルバム」のキャンペーンサイト。シングルページによるプロモーション作成の際、参考にしたいサイト。

http://ofurocafe-bijinyu.com/

静岡にあるおふろcafe 美人湯さんのコーポレートサイト兼店舗サイト。メインビジュアルの映像が美しく、温泉の雰囲気がとても伝わってくる。videoを用いたウェブサイト制作で参考にしたいサイト。温泉紹介のページも、温泉の様子がよく伝わってきて、映像の使い方がとにかくうまい。

http://www.doutor.co.jp/excelsiorcaffe/

エクセルシオール カフェ バリスタのコーポレートサイト兼店舗サイト。メインビジュアルでは、現在の時間に併せた写真が表示される機能が実装されている。白基調に写真を全面に押し出したデザインになっており、とてもオシャレに見える。情報も分かりやすく、写真中心のサイト制作の際、参考にしたい。

https://www.hanamaruudon.com/

はなまるうどんのコーポレートサイト兼店舗サイト。レイアウトに、縦書きテキストをうまく組み込んでいる。メインビジュアルのスライドショーに使われている食材がとても良く、写真をうまく使いたい時に参考になるサイト。