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/

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

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の公式ウェブサイト。海外のデザインを取り入れたサイト制作時、参考にしたいサイト。