いつもあなたに寄り添います―― utweb

2枚1セットタイプです

UTWEB、2010年度の新作名刺のお知らせです。
今回は湿布型名刺、正しくは湿布型というより湿布そのものです。

他人様の肩をお借りして、勝手に広告媒体にしてしまうという画期的なアイテム。
そして、激務な方の多いこの業界、少しでもその大事な身体を労ってほしい―、utwebからのささやかで押しつけがましい想いが込められています。

※一部の方から、鞄にしまっておくと鞄全体が湿布臭くなる、これから手渡す予定の資料が全部湿布臭くなった、という有難いご意見をいただき、この度微香性に生まれ変わりました。

ところで、この湿布型○○。
デザインバーコードのように、この先未来があるんではないかと思っています。

例えば、

金属系のテクスチャを印刷

貼ればたちまちサイボーグ。

ざっくりと縫った、つぎはぎ風湿布

貼ればたちまち昔ながらの貧乏人。
などなど夢は膨らむばかり。
プロダクト関係でのご相談もUTWEBはお待ちしております。

結果、審査員の方々のご配慮もあって、「ロフトワーク賞」を受賞！！応援してくださった皆様、本当にありがとうございます！
今回は合わせて制作ウラ話みたいな事を書いておこうと思います。ド素人まるわかりの要領の悪さも露見してしまってますが、自分の覚え書きが誰かの何かのヒントになれば幸いです。

■絵コンテについて

まずは「社長の五つ鹿」「中学生の牛鬼」「店長の相撲甚句」の制作当初の絵コンテを一部公開。

完成ＣＭと見比べるとだいぶ端折ったカットが入っています

絵コンテのイメージ通りスムーズに作れたのは牛鬼。

自分なりに掴んだ事を少しまとめてみます。とはいえ、映像・ＣＭの勉強はお世辞にもしているとは言えないため、間違いがある場合はご指摘いただけると嬉しいです。

▼「尺」の感覚

本来であれば、尺調整するためにもきちんと絵コンテを描くものだと思うんですが「難しそうなことは後回し」。これがいけなかった・・・。
絵コンテに沿って撮影終了！いざ編集しだすと思ってたよりもどんどん尺を消耗します。絵コンテ上では1コマで済んでいる部分でも、実際には前後や途中につなぎの演技が必要なんですね。漫画感覚で絵コンテを描くと、尺の感覚が大きくずれてしまいます。
絵コンテを描く時は、自分で声を実際に出して台詞やナレーションを当てて演技してみるべきだった・・・。
※余談ですが、私は極度の恥ずかしがり屋で、どんなに酔っぱらってても、猪木のモノマネとか絶対できないんですよね。だれもが一度は通るモノマネ道なのに。
そんな性格なので、社内ミーティングの際、例え旦那といえど他人様の前で別人になりきって演技なんてできるか！と思ってたんですが、どうせ撮影のときに見ず知らずの人達に道化師のごとく、色々なパターンで実際演技しながら指示しなくっちゃいけない時が来ます。
もうそれなら絵コンテの段階で自分で思いつく限りの演技を仮に撮ってみればよかったです。

脱線しましたが、本来なら尺が足りなくて撃沈状態だったのを救ったのは、よくも悪くも次の方法。カメラワークにも編集技量にも自信がなかったので、とにかくイメージを膨らませて膨らませて、絵コンテの他にも考えつく限りのカットを別途描き出して撮影。スチールも同時に抑えるなど、とにかく素材を集めておいたのです。編集段階で思い通りにならなかった部分に、それらを絆創膏のような感じで当てて当てて、なんとかなった感じです。

▼「気を付け！」と「休め」

今回三本立てで展開していますが、三本とも視聴者に「ここは流し見でＯＫ（＝休め）」というシーンと「はい！ここから注目です（＝気を付け！）」というシーンで構成しました。この二面を意識すると、編集もしやすいです。「休め」のシーンでは思い切ってカットしてしまう判断もしやすくなるからです。

例えば「社長の五つ鹿」の社長が怒って社員を追い払う場面。ここは「休め」のシーンに該当します。絵コンテ段階では台詞が入っていますが、実際撮影・編集すると予想以上に尺を圧迫する上に、視聴者に意図以上の情報を与えて「？」と思わせてしまう可能性がありました。
このシーンでは「イライラしている社長」というキャラクターを刷り込む以上の効果は必要ないので、結局役者さんの台詞はカットし、怒っているだけと分かる最低限の字幕に変えると共に、テンポよく倍速に処理することにしました。

反面、「気を付け！」のシーンでは、
・反復動作
・非日常的なシーン
・顔のドアップ
・サウンド
などを意識的に挟むことで興味を引くよう心がけています。

■小道具について

▼鹿の壁掛け

鹿のはくせい

「社長の五つ鹿」篇で使用した、鹿の壁掛け。
意外と市販されていないんです。しかも本物の剥製だと買っても後で困っちゃう･･･。 撮影用のこういった小道具や家具をレンタルできる、専門店を発見。いやーこんな所があったなんて。

• 撮影・演出用小道具の総合レンタル サンガレン

ボケーッと商品を眺めているだけでも楽しいです。

▼体操服＆赤白帽

牛鬼つき赤白帽

宇都宮ウエブ制作中学校

「中学生の牛鬼」篇にて3人の中学生男子に着用してもらいました。映像ではなかなか確認できませんが、胸には校章「宇都宮ウエブ制作中学校」が。
こちらはアイロンプリントできるインクジェット用紙を購入して。微妙に起毛加工もしてあります。

牛鬼付の赤白帽子は、中学校レベルのお裁縫力で２～３日ほどかけて完成。ひさびさにフェルトとか刺繍糸とか触りました。体操服には付きものの白ハイソックスの手配も忘れずに。

■キャストについて（敬称略）

・「社長の五つ鹿」奥田　いちろう
・「中学生の牛鬼」濵邊　俊輔・藤川　翔・吉見　陸

アイランドプロモーション所属のタレントさん達。
私らのような自主制作という名の胡散臭く、かつ低予算の場合でも相手にしてもらえるのか不安だった中、すぐ御電話で連絡してきてくださった上に、終始こちらの事情にも柔軟かつ真摯にご対応いただけました。

• 株式会社アイランド プロモーション

■ロケーションについて

「社長の五つ鹿」に使用する、社長室を借りようと色々な所に問い合わせてみたのですが、なかなか条件が折りあわず。
では社長室に見えるような貸し会議室を借りることに。ご協力いただいたのは、レンタルオフィス　CUBEさん。さまざまな用途にあわせた会議室が用意されており、立地ヨシ、眺めヨシ、設備キレイ、スタッフ親切、ととても素敵な所でした。普段のセミナーなどでも使える、おすすめのCUBEさんです。

• レンタルオフィス　CUBE

■「店長の相撲甚句」について

ロケーション：「旬の肴と美味しいお酒 中々屋」
店長：山本氏＆バイト君：ゆうちゃん
御堂筋線あびこ駅付近にある「旬の肴と美味しいお酒 中々屋」にロケーション＆キャストと全面ご協力いただきました！普段からutwebの第二会議室・接待会場としても大活躍して下さっている中々屋。創作アイデアはだいたい中々屋で生まれます。美味しいお酒とお料理はもちろん、店長とスタッフの方々との心意気すべてが居心地良くついつい長居してしまう良店。
ＣＭ中では尺の関係上、泣く泣く音声のみの採用になってしまいましたが、鮮やかな包丁さばきを惜しげもなく披露。小気味よいリズムできゅうりの輪切りをしてもらったり、まるまる一匹のイトヨリをあれよあれよという間に捌いて、迫力の兜割りまで見せてくれました。この辺りのシーンはいつか別バージョンで使用したいです。
また当初、塩まきのシーンはCGで処理しようと思っていたのですが、なんと店長みずからバイト君に本物の塩をぶち撒いてくれ、CGなんかで処理するよりずっと面白い絵が撮れました。おそらく普段お皿の端にちょこんと盛られてる、さらさらの高級なエエ塩なのに・・・。

• 旬の肴と美味しいお酒　中々屋

■実際の秋祭りの写真

全面ご協力いただいた「おもっさまミカメジャーナル」のメンバーの皆さん。「おもっさまミカメジャーナル」とは、西予市三瓶町のディープでニッチな見所や情報を日夜配信するファンサイトです。急なお願いにも関わらず、各所に了承を得るため駆け回ってくれました！！

• おもっさまミカメジャーナル

------

という感じで、多くの人に支えられてこの作品はできあがりました。その甲斐あって、とても嬉しい結果まで生むことができ、ほんとに今回は良い経験ができました。
いやーほんとコンテストって面白い！

あなたの地元の魅力をCMで全国に広めよう！
日本の各地の「地元」情報が集まるサイト 「ZAQ」が、 日本に1700以上ある市町村をより活性化していくために、 日本中のクリエイターから、各地のCMを募集します。
―地元CMコンテスト LOVE LOCAL　開催概要より

愛媛県西予市三瓶町「三瓶町の秋祭り」
[エントリーページはこちら]http://lovelocal.jp/entries/104

映像に関して知識が乏しく、ロケーション＆タレントの手配なども含め、カンだけを頼りに手探り状態だったのですが、親身になって協力してくれる人々に恵まれ、その人達に後押しされる形で頭に描いていた以上の出来までたどり着くことができました！

絵コンテの紹介や制作秘話など、また後日長々書こうと思います。

-----

宇都宮（徳田）頼子：監督/撮影/編集
宇都宮正宗：総合責任者

■ご協力いただいた方々と場所(敬称略/順不同)

• 旬の肴と美味しいお酒　中々屋
• （株）アイランドプロモーション
• レンタルオフィス　CUBE
• 撮影・演出用小道具の総合レンタル サンガレン

他にも面白い作品や綺麗な作品など、力作揃いになってます！！　是非ご覧ください。
地元CMコンテスト　LOVE LOCAL

宇都宮ウエブ制作所は「マッド・サイエンティスト」でした

ブログパーツ内のフォームに名前を入力するだけで、あなたの秘められた欲望が明らかになっちゃうよ！！というブログパーツを制作しました。

この映画には超豪華俳優陣（ヒース・レジャー、ジョニー・デップ、ジュード・ロウ、コリン・ファレル）が出演しており、一枚だけの写真をつかって、様々な表情のパターンを作る必要がありました。
はじめは口からアゴにかけて切り取って、腹話術人形的に動かそうかと思っていたのですが、ハリウッド俳優さんということもあってもう少し自然なイメージで表情をつけることに。

ちょっと分かりにくいですが、口周り・眉頭まわりの動きを、以前ご紹介したＡｆｔｅｒＥｆｆｅｃｔｓの「パペットツール」を使用して、基本のプラス顔・マイナス顔のべースを制作、眉の動きやマンガ的装飾パーツはFlash上で乗せています。
「照れる」「幸せ」「泣く」「怒る」「ショック」「誇らしげ」「焦り」とバリエーション豊かに結果を教えてくれますんで、是非いろんな名前で楽しんでみて下さい！

若沖をイメージしたモチーフをちりばめています

■クライアント

テレビ大阪 様

■協力

イラスト、htmlデザイン: 田渕裕美 様
コピーライト: 浅原奈美　様

■担当箇所（サイトTOP / Iラブ若冲 / やっぱRimpa！/ 若冲流かけ軸ジェネレーター）

プランニング・ディレクション・デザイン・flash：宇都宮（徳田）頼子
プランニング・インタラクティブデザイン・flash:宇都宮正宗

※グッドデザイン賞 ノミネート作品
※web creators　2008/3月号, web designing 2008/3 月号にサイトが紹介されました。

えらく過去の作品ですが、こちらも企画意図なども含めてご紹介する事がなかったので、この場で思い出しながら書き留めておきたいと思います。

日本画家の“琳派＝Rimpa” と“伊藤若沖” にスポットを当てた、テレビ大阪特番公式サイト。制作期間約2週間という特殊な条件のなかでできる最大限のコンテンツを用意しました。

▼サイト全体のデザインについて

ごちゃごちゃカオスの理由

一見ぶっ飛んだように見えるデザインは、

• 従来の歴史特番のようにキレイにまとまりたくない
• 美術史という堅い題材。でも若者も引きつけられるような
• ひと目で番宣サイトと分かるような展開は避けたい
• 見えそうで見えなくてイライラする。だけどついつい気になってボーっと観てしまうサイト

という、クライアント様のテレビ業界らしいユニークな要望のもとティザーサイトとして生まれました。

▼各種モチーフについて

美術史に興味のない若者でも取っ付きやすく読みやすく。

平行して番組制作が進行していた本案件。若冲のあらゆる作品素材をweb上でも使用できるかどうかはきわどいグレーゾーンでもありました。新たにこちらで描き起こす必要があると判断し、それならば、と先方の要望とも相まって、あえて加工しまくる、特徴的なモチーフを断片的にちりばめる、という方法をとりました。
その各モチーフに関しては、若冲を初めて知るユーザーへのインパクトはもちろん、既に若冲をよく知っているユーザーが気付いて思わずニヤリとするようなものを多く取り入れています。

• まるでデジタル画のような概念を取り入れていた若冲をイメージした鶏のドット絵
• 同じ方向を向いた魚の群れ
• 同じ絵を繰り返す連続性
• 夢の世界のような浮遊感

など彼の奇才っぷりを象徴する特長を隋所にちりばめ、「なんじゃこりゃ！？」という感覚をサイトにも感じるよう注力しました。

▼画面を覆う、ティッカー

クライアントからの「イライラするけどついついぼーっと見ちゃうようなサイト」というユニークな要望は、新幹線などの電光掲示板からヒントを得、単語単語にインパクトのあるキャッチーなコピーを極力ゆっくり流し、サイト全体を覆うようにして流しています。

▼若冲流かけ軸ジェネレーター

PC の操作に慣れていない、絵心に自信のないユーザーでも平等に楽しめるよう、シンプルな操作方法。

若冲が江戸時代にすでに体得していた、まったく同じモチーフを狂ったように増殖させるコピーアンドペーストのような技法。そこからインスピレーションを受け、若冲の特徴的なパーツをぺたぺたと貼って遊ぶうちに、なんだか若冲ぽいかけ軸が誰でも作れちゃうコンテンツを企画しました。ユーザーの個々の絵心やＰＣ操作の熟練度に関係なく平等に遊べるよう、極力複雑な機能は排除しました。

また、短い制作期間を配慮し、DBを使わずURLのコードで掛け軸を生成する方法を採用。DBなしでユーザー作品をサイトで紹介している仕組みについては、「サイトに紹介してOK！」チェックボタンを押すことで、アパッチのログに作品個々の記録を残し、管理者がログからピックアップするという特殊な方法をとっています。

かけ軸URL 発行画面:データーベースを使用せずに、作品を集める事ができます

・みんなのかけ軸

「サイトに紹介してOK！」ボタン にチェックを入れたユーザーの作品は「みんなのかけ軸」にて公開。制作者もオドロキのさまざまなコラージュ作品が集まりました。

味わい深い作品がたくさん集まりました

「ビオフェルミンVC ブランドサイト-おなかのハリが気になる方に-」
http://www.onaka-harihari.jp/

ビオフェルミンVCサイト　夜バージョン

■クライアント

ビオフェルミン製薬株式会社 様

■代理店

株式会社　大広 様

■協力会社

モバイル：株式会社トイプロダクション 様
イラスト：有限会社ヴィジョントラック　様 / 山崎真理子 様

■担当

デザイン、ディレクション：宇都宮（徳田）頼子
flashオーサリング:宇都宮正宗

今日はビオフェルミンVCサイトを根掘り葉掘りご紹介をしたいと思います。

■トップページ

VCのかわいいキャラたちが過ごしている街が表示されます。それぞれ個性的なファッションで決めたキャラ達。誰でもオリジナルのキャラで着せ替えを楽しむことができます。

■着せ替えコ～ナ～

夏らしいワンピースに着替えました。

着せ替えを楽しむのはとても簡単で、先ず街の右にあるSHOPをクリックしてみましょう。登録はログインの為のIDとパスワード、それとキャラのニックネームを入力するだけで、すぐに着せ替えを始めることが可能です。

トップページの街に戻れば、着替えたばかりのあなたのキャラクターが早速街に繰り出していることでしょう。キャラを呼び出すとこちらに向かって走ってきて何か一言おしゃべりをします。何日も経って久々にキャラに会いにいくとねちねちとイヤミを言われてしまいます…。

フェル美を呼んでみました

■最新ニュースを伝える、カメラクルー

ニュースを伝えてくれるのは彼女達！

フェル美たちの世界では、最新ニュースを彼女たちがお伝えします。読みたい記事をクリックすると、こちらに気付き慌てて駆け寄ってきます。アノ体型にカメラマンの仕事はキツイらしく、何度もずり落ちるカメラを直す姿がほほえましいですね。

■名物「フェル美ダンス」

朝・昼・晩の三部作で構成。（写真は夜バージョン）

他にも隠し要素として一時間に一度、フェル美達が創作ダンスを披露します。朝・昼・晩と三部作になっていて、みんなこの一瞬のために一生懸命練習している模様。朝は通勤ラッシュを表していて、昼はVCノーマルダンス、夜はすこし気だるい感じを出しています。フェル美たちの練習の成果をぜひ見てあげて！

■イス取りゲ～ム

踏み固められた地面から彼女たちの熱狂ぶりが伝わる

キャラを作るとイス取りゲ～ムが遊べるようになります。フェル美達は山でイス取りゲームをするのが大好きなようで、自然がいっぱいの山の中でもイス取りゲーム会場だけは草が踏み固められて獣道のようになっています。

ルールは普通のいす取りゲームと一緒。「おなかハリハリ～♪」のテーマ曲が終わったらボタンを連打して他の誰よりも早くイスに座るだけ。単純だからこそつい燃えちゃいます！途中であなたが負けても、残りのキャラ達で優勝者を争います。あなたのキャラも他の誰かさんのゲームでちゃっかり優勝しちゃってるかもしれません。成績表にはログとして残っていますのでチェックしてみてくださいね。
また、優勝すると隠しアイテムを貰えます。お店には並んでいないレアアイテムなので、注目度はバツグン！

■みんなのパレード

先頭は電飾で飾られた、デコ山車！

みんなが作った全キャラ達が参加している、一大イベントのパレード。人気投票も同時開催していて、人気TOP3に入ると電飾バリバリの山車（だし）に乗って、パレードの先頭を練り歩くことができます。
誰でも好きなだけ投票することができるので、下克上も夢じゃない！？
注意：冒頭で登場する人気投票の係員。実は999までのカウンターしか持っていません。999を超すとまたゼロから数え直してしまうので注意してくださいね。

■着せ替え占い

どんな結果が出てもへこたれないで！

フェル美たちが最近ハマっているという「着せ替え占い」。あなたのキャラが身につけているアイテムで、あなた自身の運勢を占います。アイテムを着替えたらまずは立ち寄ってみては？占い結果をコーディネートの参考にするのもいいですね。

■お持ち帰り

「スナップショット壁紙」アナタの思い出、残します。

こちらではフェル美を気にいってくれたあなたに、かべがみやブログパーツなどを取りそろえました。
特に注目株なのが、こちらの「スナップショット壁紙」。これはサイト内で印象的なシーンをパチリ★と収めて壁紙にしましょう、というもの。パレードで山車に乗れたyo!記念、この顔でそれ言うか記念、親になった気分でカメラマークを押してみてください。写真はその場でフェル美のお気に入りの一枚として壁紙になります。

■モバイルサイト

こちらはトイプロさんに全面協力いただいたコンテンツ。絵文字、デコメ、の他、フェル美ダンスの待ち受けflashも。定時になったらこっそり携帯を開いて癒されて下さい。

なかなか楽しいサイトに仕上がったと思うので、是非みなさん遊びに来て下さい！

こんなことばっかり考えてます

ちょうど先日ヴィジョントラックさん主催の「冬のweb☆クリエイター勉強会」に出席した際、「逆吹き替えカラオケ」ができるまでの企画面についてお話させていただきました。

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

●なぜ口元だけ合成させたのか？

・一部だけリアル合成って逆にキモい

昔流行ったパロディ映画「親指タイタニック」。アゴだけでものまねをする芸人「HEY！たくちゃん」。顔全体でなく一部だけ合成するとまた別の新しい表情が生まれてオモシロ気持ち悪いという発見。

・みんな結局自分が大好き！→自分で遊ばせよう！

今まで巷で流行ったコンテンツ「脳内メーカー」、「顔ちぇき」、「モーションポートレート系」…紐解いてみると、みんな会話（またはブログ）の中で自分の話題にもっていけるツールは大好き！
近頃私たちはこの結論を下に、自分をネタにできるコンテンツに注目しています。

・個人を特定しにくいコンテンツ

「とはいえ自分で遊ぶのはいいんだけど、それがWEB上で公開されちゃうのはちょっと…。」これはユーザーもクライアントも共通して及び腰になってしまう点です。
ここで“目元を隠す”とどうでしょう？
例えはアレですが風俗店の看板を思い出して下さい。笑顔で全裸になっちゃってる女性。他は手で覆わず目元だけばっちり隠していますよね。
このように人は目元を隠すことによって個人が特定されにくく、なおかつ恥ずかしさも軽減され大胆にもなれるものなんです。これは仮面舞踏会で恋の駆け引きを楽しむ女性の心理状態にも似ていることから以後「仮面舞踏会の法則」と呼ぶこととします。（*これ以後一切出てきません）

●なぜカラオケなのか？

・ユーザーってすごく不器用

「自由にお絵かきしてね」「フキダシに好きな言葉を入れよう」今まで様々なタイプの自由に遊べるコンテンツを制作してきたのですが、その度気付かされる事があります。
それは制作側の期待に反して、白紙状態のゼロのものから自由に創造し楽しめるユーザーというのは本当にごくごく一部だということ。
制作側としては「せっかく作るのだからアレもコレもできるように…」とつい欲張ってしまうところなんですが、私達はあえて自由度をなくすことで、誰もが気遅れすることなく気軽に楽しめるようなシンプルな構造を心がけています。

・とにかく口を動かしてもらわないと楽しさが伝わらない

上記のことから今回も「自由に喋ってネ！」では誰も楽しんでくれないだろうという結論に至ります。
かといってアテレコのように予めこちらでセリフを用意して喋らせる、これも唐突すぎて抵抗がありそう…。
言われるままに口を動かすことに抵抗がないシチュエーションってなんだろう…？
⇒カラオケじゃん！！

こんな感じで、ああでもないこうでもないと会議室（≒居酒屋）で夜な夜なミーティングを繰り返し、「逆吹き替えカラオケ」は出来上がりました。

----------------------------
※おまけ
ここまで愛をこめて考えた「逆吹き替えカラオケ」なんですが、口元をカメラに合わせる部分が超アナログ…

実はこの仕様の以前に「顔認識させて、自動的に口元に追従させたらいいのでは？」という案がありました。その実験コンテンツが「家庭教師のトライをFlashで試してみた」だったわけです。

今回はカラオケの音楽に遅れることなく顔に追従できなくては意味がないということで、結局アナログな方法を取りました。ユーザーにアクションさせるという意味では「自分で頭をいい塩梅の所に動かしてね」という仕様は、傍から見ると滑稽で気に入っています。

企画・デザインをコミュニケーションプラス様から頂いた時点で、

• 対象の世界観に沿ったTVCMふうの映像作品を誰もが楽しみながら作れること
• そのCMを簡単にブログ等で紹介できること

という条件の中で、以下の点に工夫を凝らしました。

先ずは制作する対象となる作品が既に一定のファンを抱えていること。
作品そのものをとても大切に思っているファンを既に沢山抱えているという状況での広報作品を作り上げることは、いろんな意味で勉強になりました。
コンシューマー向けのゲーム作品であること。
ゲームというインタラクティブ性の高い商品の広告である以上、興味を持ったユーザーがまず最初に触れる部分だけに、いくら広告といえどここにバグや完成度の低さを見せるわけにはいかないので、極力実験的なことや難しい事を廃して面白く仕上げるかに腐心しました。
アクセスに対してサーバーの負荷を下げること。
いくら面白くても、サーバーに負荷がかかって落ちてしまっては意味がないので、与えられたサーバーのスペックの範囲内でジェネレートできる最短の方法をとりました。

ユーザー様から見て面白いと思うことと、
クライアント様から見て面白いと思うこと、
必ずしも一致しない場合も多いのですが、かといって正反対というわけでもなく、
ユーザーが全てをコントロールできたら面白くなるというわけでもなく、
クライアント側で締め付けたら面白いものができないわけでもなく、
僕らはそのギリギリのラインで、誰もが遊べるような楽しい何かを作り続けているわけですが、
今案件も先ずは触ってみて、楽しんで頂ければ何よりです。

最初にktv様から企画を頂いて、ポイントは

• サイト上で直接お絵かきができること
• 描いた絵は直接番組に送れること
• ブラウザを閉じたり別のページに移動しても描きかけの絵が自動的に保存されてて、またサイトに再来して貰ったときに途中からお絵かきが続けられること
• 番組の性質上、大人から子供まで楽しんでもらえるよう現実のものをメタファーにしたわかりやすい表現であること

でありましたので、いずれも当制作所得意中の得意分野としてこだわりのある制作をさせていただけました。

デザインに関しては、最初の段階から表情豊かな楽しいタレントさんが揃っていますので、ユーザーにとっつきやすい印象を与えることに苦労はなかったのですが、こだわりポイントとしては操作系に関するところになるでしょうか。
ユーザーが触れる部分はできるかぎり現実に即したものとするために、例えば「筆の太さを選ぶ」のではなく「太い筆を選ぶ」「細い筆を選ぶ」ようにひとつひとつ言葉に置き換えてわかりやすいほうをデザインとして反映していきました。

また、「このサイトは、画面上で直接お絵かきができるんですよ」って事は言葉で説明しないといけない部分で、実際にユーザーがこのサイトで何が出来るかを理解してもらうためには最低でも一回はキャンバス上でマウスをクリックしてヌリヌリしてもらう必要があります。
キャンバスをただ置いただけでは「なんだかえらい余白の多いサイトだな」とだけ思われて何もしてもらえずに別のページに移動される可能性が高いので、出来る限り見た目で「このサイトは絵が描ける」ということをわかってもらうために一番最初はぬり絵ふうの素材を置くことにしました。
このあたりは「こくばん.in」さんのようにただ黒板とチョークを置いただけでユーザーが一発で何が出来るサイトなのか理解するという素晴らしいアイデアをお手本にさせて頂きました。

プログラムに関しては特に目新しいことはしていません。Flashの描画機能を使えば結構高度なことは出来るのですが、では高機能なWEBドローツールを作れば案件は成功なのか、ということではないのでもの凄く真っ当にに「ユーザーが思った通りの動きをする」ことにのみ注力しました。
例えば描いた絵を番組に送るときの確認画面に、実際に描いた絵がサムネールで見えた方がいいのでそこに再描画させる処理など、見えないところでけっこう頑張っています。あとはページ下部でタレントさんがいかに遊んでる風に動かせるか、とか。

裏方の部分では、番組制作ってかなりな忙しさだと聞いていますので、ユーザーから投稿された絵を小難しい管理画面で処理してもらうよりは、ざっくりとjpeg画像としてダウンロードできて、ファイル操作で選びながらプリントアウトなども出来るように、Flashで描画された画像をファイルとして送信保存できるようにするなど、小難しい操作をさせないための小難しい技術、ってやつをふんだんに取り入れています。

制作全般において、こちらの自己満足で終わることがないよう、出来るだけ沢山の方に楽しんでもらいたいと願いを込めて作ったことが自己満足な、楽しいサイトに仕上がりました！
サイト制作者側としても、番組への素敵な投稿を願っています！