the whig

店舗

外食

http://www.thewhig.org/

海外飲食店the whigの店舗サイト。ワイド・シングルページデザインの大々的なビジュアルで店の雰囲気と、フッターにとても美味しそうなバーガーを掲載している。店の雰囲気を演出したい際にとても参考になるサイト。

AND THE FRIET

公式・コーポレート

外食

http://andthefriet.com/

東京・広尾のフレンチフライ専門店「AND THE FRIET(アンド ザ フリット)」さんの店舗サイト。フラットデザインと、掲載写真選別の参考になるサイト。

nibbler

公式・コーポレート

製品・商品・サービス

http://nibbler.silktide.com/

ウェブサイトのSEOとウェブマーケティング状態をチェックしてくれるwebサービスサイト・Nibbler。グラデーションと古ワイドの線3DのデザインがとてもITチック。凝ったデザインはいらないけど、ちょっとテクノロジー感を出したい時に参考にしたいサイト。

猿楽

店舗

外食

http://www.yakiniku-sarugaku.com/

代官山炭火焼肉「猿楽」さんの店舗サイト。パッと見て「焼肉!」っという印象を受けるデザイン。飲食店のシンプルに制作する際、参考になるサイト。

野村総合研究所 新卒採用ページ

採用・リクルートページ

IT・経営コンサル

https://working.nri.co.jp/2018/

野村総合研究所の 新卒採用ページ。サムネイル部分にvideoを使っていて、ユーザーの視線を面白く誘導してくれる。グラデーションを使ったサイト作りの際、参考にしたい。

linkbal

採用・リクルートページ

音楽・イベント

http://linkbal.co.jp/recruit/

株式会社リンクバルの採用サイト。色使い・グラデーション・透過の使い方がとても綺麗。シングルページの魅せ方を考える際、とても参考になるサイト。

winshape camps

SNS・webサービス

製品・商品・サービス

http://camps.winshape.org/

スポーツや工作、料理など、子供向けの様々なアクティビティやキャンプを企画・運営しているwinshape campsのウェブサイト。動画と七色のグラデーションをうまく融合させて、とても高いデザイン性を実現している。動画を用いたウェブサイトを作る際、ぜひ参考にしたい。

養命酒

LP・プロモ・ブランド

製品・商品・サービス

http://yomeishu-icho-de-joujou.com/

養命酒のキャンペーンサイト。LP作成時に参考にしたいサイト。

Studio S.D.T.

ポートフォリオ

フリーランス

https://studiosdt.tumblr.com/

結城辰也(ゆーき たつや / Tatsuya Yuki)さんのイラストを置いてあるポートフォリオサイト。タンブラーを使っており、作品となるイラストがとても見やすく配置されている。ポートフォリオサイトを作る際、参考にしたいサイト。

サタデードットアンドレディ

店舗

カフェ・喫茶店

http://sat.andready.net/

福岡にあるくつろぎカフェ・サタデードットアンドレディさんの店舗サイト。店の情報をあますことなく知ることができて、とても安心する。店舗サイトの制作時に参考にしたいサイト。

slowcoffee

LP・プロモ・ブランド

カフェ・喫茶店

http://www.slowcoffee-style.com/

株式会社キントーのスローな時間を楽しむためのコーヒーウェア SLOW COFFEE STYLE(スローコーヒースタイル)のプロモーションサイト。優雅で上品なデザインになっており、販売促進やブランド力向上を狙いたい時に参考にしたいサイト。

カフェ・ド・クリエ

公式・コーポレート

カフェ・喫茶店

http://www.pokkacreate.co.jp/

カフェ・ド・クリエのコーポレートサイト。ベーシックな造りになっており、分かりやすい。とりあえず情報を簡潔にまとめたい時の参考になるサイト。

叙々苑

公式・コーポレート

外食

http://www.jojoen.co.jp/

叙々苑のコーポレート・店舗サイト。すでに知名度があるため、ウェブサイトではデザインにさしてこだわらず、店舗確認と予約などの実用性でシンプルに完結させている。

おふろcafe BIVOUAC

店舗

カフェ・喫茶店

http://ofurocafe-bivouac.com/

熊谷のおふろcafe BIVOUACの店舗サイト。映像を併用したデザインが良く、岩感・お風呂感・くつろぎ感・上品さなどをうまく演出している。それでいて、分かりやすく使いやすく、実用性もばっちり。集客向けにアピールしたいサイトを作る際に参考にしたいサイト。

東京農業大学

公式・コーポレート

学校・公的教育

http://www.nodai.ac.jp/

東京農業大学の公式ウェブサイト。動画を使った、実用性と高級感を伴うデザイン。現代風の洒落たレスポンシブサイトを作る上で、ぜひ参考にしたいサイト。

Café1894

店舗

カフェ・喫茶店

http://mimt.jp/cafe1894/index.html

三菱一号館美術館Café1894の店舗サイト。写真ビジュアルを全面に出したデザインで、奥行に向かってページ遷移をするタイプのシングルページレイアウト。上級・高品質なウェブサイトを作成したい時に参考になるサイトです。

T Channel

SNS・webサービス

製品・商品・サービス

http://ch.timeslip.co/

懐かしい画像を見てみんなでコメントしたり投票して盛り上がれる匿名掲示板サービス「T Channel」のウェブサイト。

コメダ珈琲店

公式・コーポレート

カフェ・喫茶店

http://www.komeda.co.jp/

コメダ珈琲店のコーポレートサイト。スライドショーのデザインが、ちょっと工夫してある。

スターバックスコーヒー

公式・コーポレート

カフェ・喫茶店

http://www.starbucks.co.jp/

スターバックスコーヒーのコーポレートサイト。よくデザイン・レイアウトが更新されるのだが、今時点のレイアウトは目新しく、右袖左袖の両端ナビなどあり、海外チックかつ見やすいデザインがとても参考になる。

citizen gps

LP・プロモ・ブランド

製品・商品・サービス

http://citizen.jp/gps/index.html

CITIZEN商品の特設ページ。「宇宙」をテーマにした、上質デザイン。

Cyber Buzz

公式・コーポレート

広告代理店・広告全般

http://www.cyberbuzz.co.jp/

株式会社サイバーバズのコーポレートサイト。

climarks

公式・コーポレート

web制作

http://www.climarks.com/

株式会社クライマークスのコーポレートサイト。数あるWEB制作会社の中でも、実用性はもちろんのこと、ズバ抜けてカッコいいサイト。ぜひ参考にしたい。

saintjordiflowers

EC

製品・商品・サービス

http://www.saintjordiflowers.com/onlineshop/

株式会社ポジティブドリームパーソンズの運営するショップ「サンジョルディフラワーズ」のECサイト。花を取り扱っていることもあり、とても上品なECサイト。高級感を演出したいECサイトの制作時に参考にしたいサイト。

MAVERICKS

公式・コーポレート

web制作

http://mavericks09.com/

株式会社マーべリックスのコーポレートサイト。マウスホバーのカラーアクションや、効果的なアニメーションなど、様々なデザイン面が、とても巧み。ウェブサイト制作者なら絶対に見ておきたいサイト。

よつ葉

公式・コーポレート

食品メーカー

http://www.yotsuba.co.jp/

よつ葉乳業株式会社のコーポレートサイト。牧場の雰囲気を見事にデザインしているウェブサイト。緑・柔らかい印象のサイトを作る際、ぜひ参考にしたい。

志楽の湯

店舗

観光・施設・名所

http://www.shiraku.jp/

縄文天然温泉・志楽の湯の店舗サイト。和紙柄デザインやグラデーションなどをうまく使い、和・温泉のイメージを上品に演出している。

革製品のリペア工房

店舗

フリーランス

http://www.leather-watanabe.com/

革製品のリペア工房レザードックわたなべさんのショップサイト。事例や料金表などシンプルで分かりやすい。ショップのホームページを作る際に参考にしたいサイト。

nuwton

ニュース・ポータル

製品・商品・サービス

http://nuwton.com/

さまざまなネットカルチャーに関する記事を更新する「ヌートン」のメディアサイト。「オモコロ」と姉妹サイト。レイアウトが見やすく、ニュースサイトを作る際に参考にしたいサイト。

accenture

公式・コーポレート

IT・経営コンサル

https://www.accenture.com/jp-ja/

アクセンチュア株式会社のコーポレートサイト。斜めレイアウトの大胆なデザインになっている。通常よりも文字フォントが大きいのは、おそらくは読み手の年齢を考慮してと思われる。

Deloitte.

公式・コーポレート

IT・経営コンサル

https://www2.deloitte.com/jp/ja.html

デロイト トーマツ グループのコーポレートサイト。