You are currently browsing すっきり

過去の記事...

← ホームに戻る

刻キタル | Tokikitaru Inc.

http://tkkt.jp/creator/ なんだろ、このメインイメージで縦書きタイトルだけ表示されるって感じがいいですね。 映画の中で章が切り替わる感じに近い?  

見る 刻キタル | Tokikitaru Inc.

冨士ファシリティーズ

http://www.fuji-fa.co.jp/ 雰囲気がいいですね。なんだろ、色味とかフォント、行間の取り方などががそう感じさせてるのか・・

見る 冨士ファシリティーズ

マンション管理・ビル管理の経費削減 ウイッツ

https://www.wits-com.net/ 企業サイトの基本が全て入ったようなサイトですね。参考になります。

見る マンション管理・ビル管理の経費削減 ウイッツ

リビルト製品の信越電装株式会社

http://www.shine-reman.com/ 「KAWANO」のサイトを制作されている制作会社baqemonoさんが手がけられている、こちらのWebサイトもいいですね。 なんだろう、雰囲気といい、見せ方、演出ともいいですね。参考になります。

見る リビルト製品の信越電装株式会社

京都 宇治 伊藤久右衛門

http://www.itohkyuemon.co.jp/ 一時期話題になったシネマグラフ。こういった使い方いいですね。参考になります。 メインイメージや見出しエリアの画像としてアイキャッチの効果高そうですよね。

見る 京都 宇治 伊藤久右衛門

クラウド契約 CloudSign(クラウドサイン)

クラウド契約 CloudSign(クラウドサイン)https://www.cloudsign.jp/サービスや商品の紹介サイトは、1ページで完結するタイプが増えてきましたね。

見る クラウド契約 CloudSign(クラウドサイン)

コーポレートサイト | 国分寺さんち

http://www.kokubunji-sanchi.net/labo/各ページを下までスクロールさせていくと、強制的に「トップにもどる」という発想が面白いですね。必ずホームに戻してから各コンテンツを見てもらうという考え方なのでしょうか。参考になります。

見る コーポレートサイト | 国分寺さんち

コーポレートサイト|ブロードメディア株式会社

http://www.broadmedia.co.jp/ナビゲーションが面白いですね。タブレットやスマートフォン、それに最近ではTVからもインターネット閲覧できますからね。こういったナビゲーションは使い勝手がいいですよね。

見る コーポレートサイト|ブロードメディア株式会社

1分で始められるリモートユーザテスト | ユーザテストExpress

https://usertesting.jp/express/これはなかなか面白そうなサービスですね。自分では気づかなかった課題を見つけられるかもしれません。お客様に改善提案する際のデータ作りにも便利そうですね。

見る 1分で始められるリモートユーザテスト | ユーザテストExpress

株式会社中川政七商店

http://www.yu-nakagawa.co.jp/top/ 記事の見せ方がいいですね。アイキャッチ画像の使い方を工夫すると、他の記事も興味がわきますね。というか、記事の中身がいいんですね。

見る 株式会社中川政七商店

ニュース|nicoe(ニコエ) | 浜北スイーツ・コミュニティ

http://www.nicoe.jp/news/2015/01/1.php そうか、詳細ページの下に、記事のタイトル一覧を表示させれば、わざわざ一覧ページにもどらなくても他の記事を確認させることができますね。いやーきづかなかった。参考にさせていただきます。

見る ニュース|nicoe(ニコエ) | 浜北スイーツ・コミュニティ

ARCHETYP Inc. | 株式会社アーキタイプ

http://www.archetyp.jp/ 画面遷移させる際の演出が面白いですね。進むときは手前に、戻る時は奥に。確かに、これであればWeb上でも画面の切り替わりを意識させることができますね。うまいです。ニュースもライトボックス?による詳細を表示させるという、ちょっと変わった方法がとられていて、こちらも面白いです。思いつきませんでした。マウスオーバー時の演出もオシャレですね。勉強になります。 ただ、お問い合わせやエントリーのフォームを別ウィンドウで表示させているのがよくわからなかったな。ここがコンバージョンで最終画面という意味なのだろうか。いっそのことロゴをクリックしてもTOPに戻らないようにしてしまってもよかったのでは。

見る ARCHETYP Inc. | 株式会社アーキタイプ

ヤンマー

https://www.yanmar.com/jp/  このレイアウトは面白いですね。レスポンシブを意識して制作者側にも負担を少なく出来るレイアウトになっているということなのでしょうか。 PCで閲覧してもいい感じに見えますね。  

見る ヤンマー

Brother Earth|ブラザーグループ環境スペシャルサイト

http://www.brotherearth.com/ja/ レイアウトが面白い。あれかな、タブレットPCを意識しているのかな。やっぱりモバイルファーストという考え方で設計されていていると・・レスポンシブきっちり対応ですね。

見る Brother Earth|ブラザーグループ環境スペシャルサイト

A.C.O. Inc.

http://aco-tokyo.com/ 制作会社さんですね。サイトがおしゃれでいい感じですね。今の御時世、やっぱりレスポンシブ化はデフォルトなんでしょうかね。

見る A.C.O. Inc.

印鑑のハンコヤドットコム

http://www.hankoya.com/ なんだろう、このネットショップとしての安定感。僕が印鑑欲しくなったら多分ここに頼んじゃうだろうな。「専門性」とか「安心感」みたいなものを感じるからだろうか?印鑑ってそもそもどこで注文したら良いかわかんない商品なので、こういった、一般的には◯◯で購入するみたいな、専門性の高い商品とインターネットっと相性がいい気がする。  

見る 印鑑のハンコヤドットコム

TRIP(トリップ)

https://trip-u.com/ 体験を販売するという発想が面白いですね。それをインターネット利用して広めてるんですね。いいですね。  

見る TRIP(トリップ)

Photo Gallery ARTisan

http://www.artisan-tokyo.com/about/ 黒白でまとまっているサイトで綺麗ですね。ブランド紹介だけでなく買い物も出来てしまうサイト。日本語と英語を左右に並べて表示させるのもいいですね。

見る Photo Gallery ARTisan

株式会社 無限工房

http://www.mugen-kobo.jp/ 1つのプロダクトをじっくり紹介することの大切さがよくわかります。製品が誕生するまでがわかると、なんとなく製品に対して期待感が生まれる気がします。

見る 株式会社 無限工房

歌舞伎町ホストクラブSmappa!Group

http://www.smappa.net/ こちらのホストクラブ、インターネット使ってのブランディングがうまい。結構綺麗に作ってますね。みょうに完成度が高い。 ギャラリーの写真の出し方なんかうまいなぁ。カメラマン撮影と普段のスナップショットをうまく組み合わせてるのかな。写真のクオリティ高いな。いつどうやって撮っているのか気になる。  

見る 歌舞伎町ホストクラブSmappa!Group

自家製粉 手打ち蕎麦 naru

http://www.narusoba.com/ お蕎麦屋さんのホームページですかね。おしゃれですね。なんか、写真からおしゃれなインテリア感が漂ってますね。きっと店内のテーブルや椅子にも気を使われているんでしょうね。Facebookもいいですけお、instagramを使うのも面白いですね。その上Twitterも・・忙しいですね。ちゃんと更新されている辺りが素晴らしいです。

見る 自家製粉 手打ち蕎麦 naru

Evolution Fresh

http://www.evolutionfresh.com/メインビジュアルに動画を採用する手法はありですね。特にPCサイトにはあったほうがいいコンテンツなのかもしれません。スマートフォンだとファイルサイズの問題があるから、PCサイトのみ採用すると、なんかPCならでは感が出ていいですね。

見る Evolution Fresh

Lush Fresh Handmade Cosmetics

https://www.lush.co.uk/LUSHってブランドはどこかかっこいいですね。実際のパッケージも、店舗もいい感じです。全体は黒っぽい感じですけど、それが製品をしっかり造っている感を出しているのかな。 メガメニューもここまで大きく表示させると、存在感ありますね。カテゴリーが多い製品や商品を扱うサイトで参考になりそうです。  

見る Lush Fresh Handmade Cosmetics

梅田洋品店

http://umeday.com/home/ これはいいな。スマートフォンとPCサイトを一緒のレイアウトで実現している。PCで見るとちょっとパーツが大きい気がするけど、文字の大きさだけ変更すればこれでいいじゃないかと思える。  

見る 梅田洋品店

キッチン(システムキッチン)のトクラス

http://www.toclas.co.jp/ これはわかりやすいナビゲーションですね。それに興味がわきます。参考にしたいデザインです。メニューもメガメニュータイプを採用しているんですね。こちらも最近よく目にしますが、スマートフォンへの表示のことも考えると、この流れが正解のような気がします。  

見る キッチン(システムキッチン)のトクラス

UNDERLINE

http://u-d-l.jp/ ずいぶんすっきりしたデザインのサイトですね。結構こういう感じ好きです。ブログなんか各投稿がテンプレ化されたような作りですが、こういう「テンプレ化」いいですね。目指したいところです。  

見る UNDERLINE

The Greenwich Hotel

http://www.drxlr.com/work/the-greenwich-hotel/ ナビゲーションが面白いですね。たしかに、メニューはヘッダーに固定するより、フッターにあったほうがじゃまにならないかも。コンテンツの最後に次のコンテンツを紹介するナビの表現方法も面白い。いいですね。  

見る The Greenwich Hotel

山本海産物オンラインショップ

http://shop.yamamoto-kaisanbutsu.jp/ 写真がすごいですね。シズル感を通り越して、芸術の域に達してますね。一つ一つの商品に、完成度の高い写真を用意しているってところがすごい。なかなかできないです。ショッピングカート自体はカラーミーショップなのかな?デザイン次第ですね〜。

見る 山本海産物オンラインショップ

TOSAKEN inc.

http://tosaken-inc.com/works1/ 知らなかった。Googlmapをこんなおしゃれな感じにすることができるんですね。ただ、マップとしては機能しないですけど、ビジュアルとしては面白いです。

見る TOSAKEN inc.

医療法人 白山歯科クリニック

http://hakusan-dental.com/ これもフラットデザイン?カードデザイン?使いやすナビかどうかは別として、どこかスッキリしていていいですね。「どのコンテンツも見てほしい」という場合にはこういったボタンの配置がありかもです。

見る 医療法人 白山歯科クリニック

SAKELIFE

http://sakelife.jp/これはなかなかいいですねー(^^)いろんなお酒が月替りで楽しめるのというのはお酒好きにはたまらないのではないでしょうか。ECビジネスとしても面白い試みですね。

見る SAKELIFE

株式会社ディー・エヌ・エー

http://dena.com/フラットデザイン?カードデザイン?Webの移り変わりって本当に早いですね。なんかいろいろ変わって見やすくなっていい感じです。記事ベースでホームページを構築しているのも流行り?LIGさんをリスペクトしているのだろうか。

見る 株式会社ディー・エヌ・エー

出口小児科医院

おしゃれな病院って感じがしますね。ホームページってその企業を最初に体験する媒体になることが多いから、その辺気にしたほうがいいんでしょうね。http://www.deguchi-pc.com/

見る 出口小児科医院

STV興発の家

ピタッと収まった感じのデザインっていうんですかね。気持ちがいいです。http://www.stvkohatu.co.jp/

見る STV興発の家

Solasié | sportswear and accessories Made in Italy

http://www.solasie.com/en/#1つ1つ大きめの商品写真を表示させていく手法いいですね。基本はファーストビューの中でコンテンツを表示させて、極力スクロールさせないという設計なんでしょうか、面白いです。

見る Solasié | sportswear and accessories Made in Italy

株式会社リクサス

http://www.lixus.co.jp/パララックスを利用したコーポレートサイトですか。面白いですね。

見る 株式会社リクサス

保田窪整形外科病院

http://www.hotakubo-seikei.com/縦スクロール型のサイトですが、カテゴリーごとにURLが変わるんですね。どうやってるんだろう。スクロールさせることでホームページを閲覧してもらうって、ホームページならではの見せ方だし、見てもらいたい順番で画面を表示できるからいいですね。

見る 保田窪整形外科病院

Careers at GREE

http://jobs.gree.net/jp/ja/business/シンプルで良い感じなサイトですね。レイアウトの参考になります。

見る Careers at GREE

AI ADVERTISING INC.

http://www.aiad-net.com/ おもしろい仕掛けがところどころにあるんですね。考えた人もスゴイけど、これ動かした人もすごいね。

見る AI ADVERTISING INC.

札幌|デザインセンター

http://www.d-center.jp/ gifアニメかぁ。メンバー分のgifアニメを表示させているですね。面白い発想です。しかももあんまり重たくない。

見る 札幌|デザインセンター

スタジオ・ボイト

http://boite.itakura-cli.jp/ 縦スクロール系のサイトですね。グローバルナビゲーションがスクロールに連動してついてくるところいいですね。最近1枚ページのサイトをよく見かけるきがする。こういうのもLPの部類に入るのだろうか?  

見る スタジオ・ボイト

Hug Mug.

http://www.hugmug.jp/ ユーザー参加型のWebマガジンって面白いですね。雰囲気もいいです。

見る Hug Mug.

So…Soap!

http://www.sosoap.com/ 商品プロモーションがおしゃれ。 いいですね。

見る So…Soap!

株式会社モリヤマ

http://www.ms-moriyama.co.jp/ すごいなこれ、Flashじゃないんだ。 サイト内は極力画象を使用しないで構成している感じがする。 こういったサイト最近良く目にするようになった。最近の流行り?なのかな。

見る 株式会社モリヤマ

かみぐ – かみの工作所直営店

http://www.kamigu.jp/ 作品を見せるサイトは、シンプルな方がいいんですね。 黄色のポイントがすごく目立ちますね。 どことなく、「理化学研究所 脳科学総合研究センター」さんのサイトと似ているような・・

見る かみぐ – かみの工作所直営店

OCT 大阪工業技術専門学校

http://www.oct.ac.jp/ なるほどねー。 映像で案内するストレートな方法っていいですね。 やってることを映し出せればイメージしやすいですからね。 参考になります。

見る OCT 大阪工業技術専門学校

長崎市岩見町のフラワーショップいで

  http://www.fs-ide.net/ 綺麗なサイトですね。いいです。 雰囲気出てます。  

見る 長崎市岩見町のフラワーショップいで

池亀酒造

http://ikekame.com/ Wordpressでここまで出来るといいですね。 参考にしたいです。    

見る 池亀酒造

公長齋小菅

  http://goo.gl/5VbHz 商品紹介の仕方参考にしたいです。 しかし・・竹の皿、高い!  

見る 公長齋小菅

食幹 Shokkan – 渋谷 日本料理店

  http://www.discovery-t.com/ 縦書きナビゲーションが面白い。 1ページで完結させてしまうのもいいですね。

見る 食幹 Shokkan – 渋谷 日本料理店

ママンカ市場 下北沢×野菜×子育て

http://www.mamanqa.com/ こういう雰囲気好きだなぁ。

見る ママンカ市場 下北沢×野菜×子育て

レリッシュ [Relish] – アツギ | 2011年秋冬コレクション

マウスオーバー時の画像で、Webサイトにアクセントをつけるってありだと思いました。 いいですね。どこかで参考にしたいです。 http://www.relish-style.net/

見る レリッシュ [Relish] – アツギ | 2011年秋冬コレクション

理化学研究所 脳科学総合研究センター(理研BSI)

なんかいい感じのWebデザインだと思いました。 http://www.brain.riken.jp/jp/  

見る 理化学研究所 脳科学総合研究センター(理研BSI)

オロナイン公式サイト|大塚製薬

スクロールさせると、オロナインがクルクル回る。 スクロールアクションとでも言うのだろうか。面白い演出。 http://www.otsuka.co.jp/ohn/

見る オロナイン公式サイト|大塚製薬

食幹 Shokkan

なるほどぉ、1ページだけで構成するサイトってのも便利ですね。 http://www.discovery-t.com/

見る 食幹 Shokkan

観光路線バス「東京→夢の下町」 | 東京都交通局

観光バスのプロモーションサイトのようです。 ふと思ったのが、電車の時刻表はWebでよく見かけるが、なぜバスの時刻表は便利なものがないのだろう・・ パスってうまく使えば便利な移動手段だよなぁ。 乗り降りの方法まで書いてある所がいいですね。意外と教わる機会がないもんね。 http://www.kotsu.metro.tokyo.jp/bus/shitamachi/japanese/index.html  

見る 観光路線バス「東京→夢の下町」 | 東京都交通局

Tumblr

TumblrのTOPいいですね。 必要な要素しかないんだけど。ちゃんとPRもしてる。 http://www.tumblr.com/

見る Tumblr

musubime™ | カワセ タケヒロ

1ページだけでプロモーションできるっていいかもしれない。 伝え方さえ間違えなければ、もっとも効率的なホームページになりそう。いいですね。 http://www.musubime.jp/

見る musubime™ | カワセ タケヒロ

mariegraphy

蟹味噌さんに教えてもらいました。 どれも雰囲気のある写真ですね。良いです。 http://www.mariegraphy.com/

見る mariegraphy

‪G COLLECTION | Collaboration with TOKYO GIRLS COLLECTION‬

着せ替えコンテンツってことかな。 こういったコンテンツはいままでFlash利用することが多かったんでしょうが、 最近は手法がちょっと変わってきましたね。そのほうが軽っていことかな?‪ http://www.tgc2011play.jp/g-collection/

見る ‪G COLLECTION | Collaboration with TOKYO GIRLS COLLECTION‬

‪aguije inc. | 株式会社アグイジェ‬

蟹味噌さんに教えてもらった制作会社さん。 実績も制作内容も良いですね。 http://aguije.jp/

見る ‪aguije inc. | 株式会社アグイジェ‬

Grip Limited

Flashサイトもこんな使い方だと活きますね。使いやすいしかっこ良い。 そこそこ見やすい。   http://griplimited.com/

見る Grip Limited

面白法人カヤック

カヤックさんがサイトをリニューアルされていた。 キーワードは「軽い」「楽しい」「スピーディ」だそうです。 おもいろいなーと思ったのは、「PAGE TOP」を押したときの動作。 ビューンってなります。 スマイル給ならぬ○○給ってのが面白い。その数がまたすごいですね。「告白したい」ってのが給料になるなんて・・ やっぱりこの会社なんか違う。 http://www.kayac.com/   ソースの中にもこんなことが書いてあった。 面白いですねぇ。 やっぱりそこは、プロとして当たり前にHTMLコーディングをされている。   海が近い社員寮いいですね。

見る 面白法人カヤック

Domino’s Pizza | check-in GP

ドミノ・ピザがまた面白そうなことやっている。今度はfoursquareを利用したキャンペーン? 来店者を増やしたいのかな。利用者が多くなるかどうかはわからないが、コンテンツの完成度が高い。 http://4sq.dominos.jp/

見る Domino’s Pizza | check-in GP

Nizo for iPhone

おしゃれですね~。 スクロールさせると、部品が集まってくる。僕じゃ思いつかない・・。 http://nizoapp.com/

見る Nizo for iPhone

デザインの観察 – デザインあ

NHKの番組紹介サイトなのかな。 画面キャプチャがならんでるだけなんだけど、番組の雰囲気がなんとなくわかるような・・ ちょっと見てみたいです。 しかし強気なサイトですな。放送日は書いてあるけど、放送時間は調べてね的な・・ http://www.nhk.or.jp/design-ah/kansatsu/   Flashコンテンツ楽しいですね。さすがって感じです。

見る デザインの観察 – デザインあ

The Cassette

ビデオコンテンツをサイト内に取り入れるの面白い。どこかでやってみたい。 http://www.thecassette.fr/

見る The Cassette

むしやしない処 仁々木

http://ninigi.co.jp/ 京都いいね。 店舗の紹介サイトかな。 今なら、Flash使わなくてもできるのかな。iPadから見ることもあるしね。

見る むしやしない処 仁々木

un-T Future Vision ~NEW YEAR GREETING 2011~

http://www.un-t.com/newyear2011/ こちらは、ソリューションサイトにあたるのかな・・ なんかこの制作会社できそう!って感じ。いいですねぇ~。

見る un-T Future Vision ~NEW YEAR GREETING 2011~

福岡銀行

http://www.fukuokabank.co.jp/ サイト内検索がいきなり来るあたりは、割り切っていていいい感じ。それは正しいかもしれない。 このアイディアは活かせそう。

見る 福岡銀行

OUWN | Creative Group

http://ouwn.jp/ ナビゲーションが面白い。海外で刺激を受けるってのは有りだと思う。

見る OUWN | Creative Group

日本トイレ研究所

http://www.toilet.or.jp/ そんな研究所があったとは・・面白い。 サイト内のコンテンツをドラッグできる仕組みは何かつかえそうな予感。

見る 日本トイレ研究所

INED

http://www.ined.com/ 雰囲気ありますね。

見る INED

NIKE FREE VOICE

http://nike.jp/nikefreevoice/ デザイン的にも、Webサイトの機能的にも良いですね。参考にしたいです。

見る NIKE FREE VOICE

Manufacture d’Essai

http://www.manufacturedessai.it/it/ なんか3Dっぽい。

見る Manufacture d’Essai

HOTEL ANTEROOM KYOTO

http://hotel-anteroom.com/about/ 「ANTEROOM」気になります。 京都っていう場所も気になります。ホテルも、サイトの雰囲気も良い感じです。

見る HOTEL ANTEROOM KYOTO

合コンセッティングサービスの「コンパdePiace」

http://www.pa1.jp/ こんなサービスあるんですね。面白いです。

見る 合コンセッティングサービスの「コンパdePiace」

Jill Greenberg Studio

http://www.manipulator.com/ 久々におぉーと思った。なんだろう・・テカテカしてる。  

見る Jill Greenberg Studio

aniary official web store

http://www.aniary.com/# 確かに雰囲気あります。こういった商品の見せ方もありですね。

見る aniary official web store

LeaVerou / CSSS

https://github.com/LeaVerou/CSSS もしかしたら使えるかもしれない。CSSによるプレゼン。

見る LeaVerou / CSSS

朝までWeb戦略

http://www.web-senryaku.jp/ 面白そうです。参考にします。

見る 朝までWeb戦略

UDX-GALLERY-THEATER-CONFERENCE

http://www.udx-gallery-theater-conference.jp/index.html

見る UDX-GALLERY-THEATER-CONFERENCE

ユニクロトップ – UNIQLO ユニクロ

http://www.uniqlo.com/jp/ なんでしょう・・いい感じです。

見る ユニクロトップ – UNIQLO ユニクロ

DESIGNTIDE TOKYO 2010

https://designtide.jp/

見る DESIGNTIDE TOKYO 2010

Sturdy Style

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

見る Sturdy Style

Subscribe ページTOPへ