ginzaplace

公式・コーポレート

観光・施設・名所

http://ginzaplace.jp/

銀座四丁目交差点に面したGINZA PLACE(銀座プレイス)の公式サイト。とても見やすく分かりやすく、そして上品な仕上がりになっている。年配の方を考慮して、フォントサイズの拡縮があるのもありがたい。魅力的な施設案内のサイトを作る際に参考にしたいサイトです。

progate

SNS・webサービス

製品・商品・サービス

https://prog-8.com/

オンラインプログラミング学習サービス『Progate』のウェブサイト。webサービスリリース時の参考にしたいサイト。

cloudsign

SNS・webサービス

製品・商品・サービス

https://www.cloudsign.jp/

電子契約のwebサービス「cloudsign」のウェブサイト。とても見やすく分かりやすいので、webサービス発信の際、参考にしたいサイト。

BASE

SNS・webサービス

製品・商品・サービス

https://thebase.in/

ネットショップのテンプレートサイト作成をサービスとした「BASE」のウェブサイト。今風のデザイン・レイアウトで見やすく分かりやすく、上品。webサービス販売の際、参考にしたいレイアウト。

おっさんレンタル

EC

製品・商品・サービス

http://ossanrental.thebase.in/

おっさんをレンタルできるという、話題のwebサービス「おっさんレンタル」のECサイト。BASEで作られたテンプレートのサイトだが、その商品がインパクト・大。送料無料のおっさんをカートに入れるという発想が、あまりにもシュール過ぎます。webサービスを考える際、参考にしたいサイトです。

Go-Next ブログ

ニュース・ポータル

web制作

http://www.go-next.co.jp/blog/

株式会社GoNextのブログサイト。とても見やすく分かりやすい。会社でオウンドメディアをやる際に参考にしたいサイト。

GoNext

公式・コーポレート

web制作

http://www.go-next.co.jp/

株式会社GoNextのコーポレートサイト。シングルページのパララックス構成になっており、中でも特徴なのが、スマホでもしっかり実現されていること。スマホのパララックスを作る際、参考にしたいサイト。

magari

店舗

レンタルスペース

http://cafe-magari.com/

カフェの空間を借りられる、レンタルスペース「magari」のウェブサイト。イラスト中心の暖かい印象のデザイン時の参考に。

スペイシー

SNS・webサービス

レンタルスペース

https://www.spacee.jp/

格安・貸し会議室・レンタルスペースの予約サービス「スペイシーSpacee」のウェブサイト。シンプルなデザイン、実用的なレイアウトで、とても見やすく分かりやすい。2016年度グッドデザイン賞も獲得しており、webサービスを作成する際、参考にしたいサイト。

氷結

LP・プロモ・ブランド

製品・商品・サービス

http://atarashiku.hyoketsu.com/

氷結のプロモーションサイト。高いデザイン性になっており、パララックスや、遷移時・アニメーションの細かな動きなど、ぜひ参考にしたいサイト。スマホにおいて、両側から交差するように表示するスライドショーも新しい。

ships

EC

服・ファッション

http://onlineshop.shipsltd.co.jp/

ファッションブランドshipsのECサイト。商品説明ページにおいて、モデルさんが服を着ている写真が豊富にあって、イメージがつきやすい。ブランドのイメージを崩さずにネット上で買い物できる印象を受ける。ECサイト制作の際、参考にしたいサイト。

yourshot

SNS・webサービス

製品・商品・サービス

http://yourshot.nationalgeographic.com/

ナショナルジオグラフィックが運営するwebサービス、yourshotのサイト。

500px

SNS・webサービス

製品・商品・サービス

https://500px.com/

心に響く最高の写真を投稿しあう海外発祥コミュニティサイト、「500px」のウェブサイト。写真ビジュアルが強調されるためにサイト自体はシンプルなレイアウトになっている。写真好きにはたまらないサービスとなっている。ソースコードAAの遊び心もあり、見ていて、とても楽しい。

lhirondelle

店舗

カフェ・喫茶店

http://www.lhirondelle.jp/

中目黒のカフェ「lhirondelle」さんの店舗サイト。メインビジュアル一枚だけという、コンセプトの強気なサイト。しかし、飲食系はポータルサイトに提携しておくなど、集客できていればOKなので、ある意味では、究極なのかも・・・。

ruefavart

店舗

カフェ・喫茶店

http://www.ruefavart.com/

渋谷・恵比寿のカフェ「ruefavart」さんの店舗サイト。ワイドのシングルページで写真を全面に利用して、店のオシャレな雰囲気をweb上でもうまく表現している。店舗サイトづくりで参考にしたいサイト。

brooklynparlor

公式・コーポレート

カフェ・喫茶店

http://www.brooklynparlor.co.jp/

brooklynparlorさんのコーポレートサイト兼店舗サイト。カフェ系のサイト作りの参考に。

ロックアイランドツアーカンパニー

公式・コーポレート

観光・施設・名所

http://palauritc.com/

パラオのマリンオプショナルツアー専門店、ロックアイランドツアーカンパニーさんのサイト。メインビジュアルの映像の使い方が絶妙で、とても興味を惹かれる。興味⇒調べる⇒予約までの導線も素晴らしく、トラベル・イベントなどのサイト制作で絶対に参考にしたいサイト。

グリルラボ パイナップル

公式・コーポレート

外食

http://steak-pineapple.com/

グリルラボ パイナップルさんのコーポレートサイト兼店舗サイト。写真のビジュアルを全面に利用して、料理の高級さをうまく演出している。ブランド性を持った店舗サイトを作成したい時に参考にしたいサイトです。

sitecreator

ブログ

フリーランス

http://ryo-prog.com/sitecreator/

web制作に関連したブログサイト「sitecreator」。web制作に関わっていて、これから自分のサイトを持ちたいと考えている人は参考にしたいサイト。

comp

EC

製品・商品・サービス

http://www.comp.jp/

完全食で話題になった、compの販売サイト。単品商品に力を入れて販売したい時に参考になるサイト。

たてよこwebアワード

LP・プロモ・ブランド

音楽・イベント

http://tategaki.github.io/awards/index.html

CSSの新たな組版規格を使用し次世代のWebタイポグラフィに挑戦したデザインや取り組みを表彰するための「たてよこwebアワード」のキャンペーンサイト。縦書きフォントのレイアウト・デザインの参考になる。

イラストレイン

無料素材

製品・商品・サービス

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動画の埋め込みをうまく使っており、多言語機能や店舗検索機能など、実用性を重視した作りになっている。情報量の多いサイトを作る際に参考にしたい。