クロネのブログ講座

ブログ

趣味・フリーランス

https://kurone43.com/

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

ももあふぃnet

ブログ

趣味・フリーランス

https://momoafi.net/

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

株式会社ガイエ

公式・コーポレート

広告代理店・広告全般

https://gaie.jp/

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

大江戸温泉

公式・コーポレート

観光・施設・名所

https://daiba.ooedoonsen.jp/

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

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

DAWN

公式・コーポレート

web制作

https://dawn.co.jp/

ドーン株式会社のコーポレートサイト。レスポン・video・css3など、今風の効果的なエフェクト+デザインに仕上がっており、またサイズ変更やクロスデバイスなどの面もしっかり作られており、これから会社のサイトを制作する時に、ぜひ参考にしたいサイト。

Zeal リクルートサイト

公式・コーポレート

IT・経営コンサル

https://recruit.zeal-c.jp/

Webコンサルの会社・Zeal communicationの公式サイト。レスポン・video・css3のアニメエフェクトで上品に仕上がっているサイト。今風のサイト作りの際、ぜひ参考にしたいサイト。

EWM

公式・コーポレート

web制作

https://ewm.co.jp/

Webインテグレーションの会社、EWMの公式サイト。今風のデザインで、快適に動く、企業サイト制作時の参考にしたいサイト。

find job アカボシ

LP・プロモ・ブランド

製品・商品・サービス

https://www.find-job.net/character_akaboshi/

findjobのイメージキャラクター・アカボシのプロモーションサイト。イラスト素材がしっかりしていると、レイアウト自体はシンプルでも、良いデザイン性に仕上がる好例。予算少ない時のプロモーションサイトの参考にしたいサイト。

兵神機械工業株式会社

公式・コーポレート

工業・製造メーカー

https://www.hsn-kikai.com/

兵神機械工業株式会社さんのコーポレートサイト。css3アニメーションの使い方が非常に巧みで、見やすく、分かりやすく、そしてリッチな見た目に仕上がっている。速度や操作性も超快適で、コーポレートサイト制作時、目標にしたいと思うサイトの一つです。

街画ガイド

無料素材

製品・商品・サービス

http://komekami.sakura.ne.jp/

街の風景写真を集めたフリー素材サイト・街画ガイドさんのサイト。かっこいい写真が多くて、カンタンなサイト制作や記事制作に、とても助かります。

山陽

公式・コーポレート

服・ファッション

http://sanyotan.co.jp/

革づくりの会社、山陽の公式サイト。革の質感を表現しながら、今風のwebデザイン(適度なパララックスのシングルページ)に落とし込んでいる。良い「モノ」がある時の魅せ方として参考にしたいサイト。

vital service

公式・コーポレート

IT・経営コンサル

https://www.vital-service.com/

ヴァイタルサービス株式会社の公式ウェブサイト。モダンでリッチなウェブデザイン。重くならない最適かつ効果的なアニメーションおよびウェブデザインを採用したい時、ぜひ参考にしたいサイト。個人的にとても好きなウェブサイトです。(憧れる。)

teamLab Planets

LP・プロモ・ブランド

観光・施設・名所

https://planets.teamlab.art/tokyo/

チームラボプラネッツの公式サイト。そもそものコンテンツ自体が優れていれば、その映像と写真をメインにデザインすることで素晴らしい仕上がりになるという、良い例。イベント・プロモーションサイト作成時にはぜひ参考にしたいサイト。