spfdesign Inc. feed

SPORTWEET!

2010-06-14T09:15:05Z

http://www.uniqlo.com/sportweet/

UNIQLOのtwitter施策第四段。スポーツウェアのプロモーションコンテンツでアートディレクションを担当しました。
TwitterIDを入力すると、最新のつぶやきが映像の中で文字人間となって現れます。Twitterの各種活動内容を分析、パラメーター化し、スポーツ度を診断してくれますので是非チャレンジしてみてください。
映像は全編ハイスピード映像に対応しており、画面右のボタンにマウスを合わせると、商品名と併せて商品をじっくりご覧いただけます。]]>

システムエンジニア募集

2010-04-15T13:20:00Z

spfdesign Inc.では、システムエンジニア1名を募集します。
奮ってご応募ください。

募集は終了しました。

■業務内容
・Webアプリケーションを中心としたソフトウェアの設計から実装まで。
・社内ネットワークの運用。
（弊社の実績は後に記載しています。）

■条件
PHP、Perl、Java、C#、JavaScriptなど複数言語を扱え、DB（MySQL、PostgresSQLなど）の構築・運用のできる人。
C/C++、Objective-Cが書ける人は尚可。
Linuxサーバーの管理やネットワークの構築・運用できる人歓迎。
ものづくりが好きな人。
会社に犬がいても大丈夫な人。
人と円滑なコミュニケーションのとれる人。

■雇用形態
正社員（入社後3カ月は試用期間）

■勤務時間
裁量労働制

■勤務地
東京都渋谷区
http://feed.spfdesign.jp/aboutus/

■給与
経験・能力を考慮の上決定。

■待遇
賞与（年1回以上）
給与査定（年1回）
交通費全額支給
社会保険完備

■弊社の制作事例
http://feed.spfdesign.jp/works/
その他最新の事例
http://www.theatreproducts.co.jp/
http://www.styles-tokyo.jp/
http://www.parco-city.info/clock/
http://www.yakult.co.jp/milmil/
http://www.momat.go.jp/Honkan/where_is_architecture/work_in_progress/

■応募方法
・履歴書（メールやウェブで見れるもの）
・代表作（複数可）とその事例での担当内容と使用した技術（言語・DB・OSなど）
をまとめて、
recruit@spfdesign.jp
までご連絡ください。

■締切
条件の会う人がいれば、その時点で締め切らせていただきます。
採用決定次第、このエントリーに追記してお知らせいたします。
エントリーいただいた方々には、選考の結果はメールにてお知らせいたします。

ヤクルト新・ミルミル

2010-03-31T07:47:26Z

http://www.yakult.co.jp/milmil/

ヤクルトミルミルが生まれ変わって復活するのに際して、ブランドサイトを新規制作しました。CMで展開しているクレイの世界観をウェブサイトでも踏襲して訴求しています。ミルミルのもたらす効能を分かりやすく訴求するコンテンツを中心に、CMの登場人物やミルミルの歴史などを盛り込んでいます。]]>

東京国立近代美術館「建築はどこにあるの？7つのインスタレーション」展

2010-03-16T06:27:46Z

http://www.momat.go.jp/Honkan/where_is_architecture/work_in_progress/

2010年4月29日から8月8日まで行われている建築展の特設サイトを制作しました。作品を制作する工程をログとして残していくという趣旨のサイトです。
着想からアウトプットに至るまでの思考プロセス・制作プロセスは、充分にコンテンツとしてなりえると考えました。展覧会をご覧になる前に見ていただき、興味を持っていただくことを前提とした企画ですが、展覧会を体験した後に振り返ってみてもまた違った楽しみ方ができるかと思います。]]>

THEATRE PRODUCTS

2010-03-15T11:20:44Z

http://www.theatreproducts.co.jp/

型にとらわれない活動を続けるファッションブランド「シアタープロダクツ」のオフィシャルサイトをリニューアルしました。ニュース情報、最新コレクションの写真、各店舗スタッフによるTwitterのつぶやきがトップページを埋め尽くす、情報発信型の設計にしています。
生地を連想させる様々なテクスチャをレイヤー状に重ね、奥行きを持たせたスクロール挙動によって、テクスチャの重なりが新たな表情を生み出します。]]>

Styles

2010-02-24T02:22:00Z

http://www.styles-tokyo.jp/

代官山にあるセレクトショップ「Styles」が店舗をリニューアルするに際して、オフィシャルサイトを全面リニューアルしました。
「Styles」は商品のセレクトにも定評があり、カラフルで個性的なアイテムが多いので、サイトのデザインはシンプルにし、色はモノトーンだけを使用することで、主役である商品がいっそう目立つようにしました。商品詳細ページではマウスオーバーでの商品拡大機能を実装し、別ウィンドウで開いて確認するといった煩わしさもなく、高解像度の画像で商品を確認できるようにしております。また、コンテンツに関してはFlashを使用せず、iphoneなどでも問題なく閲覧できるようになっております。
バックエンドに関してはMovable Typeで、ほぼ全てのコンテンツを網羅しており、スタッフの方で簡単に更新できるようにしてあります。]]>

福岡PARCO COUNTDOWN CLOCK

2010-02-17T07:12:25Z

http://www.parco-city.info/clock/

福岡にPARCOが進出するのに際して、オープンまでをカウントダウンするクロックコンテンツです。天神をメインに、福岡の人々にフォーカスを当て、数字パネルを持ってもらって撮影した2コマアニメーションでリズミカルに時を刻んでいます。
ギャラリーモードでは、ファッションスナップ集として、ひとりひとりのプロフィールや服をご覧いただけます。
スナップの撮影はローカルファッションマガジンのNO!!が行っており、NO!!の編集長やローカルタレントでクロックをジャックする連動企画も行いました。
オープン後はストリートスナップクロックとして、現在時刻をお知らせしています。]]>

playface.jp

2009-10-15T16:54:22Z

http://playface.jp/

Sony Computer Entertainmentから新PlayStation 3とPSP GOが発売されるのを機に展開したプレステのプロモーションキャンペーンのお手伝いをしました。
キャラバンで撮影した表情豊かなplayfaceをウェブにアーカイブしていく、というお題を受け、ウェブの企画、アートディレクション、デザインを担当しています。

単にplayfaceをアーカイブしていくだけではなく、目がくらむほどの金額に相当する、PlayStation Storeで使えるポイントをゲットできるチャンスのある、「playfaceダービー」を開催しています。
playfaceを撮影したユーザーにも、撮影していないユーザーにもチャンスはあります。

ダービーは、下のブログパーツでも体験できる、playfaceバトルを核に展開していて、詳しくはコチラにありますが、プレゼントするポイントは総額1,000万円分なので、かなりチャンスありますので、みなさんも是非参加してください。

]]>

ミルチ（明治ミルクチョコレート）

2009-10-15T15:26:15Z

http://www.meiji.co.jp/sweets/chocolate/mchoco/

明治製菓と明治乳業が経営統合し、ロゴがひとつに統一されました。それに伴い、ミルチ（明治ミルクチョコレート）のパッケージが刷新されました。とゆうわけで、ミルチのブランドサイトのリニューアルのお手伝いをしました。
アートディレクション、デザイン、実装を担当しています。

長い歴史を持つ明治製菓の主力製品であること、バレンタインやクリスマスなどのイベントで重要なポジションを担うことなど、期間限定の特設サイトなどがちょくちょく出たり入ったりすることが容易に想像できる商品なので、そういったコンテンツの増減に柔軟かつスピーディーに対応できるような設計にしています。

「We love "pure"」をタグラインに、マスでも大々的に広告展開しています。
おいしいチョコレートを作りたい、という、シンプルでピュアなものづくり精神を持つ明治製菓が、「ピュア」というキモチを掘り下げて、丁寧なメッセージを発信しています。
そんなピュアなキモチで出来あがったチョコレートは、成分面で「ピュアチョコレート」と名乗れる基準をしっかりクリアしているので、本当の意味でもピュアなのです。
]]>

UNIQLO CALENDAR

2009-06-11T09:24:27Z

http://www.uniqlo.com/calendar/

UNIQLOCKにつづくユニクロユーティリティーツール第二弾、ユニクロカレンダーの制作のお手伝いをしました。
アートディレクション、デザインを担当しています。

ユニクロが捉える日本の風土、人々の営みをユニクロ独自の視点で切り取っています。
全国7都市、32か所で、Tilt-shitレンズという特殊なレンズでインターバル撮影した数万枚のスティル画像をつなぎ合わせて映像化し、ミニチュア風の映像に仕立てたものをメインに展開しています。
カレンダーは日めくりで、天気予報も付加されており、weathernewsのカバーするエリアは全世界対応しています。
映像部分をクリックすると、その瞬間の映像をモザイク化し、商品カタログ遷移します。この部分は以前のUNIQLO USAのサイトで実装されていたUNIQLO EXPLORERを調整・導入しています。
映像は今後も追加予定で、全国津々浦々網羅していく予定です。

ブログパーツは大小そろえており、スクリーンセーバーも近日公開予定です。

]]>

Yahoo! JAPAN Internet Creative Award 2009

2009-06-11T07:16:14Z

http://creative-award.yahoo.co.jp/

昨年に引き続きYahoo! JAPAN Internet Creative Awardのプロモーションのお手伝いをしました。今年はポスターとウェブで、アートディレクションとデザインを担当しました。

一線で活躍するクリエイターの方々への質問をほぼ毎日更新していきます。
憧れのクリエイターのちょっとした一面が垣間見れて、アイデアが生まれるかもしれません。
シンプルな質問にシンプルに答えてもらったものがコンテンツのすべてということもあり、より“人が答えている感”を出すことを意識しました。]]>

mahna mahna factory

2009-05-20T07:28:14Z

http://www.mahna.co.jp/factory/

ファッションとインテリアの融合を目指したmahna mahna グループがオープンしたインテリアのレンタルショップ「mahna mahna factory」サイトのTOPページ、Flash制作のお手伝いをしました。

商品の数が多く、どのような商品があるのかということを、知ってもらいたいというのを第一に、モノがかわいいものばかりなので、かわいさを生かしつつ、ボーっと見てるうちに、すべての商品を見てしまってるというのを意識して動きをつけました。

CMSにMovableTypeを導入し、TOPを含めすべての商品が管理できるようになっております。]]>

wasted

2009-04-25T15:00:00Z

http://wasted.nl/

オランダで活躍するアーティスト・ピアニストの向井山朋子さんが2009年から2010年にかけて日本・インドネシア・オランダ・チェコ・ベルギー・ロシアで行う回覧コンサート・エキシビジョン・パフォーマンス「wasted」のオフィシャルサイトの制作をさせていただきました。
ロゴはご本人の毛筆手書きによるものです。]]>

Desktop! Edix

2009-02-16T11:05:16Z

http://www.honda.co.jp/Edix/desktop/

EditSCREENの海・山に続くEdix企画、Desktop! Edixを制作しました。
Adobe AIRを使用したデスクトップ時計ウィジェットです。
Rainbow Garden、Neon Star、Flower Danceの全三弾を毎月更新で展開しました。
EditSCREENで登場した動物がいたり、30分おきにイヌロボの時報があったり、家族みんなで楽しめるような、ハッピーでかわいい世界観を徹底しています。
]]>

RMK

2009-01-27T08:51:32Z

http://www.rmkrmk.com/

RMKのオフィシャルサイトを全面的にリニューアルしました。
RMKが確立してきたアイデンティティを踏襲しつつ、コンテンツを見やすくすることと、更新にかかる人件コストと作業コストを下げることに専念しました。
バックエンドはMovable Typeで、ほぼ全てのコンテンツを網羅しています。
パン屑ナビを拡張し、コンテンツ構造を直観的に把握させながら遷移できるようにしました。
また、RMKの商品は、商品自体の完成度にも定評があるので、タイルビュー時の画像に拡大機能を実装し、プロダクト一覧ビューで高解像度画像を見れるようにしました。
商品情報をブログウィジェットとして貼り付けられる機能も搭載しています。
]]>

レイザーフィッシュSHOW！

2009-01-20T09:27:37Z

http://www.dentsu-razorfish.com/

2009年元日、電通アベニューAレイザーフィッシュ（daarf）が社名を変更して電通レイザーフィッシュ（drf）に改名することを告知するべく、レイザーフィッシュ、つまりヘコアユを飼育して24時間ライブ配信しようという企画をいただき、制作のお手伝いをしました。
魚型のボールペンがついた年賀状がメインの流入経路になります。]]>

We Moved to Shibuya

2008-12-20T09:00:54Z

事務所を渋谷に移転しました。
アクセスはコチラをご覧ください。
お近くにお越しの際は、お気軽にお立ち寄りください。

Edit SCREEN 山 ver.

2008-10-07T06:56:54Z

海バージョンにつづき、第二弾の山バージョンを制作しました。
今回エディットするのは森のいきもの。
好きないきものを選んで色とりどりのテキスタイルで色づけして、みんなのいる森の好きなところに配置すると、スクリーンセーバー上で、森は無限に広がってゆきます。
今回もエディットしたいきものはブログパーツとして持ち帰れます。

前回同様、思わず山にドライブに出かけたくなるような美しい紅葉の世界観の構築と、Edit作業がなるべく簡単かつ楽しくできるようなUIを意識しました。
]]>

NESCAFE CHARGE！♪

2008-09-08T05:51:04Z

http://charge-n.jp/

NESCAFEが開発した画期的な珈琲の詰め替え、CHARGE！♪のサイトを制作しました。
文字通り今までにない方法で、一瞬でチャージできます。
是非サイトで体験してみてください。
ターゲット顧客である主婦層が親しみやすいサイトにするべく、TVCFで起用されたアインシュタイン博士の小部屋を設定し、コンテンツに合わせて、かわいらしくうろちょろしてもらいました。
また、博士が動きまわってチャージする落ちゲーや、コーヒーにちなんだタイムアタック方式のクイズからはデイリーでポイントをゲットできる仕組みを導入し、リピーターの確保に成功しています。
]]>

Edit SCREEN 海 ver.

2008-08-23T05:33:41Z

Hondaのファミリー向けカーEdixのスペシャル企画コンテンツの制作をしました。
Edixの名前の由来は“自由にカスタマイズ（Edit）できるシートアレンジ”からきているとのこと。
これを受けて、企画コンテンツは毎回「Edit」シリーズで展開しており、今回はみんなでEditしていくスクリーンセーバーを作ることに。
ユーザーがサイトで行うEditがみんなのスクリーンセーバー上でつながります。つまりスクリーンセーバーはリアルタイムにアップデートされていくという仕組みです。

第一弾は海バージョン。海に浮かぶ泡をEditします。
Editした泡は、ブログパーツとして持ち帰ることもできます。

入道雲の映える気持ちいい夏の風景で、おもわず海にドライブに出かけたくなるような世界観を作ること、簡単でお手軽にEditできて、誰にでもオリジナリティーあふれる泡をつくれるように意識しました。

スクリーンセーバーでは、5分おきに、サイトには登場しない海のキャラたちとイヌロボの共演が見れます。
]]>

Yahoo! JAPAN Internet Creative Award 2008

2008-06-21T05:29:08Z

今年からVIを一新して展開していくことになり、ロゴの開発から始まり、トロフィー、ポスター、ポストカードの制作をし、最後にウェブのデザインをしました。
サイトの背景にあるのはクリエイティブ生活！マッピングといって、オリジナルウィジェットを立ち上げているユーザーがその起動時間とともにプロットされるというもので、何処かの誰かがどれだけPCに張り付いているかをビジュアライズしています。
ブログパーツでは、起動時間ランキングが見れます。
]]>

dunk battle

2008-06-21T05:14:45Z

NIKEiDのUIを使ってカスタマイズしたオリジナルDUNKをエントリーしてもらってユーザー投票で競い合うという試みです。
質の高いユーザー投票を数多く集められるように工夫しました。結果、30,000足近いエントリーと、1,200,000票を超える投票が集まりました。
]]>

NIKEiD JASARI

2008-02-25T12:36:10Z

NIKEiDのJASARIというシューズのプロモーションを兼ねたキャンペーンサイトの制作をお手伝いしました。
WEB CMの一部が再生されるブログパーツを渡り歩きながら、ムービーの全編を見ることができるという仕組みです。
ウェブサイトではブログパーツを貼ったブログのスクリーンキャプチャが並んで道となっています。

WEB CMはこちら。
]]>

KDDI au: NEW COLLECTION 2007 AUTUMN & WINTER

2007-11-05T12:14:50Z

http://au.kddi.com/collection/07autumn/

auの2007年秋冬新ラインナップコンテンツの制作のお手伝いをしました。
ラインナップの筐体の持つ大人っぽいデザイン的な側面などから“魅惑”をキーワードに、表現に落とし込みました。
]]>

(suit)men entertainment

2007-09-21T12:00:47Z

http://suitmen.com/

ワールドワイドに活動するクリエイティブブティック、スーツメンのサイトの制作のお手伝いをしました。背景で有機的に動き回っているピンクの丸が弊社で担当した部分です。
コンテンツの閲覧性を妨げず、サイト全体の世界観を演出することに注力しました。
ここでビジュアライズしているデータは、GoogleAnalyticsで解析した、世界中の都市からのサイトアクセス数で、左下のタブをクリックすると世界地図ビューで見れます。
ワールドワイドに活動するスーツメンのアクティビティー状況をある側面で表現します。
]]>

MONOMOSE

2007-08-22T11:50:56Z

http://excite.co.jp/design/monomose/

EXCITEのデザイナーズポータルプロジェクトの第6段、MONOMOSEを制作しました。
他のポータルサイトとの差別化を図るべく、EXCITEのニュースが、トラックバックが盛んであることに注目しました。
ブロガーがトラックバックすればするほど、つまり物申せば物申すほど、対象の記事がフィーチャーされるという仕組みなので、他のニュースサイトとは少し変わった評価軸で記事がソートされます。
]]>

Economics

2007-07-31T11:40:31Z

リコーが提唱する環境経営、“エコとビジネスは直結する”という取り組みを英語圏のビジネスマンをメインターゲットに遡及するコンテンツです。
エコに対する関心度を上げるのは、どれだけ“自分事”にするかにかかっていると思っています。
誰もが知っている美しい景色に確実に存在する環境汚染を体験してもらい、事態の把握と、それに対するリコーの取り組みを遡及しています。
]]>

w+k

2007-04-24T11:24:50Z

http://wk.com/

Wieden + Kennedyのグローバルサイトの制作のお手伝いをしました。
創設から現在までの全てのプロジェクト、関わった人物、クライアント、オフィスなど、関連するキーワードを3次元的につなぎ合わせ、さまざまな角度・経路から情報へリーチできるUIになっています。
]]>

Stomp Stamp

2006-11-03T11:08:35Z

http://stompstamp.com/

六本木ヒルズに第一号店をオープンした子供服専門セレクトショップ、ストンプスタンプのサイトの制作のお手伝いをしました。
かわいらしいデザインを最大限いかすべく、気持ちいインタラクションデザインに注力しました。]]>

多田屋

2006-10-27T10:50:17Z

http://tadaya.net/

開湯1200年を数える能登の和倉温泉。その中で一番奥座敷に位置する、全面海に面した最高の立地の老舗旅館「多田屋」のサイトを制作しました。
能登の自然･歴史･文化を伝えるべく、サイト全体を壮大なイラストの世界観で包み込んでいます。
]]>

ほのぼのレイク

2006-03-06T09:27:56Z

ほのぼのレイクの、バナーからサイトへのハブコンテンツの制作のお手伝いをしました。
欲しいものを入力すると、それをキーワードにYahoo!で画像検索し、ヒットした画像が降ってきます。
]]>

CHRONORHYTHM SCREEN SAVER

2006-02-02T07:40:44Z

http://www.beyes.jp/editwall/dl/

BEYES表参道ヒルズ店のINTERACTIVE INTERIOR第一弾の出品作品を制作しました。
カメラで検出した動体に反応してその回転を変える時計です。
スクリーンセーバー版は、マウスに反応して回転を変えます。
]]>

HondaSweetMission

2005-10-26T06:38:20Z

TOKYO FMのラジオ番組、HondaSweetMissionの特設サイトの制作のお手伝いをしました。
世界各地に派遣されたOL特派員から寄せられた、音声による現地リポートに対して、その音声の時間軸上の好きなポイントにコメントが投稿できるという、新しいコンセプトの音声ブログシステムです。コメントはサーバーサイドで合成された音声で読んでくれます。
]]>

CIA Inc.

2005-10-08T05:27:29Z

http://www.cia-online.com/

ブランドのコンサルティングなどを手がけるCIA Inc.のサイトの制作のお手伝いをしました。
CMSにMovableTypeを導入し、フルフラッシュサイトにおいて出来る限りのSEO対策にも配慮しています。
]]>