pico – for bird lovers and more
前田製作所のササキ(@omohotto)です。
先日、小鳥好きが集まって“pico”というブランドを立ち上げました。
そのサイトを前田製作所でお手伝いさせていただいたのでご紹介します。
picoとは
picoとは、Twitterを通じて知り合った小鳥好き、かつモノ作りをしている人たちが集まってできたブランドです。
Twitterにはさまざまな趣味趣向の方がいて、それぞれグループをつくっていますが、picoのメンバーも小鳥好きとして通称「鳥クラスタ」と呼ばれるグループの中にいました。
半年ほど前、その中で「鳥について真剣に考える”小鳥サミット”(鳥同伴のオフ会)」が開催され、偶然にもモノ作りをしている人たちと知り合うことができました。「何か一緒に作りたいね」と意気投合、とんとん拍子で話は進み、Tシャツ作りをしていく過程で「pico」というブランドが生まれました。
わたしも小鳥サミットに参加していたことから、ウェブ担当としてお手伝いすることになりました。
pico第一弾は、小鳥好きな人はもちろん、そうでない人たちにも小鳥のかわいさを知ってもらいたいと「背中インコTシャツ」を制作しました。
picoのメンバー
鳥好きを軸にしているためか、さまざまな業種の人たちが集まりました。構成メンバーはこのようになっています。
- pico発起人&編集長:タイキチロウさん(@taikichiro)
- Tシャツデザイン、グラフィック担当:くろみどうさん(@kuromidou)
- カメラマン:やぎこさん(@yagiko_)
- ショッピングカートまわり:もちゅさん(@motusnobs)
- マネジメント担当:コナツさん(@konuts)
- インコ画伯:ゑびあんさん(@budgie_wevi)
- 背中インコのモデル:さやさん(@inko_chibitter)
- ピエール瀧的担当:のこさん(@ryoubanoko)
- ウェブ担当:ササメグ(@omohotto)
サイト公開までの流れ
何度か集まって打ち合わせをする事はありましたが、連絡は基本的にウェブ上で行いました。個別の連絡はメールで、メンバーで共有するものについてはGoogleグループのページ機能、各自の役割分担やタスク確認などはGoogle スプレッドシートを使用しました。
サイトデザイン案 その1
企画が動き出した当初はTシャツを作ることに意識が行っていたため、ウェブの内容はほとんど決まっていませんでしたが、打合せで出た意見からイメージを膨らませ、とりあえず一つ目のデザイン案をつくりました。
- Tシャツの紹介、購入ボタン(この時点ではpaypalでの支払いを予定)
- ゑびあんさんのインコ画のコーナーを設置(わたしが見たかったので勝手に追加)
- できるだけ更新の手間がかからないよう、既存のウェブサービス(Twitterのつぶやき、Flickr、ustream)を表示
- プロジェクトの紹介、お問い合わせ
これらをメンバーに確認してもらい、意見や感想を募りました。先にイメージを出した事でやりたい事が明確になり、この後たくさんの企画を提案していただきました。
サイトのデザイン案 その2
メンバーからの意見を反映し、二つ目のデザイン案を作成。
サイトを毎日見に来たくなるような「何か」がほしいという意見が出たので、日替り更新のコーナーを2つ設置しました。
- [日替わり] ことり短歌(ことりをテーマにした短歌。#kotori_tanka)を追加
- [日替わり] ゑびあんさんが描きためたインコのイラストを日替わりに変更
- newsを追加
- メンバー紹介はTwitterのアイコンのみでシンプルに表示
- ロゴやメインビジュアルはメンバーが作ったものを使用
この内容でメンバーに確認してもらいデザインを微調整したのち、旦那さん(@monoooki)にコーディングをお願いしました。
ショッピングカートについて
Tシャツの販売は当初Paypalを使用するつもりでしたが、日本ではまだ知名度が低く浸透していないことから、今回は見送ることにしました。代わりにColor Me Shop! proを使用しました。
私はこういったカートシステムに触れるのが初めてだったので、最初はサービスの内容やしくみを理解するのが大変でした。まず何を入力すべきなのか、最低限どこまで設定すればいいのか…。すでにColor Me Shopでお店を出しているメンバーの方に手助けしていただきながら、初期設定を行いました。
その後デザインを作り、旦那さんにバトンタッチしコーディングしてもらいました。
背中インコTシャツ発表!
7/31に渋谷@SUNDALANDCAFEにて「小鳥サミット 夏」が開催されました。今回作った「背中インコTシャツ」はここでお披露目となります。
Tシャツ発表の際、ちょっと面白いことをしてみました。
会場ではpicoサイトをスクリーンに映していたのですが、発表前はTシャツだけ「coming soon」の表示になっていました。会場のカウントダウンに合わせてお披露目ページに差し替える予定だったので、この作業をiPhoneからリモコンのように行いました。
やっていることは「古いindex.htmlを新しいindex.htmlに差し替える」だけなので、簡単なスクリプトを書いてもらい、このような切り替えスイッチを用意。
あとは現地のカウントダウンに合わせ「公開する」をタップするだけ。スクリーンに映していたサイトが、iPhoneの操作(と、スクリーンにつないでいるPCのリロード)によってお披露目ページに更新されたので、会場はとても盛り上がりました。新しいページにはショップへの導線があり結果的にショップサイトも同時オープン。さっそくたくさんのお客さまにご購入いただけました。
イベントはTwitterなどで告知を行い、たくさんの方が来てくださり大盛況に終わりました。
イベント当日の様子はこちらからご覧いただけます(ちょっと長いですが…)
最後に
企画から公開まで、全体的にあまり時間がない中バタバタと作り上げた感じですが、サイトを公開してから多くの方に見ていただき、ありがたい事に「背中インコTシャツ」の売れ行きも好調です。
全てのはじまりはTwitterとインコでした。こんな出会いがあり、知り合って半年でここまで実現できた事を思うと、何だかとても感慨深いです。
picoの皆さま、鳥クラスタの皆さま、そしてサイトを見てくださった皆さま、本当にありがとうございました!