Flower FLOWER

概要

世田谷市場の仲卸、株式会社フローラルコレクションと株式会社コムストラクトが協業で運営する、２万点以上の切り花データベースを有する花のショッピングサイト。月・ 水・金の昼から行われるタイムセールは即日発送可。その他にも、期間と数量限定の企画商品など、販売している商品は常時数百アイテム。BtoB、BtoB.5、BtoCを意識したサイトで、個人から業者まで幅広く利用してもらうことを想定して構築。特にBtoB.5、BtoCを意識したユ ーザーステップアップ制度は、卸売り価格からさらに値引きされお買得。コンセプトとしては、「今までにない花のショッピングサイト」を元にユーザーインテーフェイスを設計、サイトの機能、オールCSSなど先端の技術を試験的に使用している。また、購入ユーザーの みに的を絞るのではなく、生産者のブランディングも視野に入れている。ユーザーとショップなどの業者と生産者のパイプ役としての指命を意識し、花業界全体の盛り上がりを目指している。

制作上のポイント

アマゾンなどのネットショッピングに慣れた人には問題なく使えることを想定しているが、初心者に向けての配慮はコンテンツごと にグリッドの間隔を離したり、なるべくゆったりした構成や、文字サイズもすべてのブラウザで変更できるなど。各場面で「HELP 」ボタンを設け、サイトの使い方を説明する画面が見れるような工夫。

▼カラー/多様な色彩を持つ花を扱うサイトに、余計な色彩は不要であると考えた。白地にグリーンテキスト、強調はピンク、リ ンクはブラックとシンプルな色彩ルールとし、メインである花を目立たせているなどの配慮。

▼HTML/オールCSSレイアウト。IE用のフォントサイズ指定と他ブラウザ用のhtml>bodyという表記でのフォント指定をいれている。あとはパスフィルターでMacIE用のCSSを切り分けている。

▼TOPのフラッシュや詳細画面などで使っている花の商品写真は、クライアントの担当者が、日に200〜500カットを数ヶ月かけてマクロレンズの一眼デジカメで撮影したもの。入荷したての販売前の状態を一種類ずつ撮っている。イメージ写真や花の手入れ写 真などはADが撮影。 管理画面は自社で制作。 更新は、運営元であるフローラルコレクションが保有しているデータをCSVアップロードして管理。

▼同じデータを検索するにしても、複数の手段を用意することで、多くの人にとって「探しやすい」サイトにする工夫。商品DBから画像のある商品のみを抽出しそこからFlash側に引き渡すXMLを生成し管理。Flashはボタンの動作等で、XMLを取得し内容によって必要な画像をimageフォルダに取りにいく仕組み。

▼全ての基本データとして花情報に、「商品名」「カテゴリ」「色」を持たせている。販売のための基本データ「価格」「購入単位 」「発送期間」などは別データで持たせ、花のデータと連結させて、花情報は1度入力すると常に変わらず、販売情報は常に更新す るというように分けている。基本的には、花の基礎データに販売データや生産者デ ータなどを付加して、更新頻度が多い生鮮商品の更新が楽になるようにしている。

運営上のポイント

実際に店舗のある花の卸の会社さんなので、実際の市場との連動、市場でのルールを(ロット数、予約注文、規格、生産者さん) サイトに取り入れることに考慮。定期的に制作メンバーとクライアントのミーティングを設け、市場側と現在のウェブ環境、想定するユーザー側のスキルなどを検討しあった上で構築していった。あえて、規格やロット、予約注文を取り入れ「卸ならでは」のショッピングを楽しんでもらうよう工夫。ただし、予約注文は初心者の方には中々難しい部分があるので、そこは切り分けて中級者以上の方のみに販売するようにしている。

生鮮品の中でも特に扱いが難しい花では、今後の課題として流通の確保が必要である。例年のデータは蓄積されているものの、毎年、その時期にならなければわからない花の育成状況など、判断するのは難しく、システムで自動化できない部分も多く、運営側の仕組みはまだまだ改善の余地がたくさんあり、また、生鮮品なので、できるだけリアルタイムに売らなければならない。

そこで考えられたのがタイムセール。早く届けばユーザーも嬉しいし、運営側も花の処分に困らなくなる、どちらにも利点がある。商品期間が短いこともあり、サイト上で購入出来る商品はほぼリアルタイムに在庫数が計算される仕組みで、夕方のスーパーの生鮮食品タイムセール並みの活気をイメージ。とりあえずでも買い物かごに入れておかないと、という雰囲気がユーザーへの購買意欲に繋がることを期待。常に同じ商品の在庫を抱えることができないリスクもあるが、逆にそれをユーザーに楽しんでもらうという発想に置き換えることがこのサイトの工夫した点。

定期的に公開される企画コンテンツは弊社スタッフとクライアントスタッフが生産農家などの現地取材に出向き、動画やスチール写真を撮影編集し、デザイナーやディレクターが取材記者、カメラマン、HTML、SEM、販促企画を兼ねるなどコンパクトでスピーディな制作体制。

制作スタッフ

プロデューサー：笹間 健史
ディレクター／編集企画：坂庭亜矢子
アートディレクター／編集企画／ウェブ・ロゴ・印刷物デザイナー／CSS／色彩計画／イメージ写真：大谷秀映
ウェブデザイナー／CSS／HTMLコーディング／イラスト／動画コンテンツ編集制作：大久保央
Flash開発：http://brandnew2day.com〜下道淳一・石川裕成
プログラマー：宇都宮一矢