DORA

ニュース・ポータル

報道・出版・メディア

http://do-ra.org/

ネット動画を話題としたニュース記事を紹介する「dora(ドーラ)」のウェブサイト。どの記事にも動画があり、通常のニュースよりも見ごたえがある。

late-ran

キュレーション

報道・出版・メディア

http://late-ran.com/

ウェブクリエイターのためのキュレーションマガジン「Late ran(ラテラン)」のメディアサイト。

flaticon

ギャラリーサイト

製品・商品・サービス

http://www.flaticon.com/

フラットデザインのアイコンを集めたギャラリーサイト。

神戸女子大学

公式・コーポレート

学校・公的教育

http://www.yg.kobe-wu.ac.jp/wu/

神戸女子大学のウェブサイト。おしゃれなフラットデザインの参考に。

株式会社モスフードサービス

公式・コーポレート

外食

http://www.mos.co.jp/company/

株式会社モスフードサービスの公式サイト。動画一本のメインビジュアルで、会社の雰囲気を優しいものにしている。動画製作の際、参考にしたいサイト。

ca-crowdfunding

公式・コーポレート

製品・商品・サービス

http://www.ca-crowdfunding.com/

株式会社サイバーエージェント・クラウドファンディングの公式サイト。カラフルな色味を参考にしたい時に。

8card

SNS・webサービス

製品・商品・サービス

https://8card.net/

100万人が使う名刺アプリ「8card」のウェブサイト。メインビジュアル部のvideoが、そこらのテレビ番組より、よほど凝っている。魅せる映像を作ってウェブサイトに盛り込みたい人は、ぜひ参考にしたいサイト。

moscot

EC

メガネ・コンタクト

http://moscot.com/

ニューヨーク発祥の眼鏡ブランド「MOSCOT(モスコット)」のコーポレートサイト兼ECサイト。アーティストや文化人・作家達に愛されるデザインが特徴となっている。海外テイストのサイトを作りたい際に、参考にしたいサイト。

hackers bar

店舗

酒・バー

http://hackers.bar/

六本木にあるハッカー向けバー「hackers bar」のウェブサイト。エンジニアの人にはたまらない店。お酒「ブルースクリーン」は、ちょっと避けたいところ・・・? デザインは、オシャレなウェブサイト制作に参考になります。

prmaceed

公式・コーポレート

広告代理店・広告全般

https://www.prmaceed.com/

株式会社PrmaCeed (プレマシード)の公式サイト。モノトーン調で斜め線レイアウトが特徴のデザイン。レイアウトがシンプルで見やすく、分かりやすい。ちょっと味をつけたサイト制作の際に参考にしたいサイト。

LODEO

公式・コーポレート

広告代理店・広告全般

https://www.lodeo.io/

スマートフォン動画に特化したアドネットワークサービス「LODEO(ロデオ)」の公式サイト。グラデーション+動画のメインビジュアルと、スマホにも対応したスクロールによるフェード効果が素敵。シンプル上品の参考になるサイト。

AMERICAN EAGLE

EC

服・ファッション

http://www.aeo.jp/top/CSfTop.jsp

AMERICAN EAGLEのECサイト。商品が見やすく分かりやすい。EC制作で参考にしたいサイト。

ZOZOTOWN

EC

服・ファッション

http://zozo.jp/

ZOZOTOWNのウェブサイト。いわずもがなで有名なECサイト。これからECビジネスを始める人は必ず参考にしておきたいサイト。

soramani

ニュース・ポータル

報道・出版・メディア

http://soramani.com/

ANAが運営する、空旅についての情報を配信するメディアサイト、「SORAMANI」。シンプルな中で上品に魅せるデザインなので、ちょっと見た目にもこだわりたいニュースサイトを制作する際、参考にしたいサイト。

海の写真素材屋さん

無料素材

製品・商品・サービス

https://www.owd.jp/sozai/

world divingさんの運営する、海に関連する写真の無料素材サイト「海の写真素材屋さん」。素晴らしい品質の美しい写真が、いずれも商用利用・印刷可能のありがたいサービスになっています。

Archer C5400

LP・プロモ・ブランド

製品・商品・サービス

http://www.tp-link.jp/products/details/cat-9_Archer-C5400.html

TP-Linkの製品「Archer C5400」の紹介ページ。魅力的に製品紹介したい時に参考にしたいサイト。

極の青汁

LP・プロモ・ブランド

美容・健康・化粧品

http://www.suntory-kenko.com/contents/ad/40/lst/aojr/id_so2/

サントリーの商品「極の青汁」のランディングページ。一枚ページ作成時のデザイン参考にしたいサイト。

株式会社キヅキ

公式・コーポレート

報道・出版・メディア

http://www.kizuki.co.jp/

オンラインゲームズームを運営しているメディア事業の株式会社キヅキの公式サイト。シンプル効果的なシングルぺージの制作時に参考にしたい。

大麦若葉青汁

LP・プロモ・ブランド

病院・医薬品

https://www.taisho-direct.jp/ad/hm/HG_fo_3.html

大正製薬ダイレクト オンラインショップ内にある「大麦若葉青汁」のランディングページ。一枚ページ作成時の参考に。

World Diving

公式・コーポレート

観光・施設・名所

https://www.owd.jp/

沖縄のダイビングライセンス取得スクール「World Diving」のウェブサイト。静画・スライド・グラデーション・マウスホバーアクションの使い方がとても上品で、沖縄の海の魅力が存分に伝わってくるサイト。レジャー系のサイト制作の際、参考にしたいサイト。

haglofs

EC

服・ファッション

https://haglofs.jp/

ヨーロッパを代表するアウトドアシーンにおけるハイパフォーマンスブランド「Haglöfs(ホグロフス)」のECサイト。オシャレで機能的なECサイトを検討している方は絶対に参考にしておきたいサイト。機能及びデザインともに非常にレベルが高い。

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」のギャラリーサイト。アニメ関連のウェブ制作にとても役立つサイトです。スマホは準備中のようです。