WORKSの最近のブログ記事

2016年7月19日

B.E.A.T | SCIENCE FOR ATHLETIC PERFORMANCE

外苑前にオープンしたフィットネスジム「B.E.A.T」のWEBサイトの制作をお手伝いさせていただきました。
僕はPCとスマホ、両サイトのデザインと実装をさせていただいてます。(NEWSとMY PAGEとCONTACT以外を担当)。
僕自身もお腹まわりが気になるお年頃なので気になるのは気になりますが、、
まずは自宅で腹筋してきてねと言われそうです。


B.E.A.T | SCIENCE FOR ATHLETIC PERFORMANCE
http://beat-sports.com/
(※ 公開までを担当。運用については現在、別会社が行っているため公開当初とは変わっております。)

 
Credit:
Client: amana inc.
Direction: 生駒政興 ( PUBLICROOTS Inc. )
Design: 山本耕平@eggraphix
HTML Coder: 山本耕平@eggraphix


beat1.jpg


beat2.jpg


beat3.jpg


beat4.jpg


beat5.jpg


beat6.jpg

2016年4月12日

MANAGEMENT + ARTISTS オフィス・モレ

水野美紀さんの所属するオフィス・モレのWebサイトのお手伝いをしました。

TOPは所属タレントのInstagramを引っ張ってきており、
インスタ動画も自動再生させるように実装しているんですが、
動画はまだ投稿されてないですね、、たまーに覗いてみてください。
僕は実装とCMS(WordPress)の構築を担当しております。


MANAGEMENT + ARTISTS オフィス・モレ
http://office-mole.co.jp/


credit:
Project Management / Direction:奥山 真広 ( COPILOT Inc. )
Art Direction / Design:原 英寿 ( Sunny .)
HTML Coding / CMS構築:山本 耕平 ( eggraphix )
Account Management:船橋 友久 ( COPILOT Inc. )


mole_1.jpg


mole_2.jpg


mole_3.jpg


mole_4.jpg


mole_5.jpg


mole_6.jpg


mole_7.jpg


mole_8.jpg

DAYS Book 365|大切な日に あなたがつくる 贈りもの。

365日分の出来事を、アマナイメージズが所有するビジュアルを中心にした構成で
1日1冊にまとめた「DAYS Book 365」のブランドサイトのお手伝いをさせていただきました。
僕はデザイン、実装、CMSの構築とすべてまるっと担当しております。
大切な人の記念日の一冊をプレセントしてみてはどうですか?


DAYS Book 365|大切な日に あなたがつくる 贈りもの。
http://daysbook365.jp/

 
Credit:
Client: amana inc.
Direction: 生駒政興 ( PUBLICROOTS Inc. )
Design: 山本耕平@eggraphix
HTML Coder / CMS構築: 山本耕平@eggraphix


daysbook_1.jpg


daysbook_2.jpg


daysbook_3.jpg

2016年4月 1日

TORAYA CAFE

TORAYA CAFEサイトのリニューアルのお手伝いをさせていただきました。
僕はフォトディレクション、サイトデザインを担当しております。

密度の高いやりとりをじっくり一年くらい重ねたこともあって
当時の制作過程の思い出を語りだすと、
ここでは書ききれないほどになるので割愛させていただきますが、
素敵な人たちと一緒に伝統あるとらやさんのお仕事に関われたこと、とても光栄でした。
末代まで語り継いでいこうと思っております。


TORAYA CAFE
https://www.toraya-group.co.jp/toraya-cafe/


Credit:
Client : 株式会社 虎屋
Art Direction: spfdesign Inc.
Photo Direction: 山本耕平 @eggraphix
Design: 山本耕平 @eggraphix
※クレジット追記していきます。


toraya_cafe_1.jpg


toraya_cafe_2.jpg


toraya_cafe_3.jpg

2016年2月20日

XLARGE® OFFICIAL SITE

XLARGE OFFICIAL SITE のPC・スマホサイトのリニューアルのお手伝いをしました。
スケーターだった僕には憧れのブランドでそのリニューアルにまた関われたことが嬉しいです。

CMSとしてWordPressを導入して、
NEWSはもちろん、ほとんどのコンテンツを先方で更新できるようになってます。

僕はサイトのディレクション、デザインを担当してます。


XLARGE®
http://www.xlarge.jp/


credit:
Client : B's INTERNATIONAL
Art Direction, Design: 山本耕平(僕)@eggraphix
HTML Markup: 平出修二 Shuji Hiraide @quip Design
Program: 奥村 元 @spfdesign Inc.


xlarge_01.jpg


xlarge_02.jpg


xlarge_03.jpg


xlarge_04.jpg


xlarge_05.jpg

2015年7月31日

三井不動産 | Mitsui Fudosan Story

三井不動産 | Mitsui Fudosan Story のサイトの制作に関わらせていただきました。

蒼井優さんの透明感をサイトにも反映させたく、
やわらかくやさしい動きにこだわりました。

僕はサイトのディレクション、デザイン、実装(Flash)を担当してます。


三井不動産 | Mitsui Fudosan Story
http://www.mitsuifudosan.co.jp/story/


Credit:
Client : 三井不動産株式会社
Agency : 電通
Design : 山本 耕平 @spfdesign Inc.
Flash Development : 山本 耕平 @spfdesign Inc.


mfs.jpg

X-girl OFFICIAL SITE

X-girl OFFICIAL SITE のPC・スマホサイトのリニューアルのお手伝いをしました。

CMSとしてWordPressを導入して、
NEWSはもちろん、シーズンごとにコーディネイト、映像、カラーなど
サイトの雰囲気を大胆に先方で更新できるようになってます。

僕はサイトのディレクション、デザインを担当してます。


X-girl OFFICIAL SITE
http://www.x-girl.jp/


credit:
Client : B's INTERNATIONAL
Direction,Design: 山本耕平
HTML Markup: 平出修二 Shuji Hiraide @quip Design
Program: 奥村 元 @spfdesign Inc.


xgirl.jpg

2015年3月30日

Pe/Sa COLLECTION 2015

Pe-Sa-COLLECTION-2015_1.jpg


Pe-Sa-COLLECTION-2015_2.jpg


Pe-Sa-COLLECTION-2015_3.jpg


Pe/Sa COLLECTION 2015
http://pesa.jp/

Twotone 岩城洋平さん、mount 吉田耕さんが立ち上げたアパレルブランド「Pe/Sa」。
凝り性の岩城さんが作ったものなので細部までこだわられてて素敵なものに仕上がっております。
僕はブランドサイトのコーディングをお手伝いさせていただきました。


Credit:
- - -
Produce / Plannning : Yoshida Ko
Art Direction / Design : Yohei Iwaki
Website Development : Kouhei Yamamoto
Photograph : ISac Choi
Sytling : Koji Oyamada
Hair Make : Yousuke Toyoda
Model : Hayate
Model : Hako

2014年9月 9日

amana photographers

amanaphotographer_01.jpg


amanaphotographer_02.jpg


amanaphotographer_03.jpg


amanaphotographer_04.jpg


amana所属の約50名のフォトグラファー紹介サイトの制作に関わらせていただきました。
PCやスマートデバイスからの操作を意識したシンプルなUIにしております。
僕はArt Direction, Designを担当させていただきました。


amana photographers
http://amana-photographers.jp/


Planning : 生駒 政興 (PUBLICROOTS) , 上田 真平 (amana inc.)
Direction : 生駒 政興 (PUBLICROOTS)
Art Direction, Design : 山本 耕平
Web Development : 藤澤 元 (amana design)
System : 山口 誠 (amana inc.)

2014年7月 7日

さ、洗いながそ。牛乳石鹸共進社株式会社

arainagaso.jpg


さ、洗いながそ。牛乳石鹸共進社株式会社
http://www.cow-soap.co.jp/web/sa/arainagaso/


楽しかった1ヶ月に及ぶW杯が終わってしまいましたね。

メッセージだけのシンプルなページなのですが、
このタイミングだからこそ読んでいただきたいメッセージです。
こちらのデザイン、コーディングを担当させていただきました。


Credit:
- - -
Total Planning: 矢野 貴寿 @電通関西
Creative Direction: 矢野 貴寿 @電通関西
Digital Communication Planning 森下 治秀 @電通関西
Copy Writing: 矢野 貴寿 @電通関西
Art Direction: 矢野 貴寿 @電通関西, 佐々木 宏二 @アバランチ
Site Design: 山本 耕平 @spfdesign Inc.
HTML Markup: 山本 耕平 @spfdesign Inc.

2014年6月18日

I'm home.

imhome.jpg


I'm home.
http://www.im-home.net/


フォトグラファーの児玉 マリさんが主宰する、
ファミリーフォトを中心とした出張撮影サービス「I'm home.」のwebサイトのデヴェロップに携わりました。
最近はデザイン作業ばかりなので久しぶりに楽しめました。
カテゴリごとの写真はXMLで更新できるようにしてます。

VI及び各種ツールのアートディレクションとデザインはみんなのアイドル、櫻井パイセン。

「I'm home.」はスタジオ等で撮る写真ではなく、
ロケ撮がメインの出張撮影サービスなので、
自然光と広い空の下で何気ない日常を美しく残してくれます。
ぜひぜひ。


Credit:
- - -
Art Direction: 櫻井 優樹 @METAMOS
Design: 櫻井 優樹 @METAMOS
HTML Markup: 山本 耕平

2014年3月10日

dHits Fes presented by dヒッツ

dHitsfes_09.jpg


dHitsfes_01.jpg


dHitsfes_02.jpg


dHitsfes_03.jpg


dHitsfes_04.jpg


dHitsfes_05.jpg


dHitsfes_06.jpg


dHitsfes_07.jpg


dHitsfes_08.jpg


dHits Fes presented by dヒッツ
<公開終了> dhitsfes.com


バーチャルフェス「dHits Fes」のサイト制作のお手伝いをさせていただきました。
会場はスマホ、アーティスト103組参加のバーチャルフェス「dHits Fes」が開催されました。
僕はWEBサイトのAD/D/FLを担当しております。


Credit:
- - -
Agency : 電通
Planning : 川村 佳央 @電通
Direction : 川村 佳央 @電通
Creative Direction : 本多 集 @電通
Art Direction : 神永 恵実 @電通, 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
Flash Development : 山本 耕平 @spfdesign Inc.
HTML Markup : 平川正樹 @anga.

2013年3月30日

Yahoo!ニュースBUSINESS ロンパルーム!

ynb01.jpg


日本経済を熱くする論点ファイト「ロンパルーム!」の
サイトデザイン、アートディレクションを担当しました。

Yahoo!ニュースBUSINESSユーザー層が気になるトピックを、
専門家が「肯定派」「否定派」に分かれて徹底ガチンコ討論!

支持メーターの優劣に応じて論者の表情が変わります。
ぜひ、熱いバトルにご参加ください。


Credit:
- - -
Client : Yahoo! JAPAN
Agency : 電通
Creative Direction : 森口 哲平 @電通, 岩下 智 @電通
Art Direction : 岩下 智 @電通, 山本 耕平 @spfdesign Inc.
Copy Writing : 馬場 俊輔 @電通
Planner : 坂本 雄祐 @電通
Communication Planner : 廣田 周作 @電通
番組企画構成 : 高瀬 真尚 @ZUNO Co.,Ltd.
Produce : 山住 知史 @電通レイザーフィッシュ, 藤巻 賢士 @ZUNO Co.,Ltd., 千葉 梢 @ZUNO Co.,Ltd.
Design : 山本 耕平 @spfdesign Inc., 真中 智史 @spfdesign Inc.
Logo Design : 鎌田 貴史 @spfdesign Inc.
Produce/Direction : 高田 優子 @spfdesign Inc.
Account Planning : 小薗 健志 @電通, 池野辺 篤 @電通, 酒井 大輔 @電通

2013年2月21日

UNIQLO ウルトラストレッチバナー

uniqlo_stretch01.jpg


uniqlo_stretch02.jpg


uniqlo_stretch03.jpg


uniqlo_stretch04.jpg


UNIQLO ウルトラストレッチバナー
http://uniqlo.stretch.spfdesign.jp/feed/
ID: uniqlo_stretch
PW: C4nPd2tDvZkR


UNIQLO「ウルトラストレッチジーンズ」の商品特性を直感的に訴求するために、
バナーをドラックすると伸びる、気持ちいいストレッチ感を表現したリッチバナーを制作しました。


Credit:
- - -
Client : UNIQLO
Agency : 電通
Creative Direction : 本多 集 @電通, 鎌田 貴史 @spfdesign Inc.
Art Direction : 松永 美春 @電通, 山本 耕平 @spfdesign Inc.
Copy Writing : 永友 鎬載 @電通
Design : 山本 耕平 @spfdesign Inc.
Produce/Direction : 高田 優子 @spfdesign Inc.
Flash Development : 山本 耕平 @spfdesign Inc.

2012年12月14日

Nikon 1 V2 × MILANO ~ミラノへの旅~

nikon_milano_01.jpg


nikon_milano_02.jpg


nikon_milano_03.jpg


nikon_milano_04.jpg


nikon_milano_05.jpg


nikon_milano_06.jpg


nikon_milano_07.jpg


nikon_milano_08.jpg


Nikon 1 V2 × MILANO ~ミラノへの旅~
http://www.nikon-image.com/sp/1_v2/milano/


Nikon 1 V2のスペシャルサイト「Nikon 1 V2 × MILANO ~ミラノへの旅~」を制作しました。

Nikon 1 V2が切り取った、ミラノの美しい街並み、色彩、輝き、
旅情を誘う印象的な写真の数々をどうぞご覧ください。


Client : Nikon
Agency : spicebox
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
HTML Markup : 真中 智史 @spfdesign Inc.

2012年10月25日

B's INTERNATIONAL

bsintl_01.jpg


bsintl_05.jpg


bsintl_04.jpg


bsintl_02.jpg


bsintl_03.jpg


B's INTERNATIONAL
http://bs-intl.jp/


ファッションブランド「X-girl」「XLARGE®」等を運営する「B's International」のリニューアルサイトを制作しました。

TOPページでは複数の取り扱いブランドがあること認知させるため各ブランドの最新のシーズンイメージをタイル状に表示し、なんとなく見てしまうようなTOPページにしてます。

サイト内は14のブランドを運営しているため、情報が煩雑になりがちですが、シンプルに整理し、情報を見つけやすいサイトしております。
バックエンドはWordPressで構築し、クライアント社内で更新できるように設計しております。


Credit:
Client : B's INTERNATIONAL
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
Flash Development : 山本 耕平 @spfdesign Inc.
HTML Markup : 山本 耕平 @spfdesign Inc.
Program : 奥村 元 @spfdesign Inc.

2012年4月 1日

春くるくる!NHK

kurukuru1.jpg


kurukuru2.jpg


kurukuru3.jpg


春くるくる!NHK
<公開終了> http://www.nhk.or.jp/navi/kurukuru/

NHKの春の新番組を紹介する、くるくるコンテンツを制作しました。

番組と番組の間に流れる5秒の番組宣伝CMを、バラバラにしてくるくるさせました。
運が良ければ、人気のあのひとが出現するかも・・?!

ぜひ、くるくる遊んでください。


Credit:
Client : NHK
Agency : 電通
Account Planning : 荒木 丈志 @電通
Produce : 山住 知史 @電通
Planning : 栢菅 翼 @電通, 関 龍太郎 @電通
Copy Writing : 関 龍太郎 @電通
Art Direction : 栢菅 翼 @電通, 山本 耕平 @spfdesign Inc.
Direction : 高田 優子 @spfdesign Inc., 鎌田 貴史 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
Flash Development : 山本 耕平 @spfdesign Inc.
HTML Markup : 真中 智史 @spfdesign Inc.
Sound Design : 内田 郁夫 @void productions


詳しくはこちら

2012年1月31日

会社のお仕事:
UNIQLO 新ヒートテック「10万人応援プロジェクト」

uniqloheattech01.jpg


uniqloheattech02.jpg


uniqloheattech03.jpg


uniqloheattech04.jpg


uniqloheattech05.jpg


uniqloheattech06.jpg


uniqloheattech07.jpg


uniqloheattech08.jpg


UNIQLO 新ヒートテック「10万人応援プロジェクト」
http://www.uniqlo.com/heattech/


UNIQLO新ヒートテック「10万人応援プロジェクト」のサイトを制作しました。
冬の寒さに負けずに頑張る人へ、10万着のヒートテックを配布するという
ユニクロ史上最大のキャンペーン。

単純なプレゼントだけではなく、
その方々の職業にとって、「冬の寒さがどれだけ大変か」
のエピソードを生の声で収集し、
TVCMや新聞広告、WEBサイトで公開してゆきました。


Credit:
Client : UNIQLO
Agency : 電通, 電通テック
Copy Writing : 永友 鎬載 @電通, 後藤 一臣 @電通, Paradox Creative Inc.
Planning : 後藤 一臣 @電通, 関 龍太郎 @電通, 小川 晋作 @電通テック
Produce : 小川 晋作 @電通テック
Direction : 高田 優子 @spfdesign Inc.
Project Management : 高田 優子 @spfdesign Inc.
Art Direction : 鎌田 貴史 @spfdesign Inc.
Design : 鎌田 貴史 @spfdesign Inc., 山本 耕平 @spfdesign Inc.
Flash Development : 鎌田 貴史 @spfdesign Inc., 山本 耕平 @spfdesign Inc.
HTML Markup : 真中 智史 @spfdesign Inc., 山本 耕平 @spfdesign Inc., 鎌田 貴史 @spfdesign Inc.
Photo Produce : 戸田 和也 @LIFT Inc.
Photo Project Management : 今井 久 @LIFT Inc.
Program : S2Factory, Inc.
Photograph : 馬場 龍一郎
Music : 石田 多朗


詳しくはこちら

2011年9月19日

会社のお仕事:
X-GIRL TWITTER FASHION SHOW 2011FALL

xg_tfs01.jpg


xg_tfs02.jpg


xg_tfs03.jpg


xg_tfs04.jpg


X-GIRL TWITTER FASHION SHOW 2011FALL
<公開終了> http://x-girlshow.jp/

ファッションブランド「X-girl」のTwitterキャンペーンを制作しました。
ショー当日、カメラマンが撮影したモデルの写真とコメントを
リアルタイムでツイート。
ショー終了後にその場で全アイテムを紐付けた状態でサイトにアップ。
WordPressを用いた緻密な設計を行うことで、
Twitterキャンペーンに必要なリアルタイム性を実現することができました。


Credit:
Client : B's INTERNATIONAL
Agency : 電通
Planning : 電通
Produce : 頼 慶兆 @電通
Creative Direction : 鎌田 貴史 @spfdesign Inc.
Direction : 高田 優子 @spfdesign Inc.
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
HTML Markup : 飯田 建一 @spfdesign Inc.
HTML Markup(Mobile) : 山本 耕平 @spfdesign Inc., 奥村 元 @spfdesign Inc.
Program : 奥村 元 @spfdesign Inc.


詳しくはこちら

2011年7月 6日

会社のお仕事:UNIQLO SUPER COOL BIZ

uniqlo_cooldays01.jpg


uniqlo_cooldays02.jpg


uniqlo_cooldays03.jpg


uniqlo_cooldays04.jpg


uniqlo_cooldays05.jpg


uniqlo_cooldays06.jpg


uniqlo_cooldays07.jpg


UNIQLO SUPER COOL BIZ
http://www.uniqlo.com/jp/supercoolbiz/

ユニクロの「SUPER COOL BIZ」サイトを制作しました。


Credit:
Client : UNIQLO
Agency : 電通, 電通テック
Creative Direction : 佐々木 康晴 @電通
Produce : 小川 晋作 @電通テック, 菊池 創造 @電通
Art Direction : 渡部 祥子 @電通, 鎌田 貴史 @spfdesign Inc.
Copy Writing : 中川 ミナ @電通
Planning : 高田 優子 @spfdesign Inc.
Direction : 高田 優子 @spfdesign Inc.
Design : 鎌田 貴史 @spfdesign Inc., 山本 耕平 @spfdesign Inc.
Movie & Photo (TOP PAGE) : 鎌田 貴史 @spfdesign Inc.
Flash Development : 飯田 建一 @spfdesign Inc.
Music : 内田 郁夫 @void productions


詳しくはこちら

2011年3月11日

会社のお仕事:
XLARGE® 20th ANNIVERSARY | GO! OG BOX

XLARGE_20th_01.jpg


XLARGE_20th_02.jpg


XLARGE_20th_06.jpg


XLARGE_20th_03.jpg


XLARGE_20th_04.jpg


XLARGE_20th_05.jpg


XLARGE® 20th ANNIVERSARY | GO! OG BOX
<公開終了> htt://xlarge20th.jp/

ファッションブランド「XLARGE®」のブランド設立20周年記念サイトを制作しました。


Credit :
Client : B's INTERNATIONAL
Creative Direction : 鎌田 貴史 @spfdesign Inc.
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
Flash Development : 飯田 建一 @spfdesign Inc.
HTML Markup : 山本 耕平 @spfdesign Inc., 奥村 元 @spfdesign Inc.
Program : 奥村 元 @spfdesign Inc.
BGM : 小野 雄紀 @WONDROUS Inc.


詳しくはこちら

2011年2月 4日

会社のお仕事:XLARGE® OFFICIAL SITE


xlarge01.jpg


http://www.xlarge.jp/

ファッションブランド「XLARGE®」のオフィシャルサイトをリニューアルしました。


Credit:
Client : B's INTERNATIONAL
Creative Direction : 鎌田 貴史 @spfdesign Inc.
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
HTML Markup : 飯田 建一 @spfdesign Inc.
HTML Markup(Mobile) : 山本 耕平 @spfdesign Inc., 奥村 元 @spfdesign Inc.
Program : 奥村 元 @spfdesign Inc.


詳しくはこちら

2010年7月16日

会社のお仕事


↓こちらから
spfdesign Inc. / Works

2010年2月24日

会社のお仕事:Styles

styles.jpg


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


代官山にあるセレクトショップ「Styles」が店舗をリニューアルするに際して、オフィシャルサイトを全面リニューアルしました。


Credit:
Client : B's INTERNATIONAL
Creative Direction : 鎌田 貴史 @spfdesign Inc.
Art Direction : 山本 耕平 @spfdesign Inc.
Design : 山本 耕平 @spfdesign Inc.
HTML Markup : 山本 耕平 @spfdesign Inc.

2009年6月15日

RMKブログパーツ


いろいろ書きたいことはありますが、
取り急ぎ、RMKブログパーツが公開されましたよ。
というわけで、ペタリ。

みなさまおつかれさまでした。

2009年5月13日

会社のお仕事:mahna mahna factory

works_mahnamahna1.jpg


works_mahnamahna2.jpg


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


ファッションとインテリアの融合を目指して、
mahna mahna グループがオープンしたインテリアのレンタルショップ
「mahna mahna factory」のWEB制作をしました。


きっかけはフットサルのたびに
「一緒に仕事できればいいね」と言ってたのを
PANOPTESランチアくんが真剣に考えていてくれて、
今回、声をかけてもらい、見事実現したわけであります。


こうしてチームエロゲリラのキャプテン、副キャプテンがコンビを組んだわけだから、
フットサルが結びつけたコンビと言って過言じゃないと思います。

いや、しらんけど。


とにかく、
こんな僕に声をかけてくれたランチアくんにも、
きっかけを作ってくれたフットサルにも感謝感謝です。


>ランチアくん

「また一緒に仕事できればいいね」

待ってます 笑


credits:
Design: Lancia Kitabatake [PANOPTES]
Flash Develop: Kouhei Yamamoto [spfdesign Inc.]
Sound[BGM]:nob
Design/MT:Mariko Kiso [PANOPTES]
Design:Yuya Takahashi [PANOPTES]
Kiri-nuki: Aruha Kitabatake [PANOPTES]

2009年3月12日

会社のお仕事:チャージ de 脳力診断

20090120_1.jpg


20090120_2.jpg


チャージ de 脳力診断 | CHARGE


もうずいぶん経ちますが、
年始に公開されたコンテンツで、
CHARGEのサイトのCHARGEゲームに追加されました。

クイズをクイズ・パズル作家さんのかみふじさんにお願いし、
老若男女楽しめるクイズコンテンツになってます。

どうせ簡単なんだろ?って思っているそこのあなた!!
一度お試しあれ。


credit:

Agency: dentsu + dentsu razorfish(drf)
Creative Director: 三木 雅恵 @drf
Planner + Director: 高田 優子 @drf
Assistant Director: 大石 直子, 上原 麻奈美 @drf
Art Director + Designer + Flash Developer: 鎌田 貴史 @spfdesign Inc.

Assistant Flash Developer: 山本 耕平 @spfdesign Inc.
Illustrator, Character Animation: 高岡 桃子 @THE STRIPPERS
Sound Designer: 内田 郁夫 @void productions
Quiz: かみふじ こうじ, 高田 優子


詳しくは、
実は猫より犬派の社長のブログをご覧ください。

2009年2月 6日

会社のお仕事:RMK

20090207.jpg


RMK Official Website


昨年の夏ごろにRMKのオフィシャルサイトを全面的にリニューアルしました。

公開から結構経ってますので、
一部他の方が作ったコンテンツもありますが、どうぞご覧くださいませー。


バックエンドはMTで、すべてといっていいほど更新できるようになっており、
バックエンド、コーディングともに、まひろっくさんが担当。
さすがの一言でした。まさに神でした。


みなさまおつかれさまでしたぁー。


化粧品には対して無知だった男二人が
この仕事を通して詳しくなったのは言うまでもありません。
といってもまだまだ初心者。

化粧ってほんと奥が深いんですね。


credits:

Producer: Hiroshi Seki @A THIRD STONE PICTURES LTD.
Project Manager: Marie Sugawara
Creative Direction + Art Direction + Design + Flash Development: Takashi Kamada @spfdesign Inc.
Design + Flash Development: Kohei Yamamoto @spfdesign Inc.
HTML Markup: Mahiro Komura @mizuyari, Mayuko Nakatani @cankeri, Ryusuke Nomoto @freerise
Webmaster: Oriental Corporation


詳しくは、
WBCの大会が始まってから
日本代表監督が原になったのを知った社長のブログをご覧ください。

2009年2月 5日

会社のお仕事:レイザーフィッシュSHOW!

20090206.jpg

20090206_2.jpg


レイザーフィッシュSHOW!


2009年、年明けと同時に
電通 アベニューAレイザーフィッシュが社名を変更し、
電通レイザーフィッシュになるということで、
社名にちなんで、レイザーフィッシュ[和名:ヘコアユ]と言われる魚を
飼ってライブ中継するという企画を元に、制作のお手伝いをさせていただきました。


もうすでに弊社のボス電通レイザーフィッシュの高田さんが制作するにあたっての、
企画・意図について詳しく書かれているので、
ぼくのつたない文章を読むよりも、ひゃくまんばいわかりやすいと思いますので、
そのへんは割愛させていただくとして、
以下僕の私見です。


社名変更という一大イベント?に、
水槽をライブ中継して社名変更のお知らせするという形が、
うちの会社いいでしょ?どう。このFLash?おしゃれでしょ?かっこいいでしょ?的な
かっこつけな感じが多い中、画面に映し出されてるのは
水槽のライブ中継で、さかさの魚が映ってて、
変なアニメーションをつけられたロボ化された社長がいるだけ。


あえてこの形にしたということで、
気どりのない会社の雰囲気や
働いてる人の顔が見えてくる感じがする。

僕の勝手な想像だけど、
白シャツのえり立てて、実力ないのに仕事できまっせー的な
ドラマに出てくるような典型的な代理店の人はいない気がする。

いや、しらんけど。

              /
/            |\
|\           | |
| |           | |
| |      /     | |
| |     |\    | |
| |     | |    | |
| |     | |    Θ/
Θ/     | |     ∥
 ∥     | |        
       | |        
        Θ/         
        ∥         


以下、決してえりを立てない、ヘコアユに魅せられたみなさまです。
おつかれさまでしたぁー。


クレジット:

チームトルツメ(電通レイザーフィッシュ)
  クリエーティブディレクター: 三木 雅恵
  プランナー/ディレクター: 高田 優子
  プロデューサー: 長井 宏介、服部 誠、古田 理恵
  アートディレクター/デザイナー(新社名ロゴ/年賀DM): 杉江 由夏
  サーバーエンジニア: 木下 勝、星野 弦一郎
  レイザーフィッシュSHOW! 題字: 神野 奈津子
  ヘコアユ飼育ディレクター: 神松 あや

アートディレクター/デザイナー/撮影: 鎌田 貴史 @spfdesign Inc.
フラッシュ/デザイン: 山本 耕平 @spfdesign Inc.
サウンド: 内田 郁夫 @void productions
水槽コーディネート: 東城 久幸 @アクア環境システムTOJO

2008年11月 1日

会社のお仕事:CATCH the CHARGE

20081101_CATCH-the-CHARGE_1.jpg

20081101_CATCH-the-CHARGE_2.jpg


9月に公開しましたネスカフェ CHARGEの追加コンテンツ、

CATCH the CHARGE

を公開しました。

じいちゃん(アインシュタイン)のもっている空瓶と
上から降ってくるチャージをサイズに合わせて正しくチャージしていくといった
いわゆる落ちゲーというやつです。

じいちゃんのちょっとしたアニメーションや操作性、落ちるアイテムの数・スピードなど
試行錯誤を繰り返しながら、一番のターゲットになるであろう主婦の方やお子さん様にも
楽しんでいただけるように作らせていただきました。

さぁーみなさん。
“カリスマチャージ博士”を目指してがんばってください。


credit:
Agency: dentsu + dentsu avenue a razorfish(daarf)
Exective Producer: Masae Miki @daarf
Producer: Yuko Takada, Sou Moriyama, Naoko Oishi, Manami Uehara @daarf
Planning + Creative Direction: Yuko Takada @daarf
Art Direction + Design: Takashi Kamada @spfdesign Inc.
Design + Flash Development: Kohei Yamamoto @spfdesign Inc.
Illustration, Character Animation: Momoko Takaoka @THE STRIPPERS
Sound Design: Ikuo Uchida @void productions


サイト全体のクレジットはこちらを。

さらに詳しく知りたい方は
最近、ボストンテリアを飼おうと計画してる社長のブログをご覧ください。

2008年9月25日

会社のお仕事:Edit SCREEN 秋

HONDA Edit SCREEN

みんなでつくるスクリーンセーバー。
夏バージョンの泡だまちゃんに続き、
今回の秋バージョンは森のいきものです。


20081010edix1.jpg

イヌロボもカラフルな景色におおはしゃぎ。


20081010edix2.jpg

まずはEditしたいものを選んで、


20081010edix3.jpg

自分好みにカラフルにして、


20081010edix5.jpg

みんなとたのしかわいい森をつくります。


20081010edix4.jpg

この森はみんな仲良し。サルさんをキリンさんにのせてあげましょう 笑


どうですか?おもしろそうでしょ??


HONDA Edit SCREEN

さぁーみんなで、
色とりどりのテキスタイルを使って
たのしかわいい森をつくっちゃいましょう。

スクリーンセーバーでは、みんなで作った森がじっくり眺められるようになってるので、
どんどん大きくなる森を眺めてるのも、秋の夜長の楽しみになるのではー


作ったお気に入りは自分のブログに連れて帰ってあげてくださいな。


以下、思い出。

photoshopいじいじ、flashいじいじ、アイロンすりすりしたけども。

やっぱりアイロン作業が思い出深い。
まったく普段触らないもんだから、
中学の家庭科実習の記憶をしぼりにしぼって思い出し、
生地の目がゆがまないように伸ばしてスキャン。
んでもってそいつをflash上で並べても一枚絵になるようにパターン化。。
50枚くらいはやったかな。。
おかげで、テキスタイルをみると、
どうトリミングすればパターン化できるなとか考えるようになっちゃいましたとさ。


更地が森になるまでに、育てたあげた皆様は以下のとおりです。

credits:

Account: dentsu + dentsu avenue a razorfish(daarf)
Producer: Masae Miki, Yuko Takada, Rie Furuta @daarf
Assistant Producer: Naoko Oishi, Manami Uehara @daarf
Planning + Creative Direction: Yuko Takada @daarf
Art Direction + Design + Flash Development: Takashi Kamada @spfdesign Inc.
Design: Kohei Yamamoto @spfdesign Inc.
Character Design / Animation: Shinya Yamamoto @sinplex
Sound Design: Ikuo Uchida @void productions
Program: Hiroyuki Hanai @S2Factory Inc.

INUROBO's Father: Daisuke Shibata(Director of Edix WebCM) @THE DIRECTORS GUILD

Special Thanks: Kayo & Ruko


詳しくは最近、温野菜にハマッてる社長のブログをご覧くださいませ。

2008年9月12日

会社のお仕事:ネスカフェ CHARGE

20080908charge.jpg


ネスカフェ CHARGE


手間のかかる詰め替え作業が楽しくなる商品、
ネスカフェ CHARGE。

ビンにセットし上からポン。
この単純な作業がおもしろ楽しいんです。
一瞬でおわっちゃうせいか、あーもっ回やりたいって感じになるですよね。

CHARGEしたいが為に
無意識にコーヒー飲むペースがあがってたり、
子供がいる家庭では「CHARGEやりたいやりたい」って、
お父さんが、がぶ飲みさせられてる姿が目に浮かびます。


credit:

Agency: dentsu + dentsu avenue a razorfish(daarf)
Exective Producer: Masae Miki @daarf
Producer: Yuko Takada, Sou Moriyama, Naoko Oishi, Manami Uehara @daarf
Planning + Creative Direction: Yuko Takada @daarf
Art Direction + Design + Flash Development: Takashi Kamada @spfdesign Inc.
Design + Flash Development: Kohei Yamamoto @spfdesign Inc.
Illustration, Character Animation: Momoko Takaoka @THE STRIPPERS
Sound Design: Ikuo Uchida @void productions
Photograph: Akira Matsumoto

詳しくは祐天寺で働く社長のブログをご覧くださいませ。

2008年8月22日

会社のお仕事:Edit SCREEN 夏

20080822edix1.jpg

20080822edix2.jpg


HONDA Edit SCREEN

みんなでつくるスクリーンセーバー。
自分だけの泡を作って、大海原でプッカプカ。
僕が作った泡だまちゃんは、今日も誰かのPC上で泳いでいることでしょう。


credits:

Account: dentsu + dentsu avenue a razorfish(daarf)
Producer: Masae Miki, Yuko Takada, Rie Furuta @daarf
Planning + Creative Direction: Yuko Takada @daarf
Art Direction + Design + Flash Development: Takashi Kamada @spfdesign Inc.
Design: Kohei Yamamoto @spfdesign Inc.
Character Design / Animation: Shinya Yamamoto @sinplex
Sound Design: Ikuo Uchida @void productions
Program: S2Factory Inc.

INUROBO's Father: Daisuke Shibata(Director of Edix WebCM) @THE DIRECTORS GUILD


僕はほんの少しのデザインと作業分以上の焼肉を食べただけ。


詳しくは眠りしらずの社長のブログをご覧くださいませ。

2007年10月 8日

SF/PM

sf_pm1.jpg

sf_pm2.jpg

sf_pm3.jpg

sf_pm4.jpg


SF/PM

GraphersRockのtamioさんがGraphersRockのサイトとは別に、
SFやサイバーパンク、テクノカルチャーなどをベースに
作りためていたパターン素材をフリーで配布するSF/PMという新しいサイトを立ち上げました。

僕はflashをお手伝い。
サイトデザインはtamioさんがベースを作って
僕がちょろちょろ弄った感じです。


配布されてるパターン素材は
デスクトップの壁紙にするもよし、
デザイン素材としていじり倒してもよし、
基本的には個人の非営利使用であれば
自由に使ってもOKで、
商業利用に関してもtamioさんに連絡ををすれば、
なるべく柔軟に対応してくれる予定らしいです。

週1〜2回の割合でパターン追加をするようなので
随時チェックしてみてください!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

SF/PM

Design: GraphersRock + 山本 耕平 a.k.a. エロゲリラ(eggraphix、mokuva)
Flash Development: 山本 耕平 a.k.a. エロゲリラ(eggraphix、mokuva)

2007年8月22日

MONOMOSE

070822.jpg

070822_2.jpg


EXCITEのデザイナーズポータルプロジェクトの第6段、
MONOMOSEの制作のお手伝いをさせてもらいました。

過去24時間にトラックバックされた数の多い記事がランクインするシステムで
物申せば物申すほど(トラックバック打てば打つほど)みんな盛り上がるという仕組み。

デザインは我らがアイドル、spfdesignの鎌田さん。


納品後、僕が食事に誘って、焼肉を食べに行ったにもかかわらず、
1000円しか持ってない僕にやさしく手を差し伸べてくれました 笑

いいサイトを作る人は懐も広いんですね。 メモメモ。
本当にありがとうございました。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

MONOMOSE

Client: excite
Planning, Creative Direction, Art Direction, Design: 鎌田 貴史(.spfdesign)
Flash Development: 山本 耕平 a.k.a. エロゲリラ(eggraphixmokuva

2007年7月 4日

FR/LAME MONGER? スクリーンセーバー

070703.jpg

高知旅行してる間に、
FR/LAME MONGER? .comのスクリーンセーバーができました。

サイト内で使ってる作品のサムネイルを画面一杯敷き詰めて
画面を切り替えるようにしてます。

ふとした瞬間にいろんな組み合わせで
新しい発見、または新しい作品として
見えたりするかもしれません。

ぜひ使って体験してみてください。

ちなみにintelMacには対応してないです。
のちのち対応させる予定です。すいません。

2007年5月27日

FR/LAME MONGER? BARON UEDA -上田バロン-

baron1.jpg


baron2.jpg


baron3.jpg


baron4.jpg


多方面で大活躍中のイラストレーター、上田バロンさんの
オフィシャルサイトFR/LAME MONGER? .comの制作を
デザインはmokuvaメンバーのyu-ki君(melt)、flashは僕でやらせていただきました。

http://www.frlamemonger.com/


おつかれさまでしたぁー。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

FR/LAME MONGER? .com

Art Direction + Graphic Design:
Yu-ki Sakurai (melt graphica + mokuva)

Interactive Design:
Kouhei Yamamoto (eggraphix + mokuva)

Illustration:
Baron Ueda (FR/LAME MONGER?)


Client: FR/LAME MONGER?

カテゴリ

月別 アーカイブ

ウェブページ

このアーカイブについて

このページには、過去に書かれたブログ記事のうちWORKSカテゴリに属しているものが含まれています。

前のカテゴリはDIARYです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。