dds

公式・コーポレート

IT・経営コンサル

https://www.ddstd.co.jp/

IT/WEB系の開発制作をしている株式会社デジタル・デザイナーズ・スタジオ(略称DDS)のコーポレートサイト。デジタル感が上品に演出できており、また映像を使いながらもサイト動作がすごく軽い。スマホでも色んな工夫が見られて、とても勉強になり、参考になるサイト。

株式会社アドシン 採用

採用・リクルートページ

web制作

https://e-adshin.com/recruit-site

デザイン制作をしている株式会社アドシンさんのリクルートサイト。SVGとcss3を用いて、PC・スマホ双方ともにリッチで現代的なデザインに仕上げている。トップだけでなく下層にもこだわりがあり、これから今風のウェブサイトを制作する時には必ず参考にしたいサイトの一つです。

株式会社GIG

公式・コーポレート

web制作

https://giginc.co.jp/

東京のWEB制作会社GIGのコーポレートサイト。有名なLIGから、制作部門だけを抜き出した会社の様子。当然ながらデザイン、構築のレベルが高いので、web制作会社のサイト制作時、ぜひ参考にしたいサイト。

代官山ヒルサイドテラス

公式・コーポレート

観光・施設・名所

http://hillsideterrace.com/

代官山ヒルサイドテラスの公式サイト。白黒基調のリッチでモダンなデザイン。今風のオシャレな雰囲気のウェブサイト制作時、ぜひ参考にしたいページです。

the orthodox works

ポートフォリオ

web制作

https://theorthodoxworks.com/

個人でweb制作をされている方のポートフォリオサイト。svgやcss3などで、リッチなデザインに仕上がりつつ、動作や操作感もサクサクと快適。これからweb制作をやっていきたい人は絶対に参考にしたいサイトです。

visual-voice

ニュース・ポータル

映像・インタラクティブ

https://saga-visual-voice.com/

嵯峨美術短期大学 デザイン研究グループ・VISUAL VOICE(ビジュアルヴォイス)のウェブサイト。

Design notes

無料素材

製品・商品・サービス

https://www.designnotes.co/

ウェブサイトに関連するパーツ各種の素材参考サイト。

SBI証券 リクルート

採用・リクルートページ

金融・商社

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

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

日本ベッド

公式・コーポレート

家具・インテリア

http://nihonbed.com/

日本ベッドのウェブサイト。今風のコーポレートサイト制作をする際、必ず参考にしたいサイト。

Open Heritage

SNS・webサービス

製品・商品・サービス

https://artsandculture.google.com/project/cyark

Googleと非営利団体CyArkが協力してリリースした古代遺跡をバーチャルツアー体験できるwebサービスサイト「Open Heritage」

PRESSURE POINT

公式・コーポレート

web制作

https://www.pressurepoint.jp/

株式会社プレッシャーポイントの公式ウェブサイト。ページ読込が速く、レイアウトも見やすく分かりやすい。レスポンシブデザインの制作時、参考にしたいサイト。

ランディングページ集めました。

ギャラリーサイト

web制作

http://lp-web.com/

ランディングページに特化したギャラリーサイト。LP制作をする際、ぜひ参考にしたいサイト。

JunJunWeb.Net

ブログ

趣味・フリーランス

https://junjun-web.net/

Web制作に関するブログサイト・JunJunWeb.Net。パステル調のカラフルな色使いで、見やすく分かりやすい。ブログサイト制作時に参考にしたいサイト。

reforma-psa

SNS・webサービス

製品・商品・サービス

https://www.oro.com/reforma-psa/

案件管理システムreforma-psaの紹介サイト。シングルページ構成で製品の魅力を分かりやすく紹介しており、他にシミュレーション機能なども有。webサービスを紹介するウェブサイト制作時に参考にしたいサイト。

leverages 採用

採用・リクルートページ

転職・人材・リクルート

http://leverages.jp/recruit/graduates/index.html

レバレジーズの採用・リクルートページ。かなり凝っているので、リクルートサイト制作時には必ず参考にしたいサイト。

DE BETHUNE

公式・コーポレート

時計

http://www.debethune.ch/

スイスの高級腕時計ブランドDE BETHUNEの公式ウェブサイト。正直、ユーザビリティは低いが、商品の高品質さがあって、なんだか上級に見える不思議。

03entertainment

公式・コーポレート

web制作

http://03entertainment.com/

03ENTERTAINMENTの公式ウェブサイト。

冨士フィルム IA

LP・プロモ・ブランド

製品・商品・サービス

http://brand.fujifilm.co.jp/aquarium/index.html

INNOVATION AQUARIUMのプロモーションサイト。奥行のエフェクトがとても上品。パララックスサイト制作時、ぜひ参考にしたいサイト。

studio-home

公式・コーポレート

映像・インタラクティブ

http://studio-home.jp/

フォトスタジオ・studio-homeの公式ウェブサイト。

pixijs

SNS・webサービス

製品・商品・サービス

http://www.pixijs.com/

Goodboy Digital社が配布している2D描画用のjavascriptライブラリ・pixi JSの公式ウェブサイト。

博報財団

公式・コーポレート

社団・財団法人

https://www.hakuhofoundation.or.jp/

博報財団の公式ウェブサイト。

ユースデモクラシー推進機構

公式・コーポレート

社団・財団法人

http://youth-democracy.org/

一般社団法人ユースデモクラシー推進機構の公式ウェブサイト。

vintage

公式・コーポレート

web制作

https://vintage.agency/

海外のweb制作チーム・vintageの公式ウェブサイト。海外のデザインを取り入れたサイト制作時、参考にしたいサイト。

ROADSTER 電子取扱証明書

SNS・webサービス

製品・商品・サービス

http://www2.mazda.co.jp/carlife/owner/manual/roadster/nd/erni/index.html

ROADSTERの電子取扱説明書のページ。商品の紹介ページを作る際の参考に。

GR CONFIG

SNS・webサービス

製品・商品・サービス

https://toyotagazooracing.com/jp/gr/config/#/

スポーツカーブランド・GRの商品カスタマイズのシミュレーションサイト。オンブラウザ上で部品パーツを換装して、その様子を3D映像で確認できる。

GR

公式・コーポレート

工業・製造メーカー

https://toyotagazooracing.com/jp/gr/

スポーツカーブランドGRの公式ウェブサイト。

m-mayumi

ポートフォリオ

イラストレーター

http://m-mayumi.com/

イラストレーター・MAYUMI KAWAIさんのポートフォリオサイト。

ハッピーロード大山

LP・プロモ・ブランド

観光・施設・名所

http://haro.or.jp/

ハッピーロード大山の公式ウェブサイト。

lilove

公式・コーポレート

建築

http://lilove.jp/

アーキテクトオフィス・リラブ(リラブ建築設計事務所)の公式ウェブサイト。

to2kaku

ポートフォリオ

趣味・フリーランス

http://to2kaku.com/

兎村彩野さん、八木原豊さんのポートフォリオサイト。