京都美術工芸大学

公式・コーポレート

学校・公的教育

https://www.kyobi.ac.jp/

京都美術工芸大学の公式サイト。繊細な色使いやグラデーション、ブロークングリッドレイアウトの巧みな構成により、とても上品なサイトに仕上がっている。ブランドや品質にこだわるサイト制作の際、ぜひ参考にしたいサイト。

株式会社Y's

公式・コーポレート

web制作

https://ysinc.co.jp/

株式会社Y'sのコーポレートサイト。シンプルなレイアウトの中、ユニークな遊び心の光るデザイン。円形の映像バナーはついついクリックしてしまう魅力がある。

tokyo-colours

公式・コーポレート

広告代理店・広告全般

https://www.tokyo-colours.co.jp/

日本の撮影を希望する海外制作会社向けのプロダクションサービスを提供する、Tokyo Coloursのウェブサイト。「東京」をテーマにとても上品かつ国際的なデザインに仕上がったサイト。国内コンテンツに海外エッセンスを加えたい時、ぜひ参考にしたいサイト。

nasaprospect

LP・プロモ・ブランド

製品・商品・サービス

http://nasaprospect.com/

NASAの提供する、宇宙飛行士のパララックスサイト。ブランディングページなどを作る際、参考にしたいサイト。

ドリームビジョン株式会社

公式・コーポレート

IT・経営コンサル

http://www.dream-v.co.jp/

ドリームビジョン株式会社の公式サイト。css3、アニメーションなどのエフェクトを効果的に使っているサイト。上品さ・高級感のあるコーポレートサイト制作をする際、参考にしたいサイトの一つ。

Lens

ブログ

趣味・フリーランス

http://lens-blog.jp/

フォトグラファー中里さんのブログサイト。写真のポートフォリオを主体とした独特のデザインで、とてもカッコイイサイト。名刺代わりになるようなブログサイトを作りたい人は、ぜひ参考にしたいサイトの一つ。

Developers_IO

公式・コーポレート

IT・経営コンサル

https://dev.classmethod.jp/

クラスメソッド株式会社の運営する、開発者向けニュースサイト。IT/WEB系の情報を数多く扱っており、とても重宝するサイト。フラットデザインで可読性にも優れている。実用性あるメディアサイト制作の際、参考にしたいサイト。

MATTER

公式・コーポレート

家具・インテリア

https://matterinteriors.com/

海外の建築インテリア事業を手掛けるMATTERさんの公式サイト。まるで凝った雑誌のようなオシャレデザインをwebにうまく落とし込んでいるサイト。高級感、上品さなどがうまく演出されており、ラグジュアリーなサイトを作る際、ぜひ参考にしたいサイト。

クロネのブログ講座

ブログ

趣味・フリーランス

https://kurone43.com/

クロネさんのブログサイト。趣味で楽しく運営していることが良く伝わってくる、優しいデザイン。可愛いイラストもあって愛着もわきやすい。これからブログを始める人には是非読んで欲しいサイトの一つです。

ももあふぃnet

ブログ

趣味・フリーランス

https://momoafi.net/

ももりんさんのブログサイト。柔らかいデザインで、とても読みやすいサイト。これからブログを始める人はぜひ参考にしたいサイト。

株式会社ガイエ

公式・コーポレート

広告代理店・広告全般

https://gaie.jp/

株式会社ガイエの公式サイト。シングルページ構成のモダンなレスポンデザイン。簡素な情報量の中でも上品さをうまく演出したい際に、ぜひ参考にしたいサイト。

大江戸温泉

公式・コーポレート

観光・施設・名所

https://daiba.ooedoonsen.jp/

お台場・大江戸温泉の公式サイト。モバイルファーストを意識してか、シングルページ構成で、多くの情報をトップページ一枚にうまく凝縮している。施設・観光名所のサイト制作をする際、ぜひ参考にしたいサイト。

SBI証券

採用・リクルートページ

金融・商社

https://go.sbisec.co.jp/corp/recruit/recruit2019.html

SBI証券の採用ページ。モバイルファーストを徹底しており、シンプルレイアウトの中にデザインの細かな気配りやこだわりがあって、情報が非常に見やすく分かりやすく、そして上品に見える。実用性のある採用ページを作りたい際、ぜひ参考にしたいサイト。

VOLVO v60

LP・プロモ・ブランド

製品・商品・サービス

https://www.volvocars.com/jp/cars/new-models/v60

VOLVOの車v60の商品ページ。商品自体が優れている場合、写真や映像にこだわるべきで、web側のレイアウトやデザインはシンプルでOKという好例。品質の良いページを作りたい際、参考にしたいサイト。

墨田区総合体育館

公式・コーポレート

観光・施設・名所

http://www.sumidacity-gym.com/

墨田区総合体育館の公式サイト。文字の可読性に優れた、見やすく分かりやすいフラットデザイン。多くの情報をシンプルに伝えたい際、ぜひ参考にしたいサイト。

CDC リクルートサイト

採用・リクルートページ

転職・人材・リクルート

http://cdc.type.jp/recruit/career/

株式会社キャリアデザインセンター(CDC)の採用ページ。R25のような社会人感を全面に出したデザインで、見やすく分かりやすい。奇をてらうことなく、王道のレスポンデザイン。

BAKE

LP・プロモ・ブランド

製品・商品・サービス

https://cheesetart.com/lp/houjicha2018/

加賀棒茶チーズタルトほうじたてのLPページ。商品を魅力的に演出するデザインになっており、LPやブランディングページを作る際、絶対に参考にしたいサイト。

irep

公式・コーポレート

広告代理店・広告全般

https://www.irep.co.jp/

広告代理・ソリューション事業などに取り組む、株式会社アイレップの公式サイト。今風の王道コーポレートサイト。ある程度の規模感を持った企業サイト制作時、ぜひ参考にしたいサイト。

premico

EC

製品・商品・サービス

https://iei.jp/premico/

プレミアムな価値を持つ限定版コレクターズアイテムを取り扱うネットショップ・PREMICO(プレミコ)のECサイト。

Designnotes

無料素材

製品・商品・サービス

https://www.designnotes.co/

プロダクトデザインに役立つギャラリーサイト。デザインについてパーツごとの参照先リンクを分類して紹介してくれている。デザイン制作時、参考にしやすく、とても助かるサイト。

TIARA

公式・コーポレート

服・ファッション

http://tiara-inc.jp/

インテリア雑貨・アパレル・レザーグッズなどのファッション事業に取り組む株式会社ティアラの公式サイト。余白とフォントの使い方が綺麗で、余裕あるオトナの落ち着いた雰囲気のレスポンデザインに仕上がっている。上品なサイトを作りたい際、ぜひ参考にしたいサイト。

zoorel

ニュース・ポータル

報道・出版・メディア

https://zoorel.com/

株式会社エレファントストーンのオウンドメディアサイト・zoorel。記事やテキストが読みやすい大前提の上で、とても綺麗なデザインで仕上がった、ブロークングリッドレイアウトのサイト。また、PC画面の雰囲気をそのままスマホ画面にも落とし込んでいるところが、本当に素敵。レスポンサイト制作時、絶対に参考にしたいサイトの一つです。

FUZE

ニュース・ポータル

報道・出版・メディア

https://www.fuze.dj/

デジタルカルチャーの情報を発信する、FUZEのメディアサイト。紫・ピンクなどビビッドカラーでカラフルな配色に仕上げた海外系のサイバーパンクなデザイン。一風変わった攻めたデザインに作成したい時、せひ参考にしたいサイト。

GO-TOKYO

ニュース・ポータル

報道・出版・メディア

https://www.gotokyo.org/jp/index.html

東京の観光情報を配信するメディアサイト「GO-TOKYO」。写真をうまく使って、シンプルな中にラグジュアリー感を演出しているサイト。魅力的なメディアサイトを作りたい際、ぜひ参考にしたいサイト。

無水エタノール

LP・プロモ・ブランド

製品・商品・サービス

https://www.musui-ethanol.net/

無水エタノールの商品紹介ページ。デザイン、レイアウト、css3やgifのアニメーション効果、情報構成、商品の魅せ方など、すべてが高品質に仕上がっているサイト。充実した商品紹介ページを作る際、ぜひ参考にしたいサイト。

WeWork

SNS・webサービス

製品・商品・サービス

https://www.wework.com/ja-JP/

コワーキングスペースを探すwebサービスサイト・WeWork。白基調のシンプルなレイアウトとデザインで見やすく分かりやすい。実用性を求める際、参考にしたいサイト。

Living Entertainment

ニュース・ポータル

https://media.housecom.jp/

housecomさんのメディアサイト・Living Entertainment。機能性はもちろんの上で、デザイン・アニメーション非常に高度。ニュース系のサイトだけど上品に仕上げたいなどの要望がある際、必ず参考にしたいサイト。

プラス株式会社

公式・コーポレート

家具・インテリア

https://www.plus.co.jp/

オフィス家具や文具などの事業展開をするプラス株式会社のコーポレートサイト。多くの情報を取り扱う、フラットデザイン。ある程度の規模感ある企業サイトを制作する際に参考にしたいサイト。

markernet

公式・コーポレート

web制作

https://www.markernet.co.jp/

WEB制作会社マーカーネットの公式サイト。一昔前のオーソドックスなデザイン。

Go pro

LP・プロモ・ブランド

製品・商品・サービス

https://jp.gopro.com/

Go proの商品紹介ページ。video、パララックスの効果をうまく使って、商品の魅力を一枚ページの中で十分に演出しており、商品のブランディング・プロモーションページを作る際、ぜひ参考にしたいサイト。