かく動物病院のコンセプト、空間デザイン・コンテンツ制作・コピーライティング、グラフィック、ウェブサイト までトータルでお手伝いさせていただいています。

http://www.kaku-ah.com/

CLIENT: かく動物病院

ARCHITECT: 一級建築士事務所 ROOTE
ILLUSTRATION: yuuri
PHOTO:  河田弘樹

一汁一菜のプロジェクトを、ウェブサイトデザイン・制作でお手伝いさせていただいています。

http://www.kyoto-art.ac.jp/t/utsuwa/

CLIENT: 京都造形芸術大学

Panasonic full HD 3D 日本語 / 英語 両サイトリニューアルのデザイン・開発させていただきました。

既存コンテンツの移行に合わせ、twitter API から取得したtweet をフィルタに掛け
グローバルに、話題にされている様子をデザインしました。

http://3d.panasonic.net/ja/

CLIENT: Panasonic

製品利用例を音楽に合わせて奏で見せることで、綺麗な空気が街中に広まっていく様子を表現しました。

http://www.sharp.co.jp/plasmacluster/jirei/

CLIENT: ロッド

MUSIC: Bath studio
DEVELOP: 西七製作所
CONCEPT / WEB DESIGN: 脇阪直伸, 小川明郎

パナソニック エクセルスタッフのコンテンツの企画・制作をさせていただきました。
企画・インタビュー・ライティング・撮影・デザイン・ウェブサイト制作まで一貫して行いました。
これからを担うエンジニアへ向けたメッセージ。すこし古臭いと感じられるくらいの熱い思いを引き出し、読者に伝えることに注力しました。

http://tech-excel.panasonic.co.jp/cafe/mylife/index.jsp

CLIENT: Panasonic Excel Stuff

釜浅商店のウェブサイトのコンセプト・デザイン・制作をさせていただきました。

http://www.kama-asa.co.jp/

CLIENT: EIGHT BRANDING DESIGN

DEVELOP: 西七製作所
CONCEPT / WEB DESIGN: 脇阪直伸, 小川明郎

パナソニックエコアイディアフォーラム2010のウェブサイト デザインと開発をさせていただきました。

兵庫県三木市の徳永工房で作成されているカンナ仕上げの椅子 tatara 。
椅子自身の命名から コンセプト立案、ロゴタイプ、コピーライティング、写真撮影などのコンテンツ作成、各種グラフィック・Webデザインの作成までお手伝いさせていただきました。

http://www.tatara-furniture.com/

※ 工房のfacebookページはこちらから

ブランドデザインをドメインに活躍する EIGHT BRANDING DESIGN のWebサイトの作成をさせていただきました。
http://www.8brandingdesign.com/

CLIENT:  EIGHT BRANDING DESIGN

MUSIC: Bath studio
DEVELOP: 西七製作所
CONCEPT / WEB DESIGN: 脇阪直伸, 小川明郎

fabricscape コンセプトコピーライティングのディレクション、Webサイト作成、DMの作成などを行なっています。

http://www.fabricscape.jp/

京都造形芸術大学通信教育部サイバーキャンパスのリニューアル。
システム変更・コンテンツの精査は行なわず、フロントの調整によるリニューアル提案をさせていただきました。

旧サイトではコンテンツが羅列されており、どの情報が何と関係があるかがわからなかったため、まず情報の整理を。あわせて、階層深くアクセスし難かった情報を上位階層に引き出し、典型的なグリッドレイアウトに収めました。

これらの変更により、コンテンツの追加・移動・削除をしやすくし、運用状況・利用状況に合わせて その都度最適化が行えるようにしました。

CLIENT: 京都造形芸術大学通信教育部

株式会社中川政七商店のウェブサイトのリニューアルデザイン・制作をお手伝いしました。

http://www.yu-nakagawa.co.jp/

CLIENT: EIGHT BRANDING DESIGN

京都造形芸術大学伝統文化コースリーフレットのデザインをさせていただきました。
薄く透ける紙を使い、単純な色のみを使って描いたグラフィックを重ね・透かして仕上げました。
1枚の紙を4つ折りにすることで強度を持たせるとともに、重なるグラフィック・透けるグラフィックが奥行きを感じさせています。

シャープな白物家電のサイトのデザイン、制作を担当しました。

Creative Direction, Planning : 株式会社 ロッド
Desgin, Coding : 脇阪直伸
Design, Flash Dev : 小川明郎

京都建築事務所のウェブサイトのリニューアルを担当しました。
社内でいつでも更新していただけるよう、CMSを導入しています。
設計事例・作品集についてはAdobe Flashをつかっているのですが、Progression Frame WorkとCMSの連携をして、こちらも他のコンテンツと変わらず運用できるようにしています。

Planning/Createve Derection , Design, Flash Development: 小川明郎
Design, HTML Coding : 脇阪直伸

とうとうでましたProgression本。とりあえず使ってみたい人にも、つかってみて「ここがわからーん」という人にも、もっと根本的にどうなってるのか知りたいって人にも、すごく丁寧に書かれていて、Progressionを使ってる人ならみんな、ためなる本だと思います。
個人的にはコマンドの使い方、外部読み込み、全体にまたがる設計の項を熟読したいと思います。

ぼくの事例はCase- Study1に掲載頂きました。というか、事例が3つでその中でも1つ目に掲載されててなんというか、恐縮というか。僕のようにいったんFlashのスクリプトを離れて、as3からまたやりだした人間でもできるよっ!っていう事例と思っていただければ幸いです。使い方間違ってたり、回り道してたり、そもそもas3的におかしいところもあるとおもうので、本を読んでリファクタリングしていくつもりです。

デザイン科がより学びやすくあたらしくなるという機会で学募サイトを立ち上げるというお話をいただきました。
サイトを見にくる人が興味を持つポイントをフックできるように、統計データとインタビューをうけた学生/先生の属性を繋いで行きました。
実体のないつながりの中に学びの場があるという、あるいみでありふれた言い回しなのですが、それが実際に行われ学生/先生がなにを感じてるのかをみることができるのは貴重だと思います。
またウェブサイトにあわせて、広告用のリーフレットも制作しまいた。

URL : http://kirara.cyber.kyoto-art.ac.jp/to-design/

Credit:
Planning/Createve Derection/Art Direction/Design : 脇阪直伸 , 小川明郎
Flash Development: 名倉洋史

イタリア菓子のシーキューブ ブランドサイトの制作を担当しました。
いまはちょうどクリスマス色に染まっています。

実はPrgression4のβ版をつかってみたのですが、そもそもそれほど特殊なことはしないので3でも同じようなきがしていたのですが、4になってコマンド処理の中断と継続が自動的にうまくいくようになってると聞いて、使ってみました。結果的に、とてもよかったと思います。
リファクタリングもすすめつつ、2週に1度ほどの頻度でコンテンツの追加を行ってます。そういった意味でも、Progressionのおかげで構造的につくれたので、更新も比較的容易だとおもってます。今後も展開はあるのですが、今回のLaunchでひとまず役目を果たせました。

お菓子いっぱい食べました。食べ過ぎて洋菓子が一瞬嫌いになりそうでした(笑)。

URL :http://www.ccc-c3.jp/

Credit:
Planning/Createve Derection: スペクタス 中村篤史
Art Direction/Development: 脇阪直伸 , 小川明郎

近鉄電車のお膝元、上本町のブランディングサイトを制作しました。
サイトのトップページコンテンツのみなのですが、来年竣工するビルのティーザーサイトになっていて、竣工までをカウントダウンしています。
なんと街の写真は実際に空撮された写真です!
ビルに上ったり、ホテルのバーやら式場、カフェ、駅中、公園やら至る所でロケハン。いろいろ制約がありましたが、勉強になりました。
実制作の際には、うしろからあーやらこーやら言っていただけなのですが、音と写真がバランスよくはまっていくのを見るのが楽しかったです。

Credit:
Planning/Design Derection: (株)エイト
Web Direction/ Design: 脇阪直伸 , 小川明郎
Development: 西村基樹
Sounds: 林健太郎

Kraft のウェブサイトを制作しました。
リフォーム雑誌にも特集されたり実作が掲載されている有名な設計事務所なのですが、雑誌だけでは全ての作品を掲載して伝えきることはできないため、web上でのギャラリーを作成することになりました。

実はは大学では建築の勉強をしていたこともあって、打合せから、ワインをいただきながら楽しくお話しして仕事をさせていただきました。
たまたまだと思うのですが、ウェブサイト公開後すぐに1件制約されたそうで、建築家先生が設計されたお店で、これまたおいしい焼き鳥をごちそうになりました。
楽しいおいしいでありがたいお仕事です。

URL : http://ohs.cc/

Credit:
Planning/Createve Derection/Art Direction/Design : 脇阪直伸 , 小川明郎
Flash Development: 宮澤卓宏

おぐり歯科クリニックのウェブサイト、および CIのデザイン/制作をしました。

URL: http://www.oguri-dentalclinic.com

Credit:
Art Direction/Design : 脇阪直伸 , 小川明郎

パナソニックのブルーレイ関係コンテンツのポータルサイトです。
情報提供する場としてわかりやすく情報を整理しきっちりとデザインしました。

URL: http://panasonic.co.jp/blu-ray/

http://panasonic.net/blu-ray/technology/3d/index.html

Credit:
Art Direction/Design : 脇阪直伸 , 小川明郎

PETECの工場見学の際のノベルティグッズのデザインを担当させていただきました。
同社のエコテクキッズサイトのデザインを踏襲したデザインです。
それと、PETEC全体の活動を通して社会貢献賞を受賞されたとのことでトロフィーを見せていただきました。直接ではないですけど、やっぱり賞というのは励みになるし、チームの結束も強まるのでのでいいものだなぁって思います。

Credit:
Design : 脇阪直伸、 小川明郎
Illustration : 佐野絵美(sanoemi+ http://www.sanoemi.com/ )

Panasonic Full HD 3D Special Site ウェブサイトのデザインを担当しました。
技術解説、また体験者のblog記事などを集めたハブサイトとなっています。いろんな情報が集まっているポータル感となにか新しいものがくる!という近未来感を感じて貰えるように、表現を工夫しました。

URL: http://panasonic.co.jp/3d/
Credit:
Art Direction / Design : 脇阪直伸、 小川明郎

空気清浄機サイトの制作を担当しました。エアコンのサイトで提案した企画/デザイン/実装を本サイトのリニューアルにも採用していただきました。

URL : http://www.sharp.co.jp/kuusei/

Credit:
Planning / Createve Derection : 株式会社ロッド
Design / Development: 脇阪直伸 , 小川明郎

プラズマクラスター発生機のウェブサイトです。エアコンのリニューアルに続きデザインと開発を担当させていただきました。

URL : http://www.sharp.co.jp/pcig/

Credit:
Planning/Createve Derection/Art Direction : 株式会社ロッド
Art Direction/Design/Development: 脇阪直伸 , 小川明郎

SHARP Aircon Renewal で企画提案/デザイン提案とディベロップを担当しました。

今まではFlashコンテンツ1本で毎回フルリニューアルする形だったのですが、それを一般的なhtml+スペシャルコンテンツといった形式に変えました。
「エアコンの種類は意外に多い」というところからいかに最適なエアコンを提案できるか。
レギュレーションの無い中いままでとは違うことをするため、内部的なレギュレーションも考え、１から提案しました。ただ提案とはいえそれを伝える立場にはなく一貫した提案をキープするのはなかなかむつかしかったです。まだまだヒヨッコです。いい経験をさせていただきました。

URL : http://www.sharp.co.jp/aircon/

Credit:
Planning/Createve Derection/Art Direction : 株式会社ロッド
Illustration : 佐野絵美
Art Direction/Design/Development: 脇阪直伸 , 小川明郎

G-pharma Tech

http://www.g-pharmatech.co.jp/

G-pharma Tech のウェブサイトを制作しました。

罫線や区切り線はなるだけ使わず、テキストと写真を大きく扱い
グローバルに展開する企業としての信頼性、安心感、
製薬という業種清潔さを表現することに注力しました。

各言語に翻訳して多言語化される予定もあり、
外国語としてもスタンダードなマークアップとなるよう配慮しています。

全てアルファベットで良いというオーダーはなかなか無いので、欧文の特徴を生かしたいと考えました。
テキストを装飾として使い、横組みの美しさが出るように
4分割グリッドにそって、余白やフォントサイズに強弱をつけたレイアウトに。
メインビジュアルとなる写真はなるだけ大きく使い
最近の大きな画面解像度のモニターで見ても、均整が保たれるようにしました。

こうすることで、勤勉さと懐の大きさの両方が感じられるんじゃないかなーって思ってます。

Credit:

URL : http://www.g-pharmatech.co.jp/
Planning/Editing/Copy: 多根井高志(TRIAD)
Translation: 栗川長人(パワーズ)
Art Direction/Coding: 脇阪直伸
Art Direction/Design : 小川明郎

COEDO Beer のコンセプトブックです。
コエドビールにまつわるトピックスを定期的に更新しています。
COEDO Websiteから COEDO Book をご覧下さい。

Credit:

Branding / Creative direction/Art direction /Design : 西澤明洋(eight)
Photo / 谷本 裕志
Design / Art direction / Flash: 脇阪直伸
Art direction / Flash : 小川明郎
Flash: 堀川裕也(Active-U,Inc.™)

Credit:

Art Direction / Design / Coding : 脇阪直伸
Design / Supervisor : 小川明郎

SHARPエアコンのサイトの制作のお手伝いをしました。
サイト構成、デザイン、ディベロップを担当させていただきました。カタログの内容がほぼ全て盛り込まれたなかでも、迷うことなくなるたけ楽にコンテンツを閲覧してもらえるように工夫しました。

技術的にはswfaddressを利用してブラウザの進む、戻る操作ができるように配慮し、flash間の行き来も制御しました。

Project : シャープ:エアコンサイトの制作
URL : http://www.sharp.co.jp/aircon/
CD / AD: 株式会社 ロッド
De / Flash Dev : 脇阪直伸、小川明郎

松下幸之助 歴史館 ウェブサイトのデザイン提案をさせていただきました。

Credit:

Art Direction / Design : 脇阪直伸、 小川明郎

環境gooのキッズ部門で優秀賞をいただきました。

http://eco.goo.ne.jp/business/event/taisyou/taisyou_2008/feedback/index.html

どうすれば子供の好奇心を起点にできるか。
ひろーい世界のなかでいろんなできごとを発見する。そんなサイトになれたら、と。
また、このサイトに留まらず、大人向け一般サイトも「合わせてひとつのコンテンツ」として捉えていけるようにも配慮しています。

Project : エコテク・キッズ ウェブサイト制作
URL : http://panasonic.co.jp/eco/petec/kids/
AD : 脇阪直伸、小川明郎
D : 脇阪直伸、小川明郎
Illust : 佐野絵美(sanoemi+ http://www.sanoemi.com/ )
Flash Dev: 高木剛 ( takagin http://takagin.com/ )

Project : 松下エコテクノロジーセンター ウェブサイトリニューアル
URL : http://panasonic.co.jp/eco/metec/
AD : 脇阪直伸、小川明郎
D : 脇阪直伸、小川明郎
Illust : sanoemi+ http://www.sanoemi.com/

企業のコンセプトである つくる、つかう、(もどす)いかす ということをできるだけ解りやすく伝えられるようなデザイン/構成をかんがえ、「ちょうどいい」を目指してイラストのディレクションに力を注ぎました。

環境事業への注目は海外からも高く、全く同じ仕様で英語版も制作しました。

Project : HoloLab
URL : http://hololab.jp/
Agency : 株式会社たかアート
AD : 脇阪直伸、小川明郎
D : 脇阪直伸、小川明郎

Project : Panasonic Car TV Orinpic Contents
URL : http://panasonic.jp/car/tv/
Agency : (株) IMA
D : 脇阪直伸、堀川裕也、小川明郎

Project : 新たな工学的感性を養う教育プログラム : KIT SMART PROJECT
URL : http://www.sci-art.kit.ac.jp/
Client : 京都工芸繊維大学 特色GPチーム
CD : 中川理
AD : 乾陽亮、小川明郎
D : 小川明郎

Project : CSFI：大阪大学　金融・保険教育研究センター ウェブサイトリニューアル
URL : http://www-csfi.sigmath.es.osaka-u.ac.jp/
Client : 大阪大学　金融・保険教育研究センター
Agency : SUMMIT SYSTEM SERVICE
AD : 乾陽亮、小川明郎
D : 乾陽亮、小川明郎
CMS/System Dev : 乾陽亮

Project : Snuff Magazine
URL : http://snuffmag.jp/
AD : 乾陽亮、小川明郎
D : 乾陽亮

第3回JWDA WEBデザインアワード 特別賞を受賞したそうです。

Project : なんばグランド花月 ウェブサイトリニューアル
Client : なんばグランド花月
Agency : (株)スーパーステーション
CD : 田崎友紀子
AD : 小川明郎
D : (株)スーパーステーション

制作/管理は(株)スーパーステーションにて。
組織再編と重なったこともあり、時期を変え主旨の異なる3案を提案しています。
最終的には「利用されていなかった公演チラシを最前面にもってくる」という案が採用されています。

第2回ＪＷＤＡWEBデザインアワード グランプリ受賞

http://www.jwda.jp/event/award02/results.html

Project : COEDO キャンペーンサイト
URL : http://www.coedobrewery.com/
Client : 株式会社協同商事　コエドブルワリー、(株) エイト
CD : 朝霧重治、西澤明洋
AD : 西澤明洋、脇阪直伸、小川明郎
D : 西澤明洋、脇阪直伸
Photo : 谷本 裕志
Sound : 三宅 庸仁(底無沼)、脇阪直伸
Flash : 堀川裕也、小川明郎

知人が企画するギャラリーのアイデンティティです。

Project : 東アジア建築文化国際会議 京都2006 論文集 デザイン
CD : 中嶋節子
AD/D : 小川明郎

Project : 大阪大学の系譜 端末インタフェイスデザイン
URL : http://www.museum.osaka-u.ac.jp/
Agency : (株)スーパーステーション
CD : 田崎友紀子
D : 小川明郎

Project : DAIKIN VRV-II System Series
Agency : GK−アソシエイツ
CD : 岡部志帆
D : 小川明郎

Project : ウィル不動産販売 ウェブサイトリニューアル
URL : http://www.wills.co.jp/
Client : (株)ウィル不動産販売
CD : 泉 千香子、岡田 洋子
AD : 脇阪直伸、乾陽亮、小川明郎
D : 脇阪直伸、乾陽亮、小川明郎

Project : ワンダーカスタム マイチームストラップ ウェブサイト
URL : http://www.wondercustom.com/myTeamStrap/
AD : 脇阪直伸、小川明郎
D : 小川明郎

Project : BrickFieldウェブサイト
D : 小川明郎
Program : 乾陽亮

Project : Curio + (貴金属ケースのコンペ)
D :乾陽亮、小川明郎

http://www.tmiyakawadesign.com/

似て非なるものですが、建築出身のデザイナさんが似たコンセプトの製品を造られていました。
こんな風に「実物」としてできているのをみると、いいなぁうらやましいなぁとため息が出ましたが、意外とカッコいいんじゃないか!とも思って元気も出ました。