salesforce

LP・プロモ・ブランド

製品・商品・サービス

https://www.salesforce.com/jp/

ビジネス用のCRMソリューション「salesforce」の販売促進も兼ねた、コーポレートサイト。グロナビの配置が独特で、新しいレイアウトながら見やすく分かりやすい。ぜひ参考にしておきたいサイト。

brightmedia

公式・コーポレート

web制作

http://brightmedia.pl/

海外のweb・アプリなどの制作会社brightmediaのコーポレートサイト。web制作に関与する人は、一見の価値ありです。素晴らしきデザイン。

LODGE

店舗

レンタルスペース

https://lodge.yahoo.co.jp/

Yahoo! JAPANのオフィス内にあるコワーキングスペース「LODGE」の店舗サイト。メインビジュアルにあるパノラマのように見せたレンタルスペースの映像が、とても効果的。行ってみたいという気持ちにさせてくれる素敵なサイト。

yahoo! recruit

採用・リクルートページ

広告代理店・広告全般

https://about.yahoo.co.jp/hr/

yahoo!JAPANのリクルートサイト。独特なフラットレイアウトになっており、中でも社員メンバーの紹介ページが印象的。均一感を大胆に崩して、絶妙なバランスで、雑誌のような感覚に読ませてくれる素敵デザインになっています。魅力的なリクルートサイトの参考にしたいサイト。

paraft

SNS・webサービス

転職・人材・リクルート

https://paraft.jp/

転職・求人メディア「paraft」のウェブサイト。個性的なデザインで、マウスホバーのアニメーションがとても魅力的。情報も見やすく分かりやすくて、なおかつクリック意欲をわかせてくれる。今風のウェブデザインでニュースサイトを作成したい時、ぜひ参考にしたいサイト。

iphone7

LP・プロモ・ブランド

製品・商品・サービス

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

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

現代ビジネス

ニュース・ポータル

報道・出版・メディア

http://gendai.ismedia.jp/

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

東京工業大学

公式・コーポレート

学校・公的教育

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

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

iro2 bookmark

ギャラリーサイト

製品・商品・サービス

http://iro2.tokyo/

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

ginzaplace

公式・コーポレート

観光・施設・名所

http://ginzaplace.jp/

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

progate

SNS・webサービス

製品・商品・サービス

https://prog-8.com/

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

cloudsign

SNS・webサービス

製品・商品・サービス

https://www.cloudsign.jp/

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

BASE

SNS・webサービス

製品・商品・サービス

https://thebase.in/

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

おっさんレンタル

EC

製品・商品・サービス

http://ossanrental.thebase.in/

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

Go-Next ブログ

ニュース・ポータル

web制作

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

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

GoNext

公式・コーポレート

web制作

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

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

magari

店舗

レンタルスペース

http://cafe-magari.com/

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

スペイシー

SNS・webサービス

レンタルスペース

https://www.spacee.jp/

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

氷結

LP・プロモ・ブランド

製品・商品・サービス

http://atarashiku.hyoketsu.com/

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

ships

EC

服・ファッション

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

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

yourshot

SNS・webサービス

製品・商品・サービス

http://yourshot.nationalgeographic.com/

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

500px

SNS・webサービス

製品・商品・サービス

https://500px.com/

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

lhirondelle

店舗

カフェ・喫茶店

http://www.lhirondelle.jp/

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

ruefavart

店舗

カフェ・喫茶店

http://www.ruefavart.com/

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

brooklynparlor

公式・コーポレート

カフェ・喫茶店

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

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

ロックアイランドツアーカンパニー

公式・コーポレート

観光・施設・名所

http://palauritc.com/

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

グリルラボ パイナップル

公式・コーポレート

外食

http://steak-pineapple.com/

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

sitecreator

ブログ

フリーランス

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

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

comp

EC

製品・商品・サービス

http://www.comp.jp/

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

たてよこwebアワード

LP・プロモ・ブランド

音楽・イベント

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

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