Progression - Framework for Flash > ショーケース

ショーケース

Progression を使用して制作されたプロジェクト事例をご紹介します。

creative iD

creative iD

http://www.creative-id.net/

自社 Portfolio サイトです。Progression + Papervision3d で制作しました。“WORKS”で は PHP でデータベースとも連携させています。背景のシーンを固定しつつコンテンツ遷移するのに苦労しましたが、Progression のおかげで実現できました。まだやり残した仕様等あるので、Progression を勉強しつつ実装していきたいと思います。

登録日 2010/08/31
制作者 creative iD
バージョン Progression 3
プロジェクトの種類 クラス

シンプルでスタイリッシュなデザインを持つPCタップ'flecc'

シンプルでスタイリッシュなデザインを持つPCタップ'flecc'

http://www.elecom.co.jp/pickup/flecc/

株式会社エレコムのPCタップ'flecc'の商品紹介サイトです。今回初めてprogressionを使用させていただきました。サイト構成も非常にシンプルでページの切り分けもしっかりしてたので、初めてのprogressionを用いての制作としてとても入りやすかったです。構造的にもすっきりするし、修正なども非常にやりやすかったです。今後も積極的に使用させていただきたいと思います。

登録日 2010/08/27
制作者 株式会社computer control
バージョン Progression 4
プロジェクトの種類 クラス

画荘 北鎌倉 玉の緒

画荘 北鎌倉 玉の緒

http://www.tamanowo.com

「画荘 北鎌倉 玉の緒」のwebサイトです。今回はじめてprogressionを利用させていただきましたが、使いやすさや拡張性が素晴らしく、とてもスムーズに制作できました。今後も利用させていただきたいと思います。

登録日 2010/08/23
制作者 sasashoco
バージョン Progression 4
プロジェクトの種類 クラス

middle2nd

middle2nd

http://middle2nd.jp/

イラストレーター @middle2nd のポートフォリオサイトです。制作には Progression + WordPress を使用させていただきました。また、閲覧環境によって、情報量にあまり差が出ないように考慮した作りにしました。それに Progression デフォルトで実装される機能も足され、なるべく多くの人がイラストをご覧になれると思います。繊細かつ綺麗で、自己満足な中二の世界をお楽しみください。

登録日 2010/08/18
制作者 @northprint
@kmxs
バージョン Progression 4
プロジェクトの種類 クラス

RYOBI CITY

RYOBI CITY

http://ryobicity.100th.jp/

今回、ベースのフレームワークにProgression4を使用させていただきました。複雑なページ遷移部分の開発が簡易化出来、サイト内の乗り物の流れなど細かい部分に注力出来ました。また後工程での修正等にも柔軟に対応出来ました。

登録日 2010/08/03
制作者 株式会社ココノヱ
両備オープンラボ
バージョン Progression 4
プロジェクトの種類 クラス

Masaaki Miyazawa Photographer - 写真家 宮澤正明

Masaaki Miyazawa Photographer - 写真家 宮澤正明

http://mmmp.net/

登録日 2010/07/22
制作者 宮澤正明写真事務所
バージョン Progression 3
プロジェクトの種類 クラス

AIGLE Love trek with YURI YOSUMI

AIGLE Love trek with YURI YOSUMI

http://www.aigle.co.jp/recommend/lovetrek/

アウトドアスタイル・クリエイターの「四角友里」さんとアウトドアウェアブランドの「AIGLE」がコラボレーションした「Love trek with YURI YOSUMI」のスペシャルサイトです。Progressionのおかげでサイトの基本設計がしっかりと構築できるため、コーディネートを画面上で試せる機能や、Twitterのタイムラインを表示する機能など、各種機能の実装に専念することができました。今回からProgression 4を利用しましたが、痒いところに手が届く機能がさらに充実していて手放せないです。

Direction: Kazuki Hirano (bulbs inc.)
Desigh: Genki Nakamura (bulbs inc.)
Flash: Genki Nakamura (bulbs inc.)

登録日 2010/07/02
制作者 bulbs inc.
バージョン Progression 4
プロジェクトの種類 クラス

隆兵そば

隆兵そば

http://www.ryuhei-soba.jp/

京都の桂離宮近くにある、そば・日本料理の「隆兵そば」のWebサイトです。各ページをProgressionのシーンで切り分けるだけで、ディープリンクも使えるし、構造的にもすっきりするし、更新がとても簡単にできるようになりました。こういったページの切り分けがしっかりしているタイプのWebサイトに はProgressionはとても向いていますね。今後も使用させていただきたいと思います。

登録日 2010/06/16
制作者 スペクタス株式会社
バージョン Progression 4
プロジェクトの種類 クラス

シェーンブルン コスメティクス

シェーンブルン コスメティクス

http://schonbrunn.jp/

マリー・アントワネットをイメージしたコスメブランド、シェーンブルン コスメティクスのサイトです。イメージモデルにAKB48の板野友美&河西智美を起用しました。

短期間でのフルFlashの案件は、ほとんどと言っていいほどProgressionを利用させていだたいています。待望の書籍が発売されましたので、今後の制作からProgression 4に乗り換えようと思います。

Art Direction + Movie : ケーアールケープロデュース株式会社
Direction : 株式会社タカヨシ
Planning + Design + Flash : 株式会社シーエスレポーターズ

登録日 2010/05/20
制作者 ケーアールケープロデュース株式会社
株式会社タカヨシ
株式会社シーエスレポーターズ
バージョン Progression 3
プロジェクトの種類 クラス

Project sustainability

Project sustainability(プロジェクトサステイナビリティ)

http://www.ps-web.jp/

アパレルメーカー「ヤマトインターナショナル」が新たに展開する、生活全般のエコロジーな雑貨、食材、コスメ、アパレルを取り扱うブランド「Project sustainability(プロジェクトサステイナビリティ)」のオフィシャルサイトです。

地球環境や生活に関わる「サステイナビリティ」について、ブランドとお客様がコミュニケーションしながら考えていくという発想の元にサイトを設計し、将来的なサイト構造の変更や拡張性を睨んでProgressionを使用してサイト構築をさせていただきました。始めて触れたにも関わらず、細やかな設計やマニュアルのおかげでブランド立ち上げに遅れることなく公開することができました!

登録日 2010/04/19
制作者 Direction:bulbs inc.
Design : Kazuki Hirano (bulbs inc.)
Flash:Genki Nakamura (bulbs inc.)
バージョン Progression 3
プロジェクトの種類 クラス

味の素 | NEO TAMAGO KAKE GOHAN

味の素 | NEO TAMAGO KAKE GOHAN

http://www.ajinomoto.co.jp/aji/egg/generator/

味の素KK 様の看板商品である「味の素」の広告展開の一部として サイトを制作致しました、他にも

教えて!AJIテク。
The たまごかけごはん

でProgressionを使用させていただいております。プログラムのスキルが低い私の様なデザイナーでもクラスベースで制作しながらmcにアニメーションやasを記述してしまえばなんとかサイトを構築する事ができました。今後とも使用させていただきます!

credit

PL:Miyo Sekimoto(dentsu)
AD/FL:Lancia Kitabatake(Panoptes)
FL:Sho Sasaki(Panoptes)
Sound:Takahisa Mitsumori(mergrim)
PR:Kazufumi Kubota(Monster Ultra)/Morihito Kumano(eredie2)
PM:Sho Yamanaka(Monster Ultra)
CA:Shuhei Umene
CA:Katsuyuki Miyazaki
Food sty:Hiromi Domon
Edit:Monster Ultra / Yuya Takahashi(Panoptes)
AE:Hironobu Hoshida(dentsu)

登録日 2010/03/29
制作者 PANOPTES / Lancia Kitabatake
バージョン Progression 4
プロジェクトの種類 クラス

GREENMAX4.8|TOTO株式会社

GREENMAX4.8|TOTO株式会社

http://www.toto.co.jp/greenmax/

環境エコプロジェクト「GREENMAX4.8」は、【水のプロフェッショナル】として、【本業である商品を通じて】の環境貢献を目的とし、水と緑すべての人のためにトイレを変えていくTOTOの約束。それが「GREENMAX4.8」です。

ゼネラルアサヒは、同プロジェクトをネット上で、どう訴求していくかという方向性からコンテンツの企画・実装まで一貫してお手伝いしました。

同サイトのコンセプトして、GREENMAXという一つの世界がウェブ上に存在し、GREENMAX4.8をエンドユーザに、見て、触って、楽しく、体感できるサイトを目指しました。

今は、ヴァーチャルな世界でも、きっとトイレが頑張れば、こんな世界になる。そんな夢を体験できるウェブサイトです。今後、本サイトを機軸に、サイト上で、さまざまコンテンツを発信しGREENMAX4.8プロジェクトを訴求していきます。ウェブサイト他、プロモーションPV映像、カタログ、ポスター、POP、ノベルティ等のすべてのプロモーションに関する制作物を担当致しました。

CREDIT
AM:T.Tanaka
CD:Y.Matsunaga
AD:design-fields
D:Y.Kawano(antena graphics)
CG:H.Wakayama,H.Hirashima,Y.Yamanaka
Fl: S.Shimomura
HT:N.Misumi

登録日 2010/03/23
制作者 株式会社ゼネラルアサヒ
バージョン Progression 4
プロジェクトの種類 クラス

329 Photo Studio

329 Photo Studio

http://www.329photostudio.com/

今回はじめてProgressionを使わさせていただきました。パーマリンクが実現されたサイトの構造の実装が容易に行えたのはProgressionのおかげです。また考え方等大変勉強になりました。今後もProgressionを活用させていただきたいと思っております。 ありがとうございました。

Planning/ArtDirection/Design:Rentaro Fujiwara(HDLT™)
FlashDevelop:quqjp
Sound:Ryo Harada
Photograph:Yasuko Okamura(329 Photo Studio)

登録日 2010/03/19
制作者 quqjp + HEADLIGHT™
バージョン Progression 4
プロジェクトの種類 クラス

GRAND | 五月女則子 | スタイリスト・シズルコーディネータ

GRAND | 五月女則子 | スタイリスト・シズルコーディネータ

http://www.grand-corp.co.jp/

スタイリスト・シズルコーディネーターである、五月女則子氏のオフィス「株式会社グランド」のコーポレートサイトを制作させていただきました。Progressionでの制作は2回目ですが、ver.4では初めての制作になります。Pver.4の機能を利用し、ページ内の情報は、ほとんど同HTML内のデータを読み込み表示しています。データの処理の方法にやや戸惑いましたが、なんとか克服することができました。SEOに弱いとされていたFlashサイトの弱点を改善できる素晴らしい機能だと思います。

登録日 2010/03/15
制作者 株式会社ソーシャルデザイニング研究所
バージョン Progression 4
プロジェクトの種類 クラス

ガジャルドダンス

ガジャルドダンス

http://www.gallardodance.com

登録日 2010/03/10
制作者 鈴木功志 (StudioNexo, S.C.)
バージョン Progression 3
プロジェクトの種類 コンポーネント

アース ザ レジデンス

Earth The Residence|アースザレジデンス|株式会社島井不動産

http://shimaifudosan.co.jp/earththeresidence/

島井不動産が管理する賃貸マンションの物件サイトを制作させて頂きました。今回初めてProgression4での制作になりました。Progression3からの若干の違いはあるものの、ほとんど躓く事なく移行出きました。互換性を維持しながらのバージョンアップに本当に頭が下がりますし、いつも使いやすくして頂きありがとうございます。制作途中にクライアントからの要望で2階層以下にページの増減や移動がありましたが、今回も難なく対応出来ました。今後のProgression4の正式リリースを楽しみにしています!


CREDIT
AD+De: Taro Misako(misaquo)
D+Fl: Shinichi Shimomura(5ive)

登録日 2010/03/01
制作者 5ive + misaquo
バージョン Progression 4
プロジェクトの種類 クラス

アラオト

アラオト

http://araoto.com

シーン数は多くはないサイトでしたが、最初の一歩ということで使用させていただきました。使ってみてシーンの概念以外のところでも非常に使い勝手がよく、かゆいところに手が届く素晴らしいフレームワークだと痛感しました。少し詰まったときもForumで質問することで他の方々からアドバイスを頂くこともでき、非常に助かりました。

今後もどんどん活用させて頂きたいと思います。ありがとうございました!

登録日 2010/02/25
制作者 393
バージョン Progression 4
プロジェクトの種類 クラス

株式会社ネクステージ

株式会社ネクステージ

http://www.nextage.jp/

トップページ、各ブランドのページでProgressionを使わせていただきました。お客様が自分たちでバナーや写真をアップロードできるようにCMSとProgressionを連携させています。複数毎の画像を読み込むのにProgression 4から実装されたLoaderListを使うことで、スムーズに画像の読み込みを行う事ができました。

今後もProgressionに注目していきたいと思います。

登録日 2010/02/22
制作者 有限会社アップルップル
バージョン Progression 4
プロジェクトの種類 クラス

Shachimaru.jp

Shachimaru.jp

http://www.shachimaru.jp/

今回は、造形意匠作家、鯱丸邦生さんのウェブサイトを制作させていただきました。今後上位階層のシーンが増える予定になっているので、その際さらにProgressionでよかったと思うのではないかと思います。

登録日 2010/02/18
制作者 寺田直和(Karappo)
バージョン Progression 3
プロジェクトの種類 クラス

SOLPA

ドッグフードの食べ比べ「SOLPA!」

http://www.solvida.jp/solpa/

基本的なフラッシュWEBサイトにフルフラッシュ部分にもとめられるシステム部分をプログレッション3に任せることで大幅に開発期間を短縮することができたと思います。

これからのフラッシュWEBサイトの開発にとってかかせないフレームワークになりそうです。

まだまだ不慣れな部分も多くありますが、これからも勉強しつつ使用していきたいと思います。ありがとうございました。

登録日 2010/02/12
制作者 株式会社luft
バージョン Progression 3
プロジェクトの種類 クラス

映画「彼岸島」公式サイト

映画「彼岸島」公式サイト

http://wwws.warnerbros.co.jp/higanjima/

今回、Progression4で初めてフルサイトを組んでみました。とにかく時間が無い中で、Progressionのおかげで何とか間に合わせることができました。

カバーページはクリスマスバージョンや除夜の鐘バージョンなど、いくつも作る必要があったのですが、この辺もとても助かりました。

まだまだドキュメントを理解していない部分が多いので、これから精進いたします。。

登録日 2010/01/18
制作者 okty
バージョン Progression 4
プロジェクトの種類 クラス

こどものための、大人の物語-KURUMED COFFEE

こどものための、大人の物語-KURUMED COFFEE

http://www.kurumed.jp/

今までバージョン 3 を使っていたのですが、今回はじめて 4 を使ってみました。3 を使った事がある人であれば、Progression 4 でハマりやすいポイント(http://blog.progression.jp/archives/1294)の記事さえ読めば、すんなり導入できるでのではないかと思います。

4 になってさらに気のきく洗練されたものに進化していて、ここまでやってもらったからには、いいサイト作らなきゃと思いました。CMS との連携も Progression にたくさん助けてもらいました。

感謝、感謝です。ありがとうございます。

Direction/Flash/System/Movie: Kenji Takasaki(non-standard world)
Art Direction/Design/Photo: Shota Sato(non-standard world)
illustration:Yosuke Kinoshita
music:Yuya Haraguchi

登録日 2010/01/12
制作者 non-standard world
バージョン Progression 4
プロジェクトの種類 クラス

Renz Inc.

Renz Inc.

http://renz.co.jp/

初めての Progression を用いた制作で慣れない点、理解に苦しむ点などありましたが、だいぶ仕様に慣れ始めると本当にシーン移動の前後の処理を実装する時間が大幅に短縮することが出来、今では Flash サイトを構築する上で Progression 無しでは考えられないくらいになっていますw

今後も使用させて頂き、さらに Progression を有効活用していきたいと思います。

登録日 2010/01/06
制作者 Junichi Okamoto (Renz Inc.)
バージョン Progression 3
プロジェクトの種類 クラス



ProgressionによるFlashコンテンツ開発ガイドブック

ProgressionによるFlashコンテンツ開発ガイドブック
最新の Progression 4 に準拠した公式ガイドブックが遂に登場しました。

FLASH OOP for ActionScript 3.0

FLASH OOP for ActionScript 3.0
Progression の仕様を決定するまでの流れを技術的な面から解説しています。Progression 2 時代に執筆されたものですが、基本概念は Progression 3 でも同様です。

Web Designing (ウェブデザイニング) 2009年 08月号 [雑誌]

Web Designing 2009年 08月号
Progression 特集。

Web Designing (ウェブデザイニング) 2009年 03月号 [雑誌]

Web Designing 2009年 03月号
Progression の連載、第 3 回クラス編とインタビューが掲載されています。

Web Designing (ウェブデザイニング) 2009年 02月号 [雑誌]

Web Designing 2009年 02月号
Progression の連載、第 2 回コンポーネント編が掲載されています。