イラストレイン

無料素材

製品・商品・サービス

http://illustrain.com/

無料でかわいいイラスト素材集の「イラストレイン」さん。春夏秋冬いつでも使えるかわいいイラストが全て無料でダウンロード可能ですし、クレジット記載なし、商用利用が可能です。

卒業盛ルバム

LP・プロモ・ブランド

製品・商品・サービス

https://molbum-docomo.co.jp/

docomoとsnowの合同企画「卒業盛ルバム」のキャンペーンサイト。シングルページによるプロモーション作成の際、参考にしたいサイト。

おふろcafe 美人湯

公式・コーポレート

カフェ・喫茶店

http://ofurocafe-bijinyu.com/

静岡にあるおふろcafe 美人湯さんのコーポレートサイト兼店舗サイト。メインビジュアルの映像が美しく、温泉の雰囲気がとても伝わってくる。videoを用いたウェブサイト制作で参考にしたいサイト。温泉紹介のページも、温泉の様子がよく伝わってきて、映像の使い方がとにかくうまい。

エクセルシオール カフェ バリスタ

公式・コーポレート

カフェ・喫茶店

http://www.doutor.co.jp/excelsiorcaffe/

エクセルシオール カフェ バリスタのコーポレートサイト兼店舗サイト。メインビジュアルでは、現在の時間に併せた写真が表示される機能が実装されている。白基調に写真を全面に押し出したデザインになっており、とてもオシャレに見える。情報も分かりやすく、写真中心のサイト制作の際、参考にしたい。

はなまるうどん

公式・コーポレート

外食

https://www.hanamaruudon.com/

はなまるうどんのコーポレートサイト兼店舗サイト。レイアウトに、縦書きテキストをうまく組み込んでいる。メインビジュアルのスライドショーに使われている食材がとても良く、写真をうまく使いたい時に参考になるサイト。

joyfull

公式・コーポレート

外食

https://www.joyfull.co.jp/

じょいふるのコーポレートサイト兼店舗サイト。ブラウン・イエロー系統のフラットデザインで見やすく分かりやすい。見やすく分かりやすい実用性の伴ったデザインにしたい時に参考になるサイト。

丸亀製麺

公式・コーポレート

外食

https://www.marugame-seimen.com/

丸亀製麺のコーポレートサイト兼店舗サイト。youtube動画の埋め込みでメインビジュアルとしている。下層ページが特徴的で、「丸亀品質」は、商品価値を高める印象を受けて、メニューや注文方法はどれも分かりやすく見やすい。和風をうまく演出したい際、一つの参考になるサイト。

松栄寿司 東口店

店舗

外食

http://www.h-matsue.com/guide/

松栄寿司 東口店のウェブサイト。縦書きフォントと斜めデザインで、うまく上質な和の雰囲気を演出している。

浜勝

公式・コーポレート

外食

http://www.hamakatsu.jp/

浜勝さんのコーポレートサイト兼店舗サイト。レイアウトは従来のシンプルなものだが、youtube動画の埋め込みをうまく使っており、多言語機能や店舗検索機能など、実用性を重視した作りになっている。情報量の多いサイトを作る際に参考にしたい。

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/

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