トップ >> 2008/09
FLOW フロウ建築デザイン事務所 - All the Work Architectural and Interior Design.
建築会社のポートフォリオサイト。
クライアント名はイニシャルにして伏せ、出来上がった家の写真を沢山公開しています。
フルフラッシュにして、スライドショーとしての機能を作りこんでいるようです。背景は黒。他のものを視界に入れず写真をじっくり見てもらえる作りになってますね。
お金あったらこんなの建ててもらいですねー。
booing.jp｜全日本ご不満放出選手権
単純な仕組みですが、書いたボヤキを吐き出しながら飛ぶブタをみていると、気持ちが安らぐ効果がありそうです。
tutuanna ♡ チュチュアンナ ♡
商品の方向性にマッチしていて、遊び心があるのにわかりにくくない。
かなりの完成度ですね。
たくさんあるそれぞれの商品からはループ音が鳴っていて、選んだ3つの組み合わせた音がBGMになり、ケータイにダウンロードできるという流れになっているようです。下着の上下それぞれの音はマッチしていて、変わった商品は変わった音のようです。下着は上下揃えたほうがいいということが勉強できるサイトともいえますね。
ほぼ動きがないフラッシュですが、流れているリズムに合わせて選んだ商品が跳ねたり、後ろの商品のどらかが動いたりしていて、観賞用になりそうです。
商品の絞込み機能も充実。アイコン化されていて、感覚的に絞り込めます。
色・種類・柄など実用的な項目になっています。
シンプルなヘルプ。
そんなに説明しないとわからないものもないのにとても斬新ですよね。
ひとつの商品を選んでみるとこうなります。このときは、選んだその商品の音だけが聞こえるようになっているようです。細かいところに気配りがされていますね。
ドラッグして今のセレクト商品と差し替え。
ケータイにメールする機能とQRコードの機能があります。
QRコード生成の仕組みも入っているようです。
なにげなく難しいことが沢山盛り込まれたサイトですね。
ショップリストにも絞り込み機能がありました。
ソックス・インナー・ウエアそれぞれに絞込みをON/OFFそうするか切り替えられる機能です。HTML上では余り見ない操作性ですが、ばっちり実現してますね。
すごいですねー。このコンテンツで遊んでみて、商品にも意思があって歌っているような感覚を感じました。商品ごとに音と擬音が用意されていることで、このコンテンツで遊ぶと、商品への愛着がよりますのではないかなと思います。
SERAQUEST
ウェブ制作会社のスタッフブログ。
１８人もいるようなので、一日ごとに登板しても月2回弱。趣味が多彩なスタッフがたくさんいてワイワイ楽しい職場というイメージが伝わってきます。ヘッダーとフッターがフラッシュになていて、質感の暖かいイラストがポップに動いています。
フッターがこれだけにぎやかだと、なんだか安心感が出ますね。
CCCグループ2009年度新卒採用サイト
大手ですが、結構シンプルなリクルートサイト。
トップページのビジュアルにサービスのアイコンや、スタッフの丸いサムネイルがバラバラとならんでいます。社名のcccをモチーフにしているので丸サムネイルの白枠をずらしているようです。
グループ会社のサービスとヒトが組み合わさることで、様々な企画が生まれるというメッセージのようです。
スタッフの紹介も一日の仕事の流れや、今取り組んでいる仕事について、お気に入りアイテムなどツボになるものをしっかりいれた構成になっていますね。
チェックマークとかセオリーな手法をストレートにつかって、どんな人材がほしいかをデザインしているようです。
最近のリクルートサイトの場合、成果がわかりやすい分、動きやテーマにこだわったサイトを作る会社さんが多いのとおもいますが、こちらはけっこう、全体的にシンプルな見せ方ですね。
DBL CAFE DINER × BAR LOUNGE こだわりぬいた最高のイタリアン料理を提供
大阪のおしゃれなカフェレストランとバー。
インテリアの特徴をデザインに活かして入るようです。
オープニングがすごくインパクトあります。
料理の写真もおいしそう。
雰囲気と料理のおいしそうな色合いがサイトから伝わってきます。
ウサビッチ｜USAVICH.TV
ウサビッチおもろいです。音なしでみててもおもしろい。国籍が関係ない作品っていいなーっとおもいました。
テクスチャーの質感がすごいすきです。3D特有の暗さがないのもすき。
Umbrella Today
とてもシンプルです。
郵便番号を入れるとYESかNOで返事がきます。さらに決まった時間にリマインダーメールも設定できるようです。便利（'u'）組合せで便利なものが作れるじゃんって発想が出て、実際作っちゃうッスキルと行動力がすごいですね。
Adobe MAX Japan 2009
Adobe MAXのイベント告知サイト。
AdobeにはIllustrator、PhotoShop、Flash、Flex、AIRなどいろいろ商品がありますが、その商品の特徴をキャラクター化して、クリックしてストーリーを進めるアドベンチャーゲームと融合しているコンテンツのようです。
それぞれのアプリケーションの特徴を知っている業界人だとちょっと見てて楽しめそう。
SHINKANSEN&LOVE (シンカンセン&ラブ) 〜女の子が新幹線で東京に行くためのファッションマガジン ｜トーキョー☆ブックマーク
トーキョー☆ブックマークっていろいろやってるんですね。雑誌を発刊したみたいです。
サブタイトルが、女の子が新幹線で東京に行くためのファッションマガジンということで、すごくテーマが絞られてますね。とにかくセンスがよさそう…。
フラッシュコンテンツをみると写真が3Dでふわふわしてます。いまとなってはよくある手法ですが、写真1枚にフォーカスするときの動きが、とても有機的です。いままでのサイトだと「しゅっ」「ピタッ」って動きが多かったと思いますが、それに比べこちらは、微妙にふわっと動いてるんでしょうか、なんか映画やドラマのオープニングとかのクオリティーに近いというか…クオリティーが高いと感じました。
スクリプト制御っぽいのに、写真を選んでみたりというような操作はできないのが残念。
米倉涼子がいなくなりました!! 三菱東京UFJ銀行グループ CASHONE キャッシュワン
DCキャッシュワンネット支店サイト。
キャラクターに起用したタレントさんを使ってウォーリーを探せみたいなおまけゲームコンテンツを作っているようです。
大きな画像を拡大縮小するGoogleMapの手法をとりいれれば、詳細な画像閲覧ができるわけで、こういうおなじみのゲームにも使えちゃうんですね。GoogleMapの手法だけあって、マウスホイールでもズームができたり操作も直感的にできちゃいます。
ゲームにはネット支店のかずだけステージがあり、それぞれの支店トップページに行かないと遊べないというながれ。ゲームバランスもよく、だれでもはまれそうですし、プレゼントもあるようです。ゲームしたい人は支店ごとのサービスの特徴などの説明エリアを横目に遊ぶので、みてほしい部分の閲覧数がかなり高くなりそう。
ワンクリックアワード。アワードのサイト自体も毎年面白いですよね。今年は売った文字が人文字ドット絵になるようです。オリンピック開会式とかでよくありそうなあれですね。動きのバリエーションが沢山あって作りこまれています。それよりなにより、打った文字がなんでも出てくるのがすごいですね。
うったもじのフィールドをキャプチャーしてビットマップ化、1ドットずつ色を識別して、黒いドットだけおじさんを上に向けるようなしくみなんでしょうか。おもしろいですねー。
難しい漢字も表示されるようです。でもドット数が足りてないので潰れてきちゃいますね…。
靴下専門オンラインストア Tabio(タビオ)
複数ブランドがある靴下専門ショップのウェブサイトのようで、それぞれのブランドウェブサイト全て同じサイト内に統合しているようです。それぞれのブランドイメージはメインのビジュアルが大きく影響する、シンプルなデザイン。
複数のブランドすべてが、商品が「靴下」ということで専門的な分、商品を具体的に仕分けして紹介できています。商品の詳しい説明と関連書品への誘導などCMSの利点を活かした設計で、かつ、ECサイトなので、そのまま購入までしっかりお客さんの要望に応えられているできのよいサイトですね。
丈、値段、機能などカテゴリ分けをフル活用してユーザーが商品を選びやすい設計に。
ブランド頃のインデックス。使用感とブランドイメージを一枚で表現。きれいですねー。
会社についてのコンテンツもきっちりデザインが作りこまれてます。
アクセスマップのデザインがすきです。
理念等もしっかり。深いサイトですね。
商品のパーマリンク。関連商品やランキングに目が行くよう商売上手設計。
Gold Coast Web Design by South Creative
ここがつくるロゴすきなかんじです。
実際見たら普通なウェブサイトのデザインかもしれませんが、実績の見せ方が上手だなーと思います。
英語サイトでマックのブラウザだからきれいにみえるのかもしれませんが、全体を斜めに配置して、ロゴやビジュアルを強調。大きなサムネイルでみせています。なんかきれいにみえますね。
ホームページ制作とシステム構築 - デジタライズ -
先週末まで結婚のため、忙しくなってしまい更新が途絶えてました…（ﾟ皿ﾟ）
今日から再会しようと思います。
再会しょっぱなは、取引先でもある広島のウェブ制作会社デジタライズ。週明けサイトリニューアルしたようです。
メインビジュアルには受注に繋がりそうなクライアントの悩みをスッキリまとめていてるようです。チョークの粉が落ちるあたり、コミカルで面白いですね。
下を見ていくと、デジタライズサイトリニューアル記念ということで10%OFFとかすごいことしてます。ウェブ制作のお問い合せにフリーダイヤルを導入していますね。ビジネスの信頼感第一印象がぐっと上がりそうなのでいいですねー。シックでシンプルな式町にまとめてありますが、質感のあるアイコンを多用しているので、暗い感じでもありません。落ち着いていてセンスの良い会社というイメージにうけとれます。仕事のやり取りをしていても確かにそんな感じですしマッチしてますね。
えええ！実績1000以上あったんだ…とびっくり。
実績から予算をアバウトに紹介しています。ウェブで初めてきたユーザーの不安を和らげる優しいコンテンツ設計とデザインがあちこちに見られます。いいすねー。
MT4.1でCMS管理する実績紹介コンテンツ。こうなてたらデザイナーではなくても実績が管理できるのでいいですよね。カテゴリも業種と目的と年代で分かれていて、閲覧しやすくなっています。
必要以上に文章も詰め込まずに、全体的に閲覧しやすいし、初対面でも安心感をかなり与えられそうなデザインになっていて、ウェブサイトをいち営業マンとして例えると、デキル営業スタッフが→かなりデキル営業スタッフにレベルアップしたかんじです。うちもリニューアルを進めないといけないなーとおもいつつ、日々の仕事を優先して何もできないままリニューアルしてから4、5年が…経ってしまいました。うーんデジタライズって馬力があるな－（'u'）
| SUN | MON | TUE | WED | THU | FRI | SAT |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
