ギークなトートバッグ

06

トートバッグのデザインを変更して、HTML5のコードをプリントしたい!

「Project 011」ブロガーズトート
今回は、まつゆうさんからのサプライズ!なんと、バッグのデザインを変更します。ファーストサンプルを使ったフィードバックも整理できたので、セカンドサンプルの制作を依頼しますよ!
はじめますー。中谷です!
南です。
今日はまつゆうさんです!
お願いします。まつゆうです♡。
そして、いしたにさんと吉野さんですね。いつものメンバーでやっていきましょう!
今日はサンプル1発目のフィードバックですね。
そうですね。前は機能が盛りだくさんだったので、実際使ってみた感想を聞いてみたいと思います。
じゃ、早速始めましょうか。使ってみてどうですか?
はい。まず、入れてるものなんですけど、化粧ポーチと薬ポーチ、サングラス、筆箱。
バッグに筆箱を入れる
筆箱でかいね(笑)。
カバンに入れているアイテム
ノート。あと、ガラケーと財布。
どんどん出てくる(笑)。
まつゆうさんがバッグに入れているアイテム
PASMO、家のカギ、髪の毛を縛るヤツ。 あと、名刺。iPhone、パソコンかな。 それから、パーカーを入れてたりしますね。
羽織るものですね。
仕事によって荷物が変わるんですよ。 ノートパソコン持っているときと、普通のノートを持ってるときがあるんですけど、 今日は両方入れてます。
ノートはA4ですよね?
はい。 デザインや文字を書いたりする仕事もたまにするので、一応文房具は持ってるんです。
じゃ、今はマックスってことですね。
マックスかな。 あ、今日はメイクをしてきたんですけど、 撮影があるときは、更にメイクポーチも増えます。 撮影のときは、その場で変えないといけないので、ヘアアイロンを持ってるときもあります。 まだそういう仕事がないからやってないけど、メイクポーチは入れてました。
使ってみてどうなんですか?
思ったのは(笑)、私は本当にいい加減で、ポケットとか関係なく、バンバン入れてるってことが超判明した(笑)。
わははは。
でも、始めのコンセプトはそうでしたよね。
判明したかあ。まあ、そうなるよねえ(笑)。
わははは。
これもステップですよ。
よかったのは、カバンの前のリング。ここにPASMOとカギを付けてたんだけど、すごい便利でした。
(パシャ)
さすがモデルのまつゆうさん
カメラを向けるとポーズを取ってくれる(笑)。
わははは。
iPhoneポケットは取り出しにくいから、使わなかった。 だから、やっぱりカバンの中で見つからなく探してました(笑)。 でも、iPhoneポケットは欲しいから大きくして欲しい。
バッグのiPhoneポケットが小さい
今ってバッテリーを付けたままの人もいるでしょ。 それがセットで入れられるといいんじゃない?
iPhoneポケットについて語るいしたにさん
そうすると、かなり余裕が必要ですね。
幅より厚みですね。
分かりました。電器屋に行って、調べます。
それから、この大きなファスナーポケットは開けっ放しでした(笑)。 実は、汗疹と金属アレルギーが出ちゃったので、このアクセサリー入れを使う機会は少なかったんですが、 このフタはちょっと使いにくかった。 フタはなくていいかも。
バッグの中のポケット
あ、そうだ。この台形にするための左右のホックは使わなかったです。 これを止めてると、ポケットのモノが取りにくかった。 止めてなくても中に折れてたから、なくてもいいかも。
なるほど。
ペットボトルホルダーはすごい便利だったんですけど、取り外せることでどっか行っちゃったことが何度もあって。
ペットボトルホルダー
やっぱりね。
家に忘れてきたり、ヘンな方向に向いてるときがあったので、固定してたほうがいいと思う。 なんかね、全部離れちゃいけないと思った。 パソコンケースも結局自分のを使ってたのでこれは使ってないです。
あ、パソコンケースは使ってないのね。
使ってない。カバンに引っ掛けると怖いから、普通にバッグの中に入れるんですけど、それだったら使い慣れたケースのほうがいいので。 それが使ってみて思ったこと。とにかくいい加減に使っていた! あれが欲しい、これが欲しいって言ったのに、そんなに使わなかった(笑)。
わははは。

バッグが汚れなかった。

すごいよかったのは、白なのに全然汚れなかった! コーティングされてたらこんなに違うんですね。 床にも置いてたのに、そんなに汚れてないんです。 だから、下の足もなくて大丈夫と思う。
PUマットなのでバッグが汚れない
ほんとだ。汚れてないですね。
確かに。
マットのPUコーティングなので汚れにくいですね。
色がついたらもっと気にならないですよね。

すでにバレてる

あのー、この話ってまだどこにも公開してないでしょ。 でも、このバッグ白いし、ちょっと変わってるからバレてしまって、周りの人にいろいろ聞かれるんです。 それで、欲しいって言う人が多くて嬉しいんですけど、男の人が多いんですよ。
そうなんや。
それで悩み始めたのは柄なんです。
なるほどね。 あのね、実は、柄はここのところずっと悩んでいて、 オリジナルの柄を作れるのはチャンスではあるし、差別化にはなるんだけど、 逆にそれでなしってなる可能性もあるよね。 柄の主張が強いとね。
実は、今日はそれを解決するアイデアがまつゆうさんにあるんですよね。
そうなの(笑)。
えっ!

バッグのデザイン

ジャジャーン!
安っぽくなるから止めて!
わははは。
実はみんなをビックリさせようと思って、こっそり吉野さんだけに相談してたんです♡。
僕は昨日、吉野さんから聞いたんですが、詳細知らないんですよ。
コンセプトは、ギークガールがパソコンとかいろいろ入れちゃう大きいバックでしょ。 私がギークガールとして何かなと思ったら、やっぱりウェブとかデザインなんです。 だから、バッグにHTMLコードを書こうと思って。
ほお。
これがまつゆうさんから頂いたデザイン案です。
バッグにHTML5のコードを入れる
おおー。
アメアパのバッグのように文字をプリントするのって流行ってるんだけど、 コードが入ってるのってないんですよ。
ほんとですよね。
これ何て書いてるんですか?
これはね、 Facebookのいいねボタンを出すHTMLのコードなんです。
なるほどね!
コードは何パターンか頂いてますので、確認用にプリントしてきました。 私の家でプリントしたので、ちょっと色がおかしいんですがグレーです。
HTML5でいいねボタンを表示するデザイン
HTML5とJavaScriptで考えてみたんです。でも、JaveScriptのはちょっと長いんです。 ある程度の人が認識できたほうが楽しいと思うので。HTML5にしようと思ってます。
HTML5とJSのコード
ほんまや。ボタンを出すコードや(笑)。
これはウェブ業界の人だったら、電車乗ってたら、絶対見ますよね!
これいいね。
でしょ。Likeボタンを出すだけなので。
オモシロイですね(笑)。 これやったら僕でも使えるんちゃうの。
ほんとですね。
ギールガール用バッグのデザインはHTMLコード
あと、ちょっと悩んでいるのが、コーディングする人って左にスペースを入れるでしょ。 でも、一般の人には馴染みがないから、スペースがなくて左に寄せちゃったほうがデザイン的にもいいかなと思って。
でも、インデントがあるほうがウェブっぽいですね。
そうなの。 コードなら、フォントはMonacoなんですが、デザイナーはHelveticaが好きだから、 「Helvetica」と「いいねボタン」のコラボにしようと思ってるんです。Monacoだとカワイクないんです。
そうなんだよね。
あと、Helveticaはボールドのほうがカワイイのでボールドにしようと思ってます。薄いグレーに白文字だから、ボールドじゃないと見えないんです。
表がHTMLで、裏がCSSとか!
(うーん)
てか、裏はいらないでしょ。ほとんど見えないし。
でも、CSSも見えないものじゃないですか。
ああ。
(うーん)
クシャってなったときに、文字は揃ってるほうがいいのかな。 歪むでしょ。
インデントありとなしで、プリントアウトしてみましょうか?
あ、そうしよう。
(吉野さんが印刷に行く。)
私はパッと見たときは、左に揃ってるほうがいいと思ったんだけど、ちょっと悩んでるんです。 どう思いますか?
普通のバッグだったら、文字は左寄せが普通でしょ。 インデントなんてあり得ないじゃないですか。 だから、インデントがあったほうがウェブっぽくていいと思いますね。
僕もインデントあったほうが好き。 でも、まつゆうさんの好みでいいんちゃうかな。コードっていうのがコンセプトにハマっててすごいいいと思う。
これ絶対に真似されますよ。 でも、最初にこのアイデアを考えたのはまつゆうさんっていうことですよ。
なんかね、欲しいって言う人がみんなギークじゃないし、バラバラだったんです。 だから、柄じゃダメだって思って、それからずっと考えてたんです。 それで、私が好きなのは何かって思ったら、コードとかデザインしてるときだと思って。 そうすると、文字列デザインは好きだし、ギークガールとあう。 たぶん、いいねだよな、と思って。
なるほど。
HTML5のほうがいいと思ってるんですけどどうですか?
うん。そっちでいいと思う。JavaScriptのほうは読む気が起きないよね。
うん。やっぱり気づかないよね。 じゃ、やっぱりHTMLかな。これだったら私も超欲しいし。みんな欲しいんじゃないかと思って。
オレも欲しい!
欲しい!
嬉しいー。私も自分で思いついたとき、欲しい!って思って(笑)。
(吉野さんが帰ってきた。)
印刷してきました。こんな感じですね。
バッグのデザインのシミュレーション
あ、いいね。インデントアリでいいんじゃない。
バッグのデザインにHTMLコード
HTMLのも置いてみましょうか。
やっぱHTMLだな。
(貼付ける。)
バッグのデザインがカッコいい
いいやん。
バッグのデザインにHTML5コードでいいねボタン
どこかにスーパーコンシューマーへのリンク入れたいな(笑)。
わははは。ほんまやね(笑)。 でも、長くなるで。
欲を出してはいけない(笑)。
わははは。
シンプルなほうがカッコいいですもんね。 文字は表だけでいいですか、裏はいいですか?
表だけでいいです。
分かりました。

バッグのカラー

色は今まで決めた色でいいですか?
うーん。それも悩んでる。今の色でもいいんですけど、変えたほうがいいかな。 ライトグレーなんだけど、ちょっとブルーとかグリーンが入ってるほうがいいかなと思って。 最初に悩んでいた色とかがカワイイ気がするから、また色を見せてもらっていいですか?
分かりました。
(吉野さんが色を探す。)
前に選んでいる裏地がコレです。
バッグのカラーを再び考える
どれがいいかなあ。 個人的に好きなのがこの色だけど。
バッグの色を選ぶ
水色系もいいなあ。 これ切っていいですか?
大丈夫ですよ。
バッグの色候補
本当は明るいときに選んだほうがいいんですけどね。
蛍光灯を持ってきますね。
(蛍光灯を持ってきた。)
バッグの色を検討
うわ、結構見え方が変わりますね。 白抜きになるからそこそこ色がないとダメなんだよねえ。 いわゆるグレーってどれですか?
これですね。
ああ、グレーもカワイイなあ。
バッグのカラーを考えるまつゆうさん
まだサンプルだから、攻めていったほうがいいんじゃない?
そうだよね。でも、グレーもカワイイ。
版を作っても、色は変えれるんですよね?
プリントの色は変えれますけど、 生地はまとめて買うので、変えれないです。
文字色は真っ白でいいですか?
真っ白がいいです。うーん、やっぱりベースカラーはグレーにして、グレーに白文字にしようかな。
最近グレーは人気あるのでいいと思います。
じゃ、そうします!
裏地はどうしましょうか?
裏地はこちらから選んでください。
前の薄い紫も好きなんだけど、違う色で試してみたいな。
バッグのカラーを選ぶ
うーん。悩む。
バッグーのカラー
吉野さんのオススメってありますか?
濃い色ならこのへんもキレイだと思います。 男の人も考えるなら031とか。
バッグのオススメカラー
これって黒ですか?
いえ、濃いめのグレーです。黒はその2つ下の032です。
じゃ、これで試してみる。まだ決定じゃないですよね?
大丈夫ですよ。

文化祭のノリ

すごい売れたら色違いが作りたいな(笑)。
わははは。
発売したときにTシャツとか作りたいな(笑)。
わははは。
版が一緒だからできますよ。 いい!すごいいい!
いいのかな?(笑)
僕はパーカーが欲しい。
みんな自分が好きなものを作ったらいいんじゃない?
文化祭的なノリになってきましたね(笑)。
わははは。
オンデマンドでプリントできるところあるからできるんじゃないですかね。
結構文字が大きいのでイケルと思うんです。 文字は分かって欲しいけど、分かりやす過ぎなくていいです。 ちょっとモヤッとしたいんですよ。

まとめ

すごいまとまってきたね。 デザインから決まったんは初めてちゃう?
初めてですね。
サイズはどうですか?
すごいかわいくてワタシはこのカタチ好き! 確かに重かったんですが、サイズはいいんです。 クタッと感もよかった。今回ちょっと機能が減るから、重さも軽くなりますよね?
なりますね。
じゃ、カバンの中のフィードバックをまとめましょうか。
はい。
ええと、カバンの内側にPCバッグを内蔵して、一体化してしまう。
うん。でも、クシャとはして欲しい。
底はどうしますか?
汚れなかったから、足はなくて大丈夫です。 下のフカフカももうちょっと少なくて大丈夫。
台形にするための左右のフックはいらない?
うん。ほとんど使わなかったからいらない。
バッグを止めるマグネット
カバンを止めるマグネットは必要。
うん。それは必要。
PASMOを付けるリングはこのサイズでいいですか?
はい。
あれ?前はリングが小さくなかった?
あ、大きいのを付けてるんです。 では、大きいリングに変更しておきますね。
バッグのリング
ペットボトル入れは中に固定して、 iPhoneポケットは大きくして欲しい。
あと、仕事で使うときを考えると、この大きさでA4の書類が入らないのはダメだと思う。 A4のクリアファイルが入る場所は絶対1カ所は必要でしょう。
バッグを持ついしたにさん
でも、パソコンを入れる場所を内蔵したら、そこに入れられますよね。
ま、そこでもいいけどね。
反対側のポケットにも入ったほうが便利かもしれないですね。 アクセサリーポケットはどうしますか? フタをベルクロからファスナーに変えてしまっていいですか。
はい。アクセサリーポケットの下のポッケもフタはなしでいいです。 ポンポン入れていくことが分かったので(笑)。
でも、ここは女の子の隠すものって言ってませんでしたっけ?チャックで見えなくしてたほうがよくないですか?
でも、上のチャックを開けないと見えないでしょ。それに2回開けるのが面倒だったので(笑)。
ああ、なるほど。分かりました。
それぐらいですね。 何気に絞られてきた!
そうですね。
今回このバッグを使ってみて思ったのは、 付属品は無くして、全部くっついてくれてるほうがいいと思った。
いい感じですね。次のサンプルがめっちゃ楽しみですね。 次はいつぐらいになるんですか?
ええと、生地を作るので。あと、お盆もあるので、来月末になりそうですね。
じゃ、いよいよ版を作りますね。
終わりが見えてきたね。
そうですね。
(パチパチパチ。)
いい案が出ましたね。
すごい悩んでいたことが嘘のように昨日解決したんです。よかったー。
昨日なんや!
そうなの。昨日フッと思ったんです。私ってギークガールをコンセプトにしてたじゃんって!

バッグの商品名

ということは、ギークガールバッグ?
でも、そうすると男子がイヤでしょ。
かといって、ギークバッグになると、ちょっとね。
ちょっとオタクっぽくなっちゃうよね。
ギークピープル!
(何事もなかったかのように。)
最初はフウテンバッグって言ってましたよね。
言ってましたね(笑)。
名前ですね。次に決めないといけないのは。
ギークバッグはダメなんですか?
ダメだね。
それだったら、もっとギークなこと書いてないとダメでしょ。 このHTMLはちょっと勉強したことある人なら分かることなので。
あー、ちょっと簡単すぎるのか。確かに。
ギークボーイバッグはもっとないでしょ。
わははは。
ギークガールアンドボーイズバッグもないでしょ(笑)。
長いよ(笑)。
わははは。
ギークを入れるかどうかも考えないといけないですね。
そうだね。ギークガールがコンセプトなのはいいけど、 買う人が「ギークって何?」ってなっちゃうのはもったいないので。
とれるカメラバッグがなぜ売れてるか分かる?って言われたんです。 それは、見る人が見たら、とれるカメラバッグってすぐ分かるからなんだって。 それを聞いて、なるほど!って思ったんです。
ああ、なるほど。
えっ、それってどういうこと?
名前と見た目が一致しているってことじゃないですか。
そういうことそういうこと。
名は体を表しているってことか。
だから、あのカバンを持ってる女の子はギークガール?って思われるデザインがいいと思ったの。 それで、自分は何のギークなんだろうって思ったら、ウェブだ、じゃ、タグだ!って思ったんです!!
わははは。
もう今はHTMLを書かないですけど、昔はずっとタグ打ちしてて、 もともと根底にあるものが、ウェブのギークなので、そしたら、HTMLタグでしょ。
それだったら、ウェブデザイナーズバッグじゃないですか?
そうじゃないんです!
仮にウェブを使うなら、ウェブバッグでいいですよ。 デザイナーを入れた途端に、僕は違うってなっちゃう。
ウェブバッグ?
ま、ないでしょ(笑)。
わははは。
まあ、ないこともないんじゃないですか。 どうしましょ。名前は次回までの宿題にしますか?
ただ、とれるカメラバッグも最後の最後に決めたから。 これで完成っていうカバンを見て、最後の1週間で決めたほうがいいかも。
なんか、また、フッと閃くかもしれない。 その時を待って下さい(笑)。
わははは。
楽しみにやなあ。 じゃ、終わりますか。
そうですね。
では、次回のサンプルが完成したらまた集まりましょう。長い時間、お疲れ様でしたー。
ありがとうございました。
文章:中谷よしふみ
ブロガーズトート 商品詳細
01 ブロガーのまつゆう*さんがスーパーコンシューマー11人目です。
02 パソコンやカメラが入る大きくてカワイイバックが欲しい!ギークガール用のオシャレなカバンがないんです!
03 ギークガール用バッグのデザインと生地と機能を考えたら、ゴヤールから離れてきた。
04 バッグのカタチがバージョンアップしてまつゆうさん大満足、カラーも決まったので、工場にサンプル発注だ!
05 白いバッグが届いた。ファーストサンプルとしてバッチリ!だけど、このままだとすごく高くなってしまう。
06 トートバッグのデザインを変更して、HTML5のコードをプリントしたい!
07 ギークなトートバッグのセカンドサンプルは使いやすかった!だけど、色を悩む。
08 トートバッグがオリジナルデザインになった!でも、なぜかキャンプ用品みたいなシャカシャカ素材。
09 バッグの商品名はブロガーズトートに決定!
10 ブロガーズトートのサードサンプルの使い心地と、オリジナル生地の確認で集合!
11 カメラマン磯部昭子さんにブロガーズトートを撮影してもらう。透明感ある写真がキレイ!
12 ブロガーズトート完成!たくさん入るバッグだから、街歩き、仕事、旅行などで、ポンポン入れて使って欲しい!
13 ブロガーズトート新色ブラックができるまで!
ランキングに参加してます。よかったらクリックしてください。 にほんブログ村 デザインブログ プロダクトデザインへ
今回のスーパーコンシューマー
まつゆう*
まつゆう*
東京生まれ、渋谷育ち。98年からWebで独自の「可愛いカルチャー」の情報発信を開始。イブ・サンローラン・ボーテ、ブシュロンなど海外からオファーを受ける現在世界でも注目されるブロガー。
スーパーコンシューマーとは
スーパーコンシューマーのアイデアがカタチになっていく様子をブログやポッドキャストで配信
ブロガーズトート 商品詳細
ブロガーズトートの写真

イベントレポート

ひらくPCバッグとブロガーズトートのユーザーイベント ひらくPCバッグとブロガーズトートのユーザーイベント 2013年
つぶやき

みんなのつぶやきをチェック!

togetter
スーパーコンシューマーのトップ