株式会社余白 YOHAKU co.,ltd. 代表取締役浅野渉 ブランディング=感情の絆の形成。web.space.graphic.system.products design・・・、全てのユーザー接点でブランドを一言で伝えるクリエイティブを開発し、長期的にユーザーと感情の絆が結ばれる演出を行います。「価値続けます。」 哲学 philosophy企業データ company個人情報保護方針 privacypolicyリクルート recruitコンタクト contact
キーパーソン key person
八谷賢治 kenji hachiya
氏家賢之 yoshiyuki ujiie
浅野渉 wataru asano
宮坂大貴 daiki miyasaka
清水智之 tomoyuki shimizu
吉川祐二郎 yujiro yoshikawa
ディレクター directors


ポートフォリオ portfolio
ホームページ制作実績 web
スマートフォンサイト制作実績 web
モバイル制作実績 mobile
グラフィック graphic
映像制作実績 movie
デジタルサイネージ digital signage
空間・インテリアデザイン制作実績 space


GURUGURU ぐるぐる動画 次世代プレゼンテーション360°のぐるぐる動画サービス
GALLERY 余白

  草花木果 EC サイト


自然派思考の化粧品ブランド「草花木果」のECサイト構築
since 2006.05.06〜
http://www.sokamocka.com

AD point :
草花木果は自然派の化粧品。優しさ、親しみやすさをベースとしたカラーリングを展開。また、ターゲットレンジが広く、クールすぎず甘すぎないイメージが必要。リニューアルにあたって、サイトイメージを一新するのではなく、前回のイメージを継承しつつユーザビリティーの向上に努めたADを展開した。

TD point :
デバイステキストによるSEO最適化、データベースとの連携を重視し制作。また、商品量やキャンペーン更新が多いため、更新のしやすさをポイントに制作。

2011.08.23
草花木果 トップページリニューアル
レコメンドツール導入による、トップページリニューアル。アクセスしてきた人の属性による表示の切り替えをランダムに行うため、適時に表示を切り替えられるような構成。メインエリアは属性によって表示するコンテンツ数が異なるため、数が変わっても訴求が弱まらないように。また、スマートフォン対策をした場合、左ナビゲーション分をカットしても問題ないレイアウトにした。

2010.04.05
草花木果 サイトリニューアル
よりお買物がしやすくなるためのサイトリニューアル。「横幅サイズの最適化」「横幅サイズが大きくなったことにより、ファーストビューで見れる情報を多く」「商品、商品に対する肌悩み、検索のナビゲーションの充実」「デバイステキストによるSEO最適化」「背景、見出し、ボタンなどサイト全体の使いやすさ」「データベースとの連携、および更新のしやすさ」をポイントに構成。

2009.09.29
草花木果 秋キャンペーン
アイクリームEX新発売を中心に構成。だんだんと寒くなっていき、気になりだすエイジングケア。ユーザーの気持ちの変化に訴求する内容とした。また、購入のフックとなる購入インセンティブを大きく、詳しく説明し、よりいっそう購入を促せる構成とした。

2009.06.23
草花木果 盛夏キャンペーン
ヘッダ、フッタをリニューアル。画像からテキストにすることにより、画面内で遷移しやすくした。またフッタでは通販ならではの「送料」「お届け日数」「返品」などの気になるキーワードを並べ、知りたいことがすぐわかるようにした。

2009.05.12
草花木果 初夏キャンペーン
メーキャップをメインキャンペーンに構成。商品数が多いため新色、人気色を中心にして構成。色が多くなり、煩雑な印象を与えないページ構成を心がけた。

2009.04.01
草花木果 春らんまんキャンペーン
リニューアル。TOP FLASHはキャンペーン告知をわかりやすくするため、自動で切り替わる仕組み。ストレスを感じさせないよう手動でも切り替えられる遷移ボタンを用意した。また、ブランドをよりわかりやすく伝えるため、ブランド紹介ページもリニューアル。

2009.02.17
草花木果 春キャンペーン
リキッドファンデーション・化粧下地新発売をメインキャンペーンに構成。キャンペーンコピー「素肌そのものの美しさと透明感を引き出す肌づくりへ」から、美しさ+透明感を想像させるような構成。

2009.01.08
草花木果 初春キャンペーン
メーキャップアイテム新発売をメインキャンペーンに構成。初春+メーキャップの華やかさ+新発売で、華やかに登場する感を表したTOP FLASH。CPページでは、メーキャップアイテムの紹介数が大変多い中、目を引きつつ見やすく購入しやすい構成を心がけた。

2008.11.18
草花木果 冬キャンペーン
計8品をセットした冬のお手入れセットをメインキャンペーンに構成。シャンパンゴールドのポーチがセットで、たくさんの商品と冬のキラキラ感を表現したTOP FLASH。
上位会員限定のキャンペーンでは、ECシステムでの制限がある中、ユーザビリティがよい遷移を考えた画面構成。

2008.9.30
草花木果 秋キャンペーン
透肌マスクジェル200万本突破記念キャンペーンをメインキャンペーンに構成。自然派化粧品「草花木果」らしさを残しつつ、200万本突破のワクワク感をだした構成。草花木果らしさ+αがいつもテーマである。
またPV数が多い使い方動画を商品詳細ページにも導入し、より商品の魅力を知ってもらうようにした。

2008.8.19
草花木果 初秋キャンペーン
人気の限定ケースつきパウダーファンデーションをメインキャンペーンに構成。TOP FLASHでは、ケースのモチーフ「芍薬(しゃくやく)」と、夏から秋に季節が移り変わる温かみのある色づかいの2つをかけて赤系で制作。また初めての施策で、購入が多い顧客向け特別キャンペーンを実施。ターゲットに向けた特別感・お得感と、ターゲット以外に向けた期待感を表現。
2008.6.24
草花木果 盛夏キャンペーン
トライアル7品に特製ポーチをセットした、「夏のお手入れセット」をFLASHにて告知。金額にして、1,000円以上お得な商品。各商品が流れるように表示することにより、盛りだくさん・お得、ワクワク感を表現。また、本キャンペーンより草花木果がおすすめする商品の組み合わせ=リコメンド機能を追加。通常商品とデザインテイストを変えることにより、あくまで通常商品の買い物かごへの導線は邪魔をしないデザインとした。
2008.5.13
草花木果 初夏キャンペーン
メーク落としリニューアルと、プレゼント品の特製メッシュバッグの2キャンペーンを、FLASHにて告知。全体的に初夏を感じさせるさわやかな構成とした。
2008.4.01
草花木果 Echika表参道イベントショップ特設サイト
通販専門の草花木果というブランドがEchika表参道に期間限定でイベントショップを展開。そのイベントショップの特設サイトは「草花木果にはじめて触れるお客さま」をやさしい色使いでお出迎え。
2008.4.01
草花木果 春らんまんキャンペーン
春からはじまる紫外線増加に対処する為、日やけ止めがメインのキャンペーン。春の陽射しを感じさせる明るくさわやかな色彩で展開。
2008.2.26
草花木果 春キャンペーン
薬用美白美容液 ホワイトニング スポッツをメインキャンペーンとし構成。美白をイメージさせる白・輝き・透明感をイメージして作成。
2008.2.26
草花木果 モバイルサイトリニューアル
テキストのみのサイト構成から、画像を使い、直感的にわかるサイト構成へ変更。
お知らせしたい情報は、テキストリンクにし、画面上部に配置。
また、メインキャンペーンはトップ画面からアプローチしたいため、画像にて配置とした。
2008.1.8
草花木果 初春キャンペーン
口紅、アイカラー新発売をメインキャンペーンとし構成。メーキャップがメインキャンペーンということと、初春なこともあり、華やかさがあるワクワク感を感じさせる構成とした。
2007.3.25
草花木果リニューアル - TOP PAGE
昨年の作り込みは「草花木果」ブランドの世界感の表現。そして今回のリニューアルではイメージを残しつつ「売り」を意識したフェーズへ。情報整理の直感性を備えた分かりやすいデザインに変更。
2006.7.1
草花木果 TOP PAGEアタックムービー:7月ー文月
・コピー
「夏に負けない涼しげ肌を」
朝顔が涼しそうなフォトを選定。コピーと自然のイメージの連携をはかる。
2006.6.1
草花木果 TOP PAGEアタックムービー:6月ー水無月
・コピー
「初夏の肌悩みを洗い流し、すこやか肌に」
洗い流すイメージをあじさいの水滴にたとえ、すこやかな肌になるイメージを。
2006.5.6
草花木果 TOP PAGEアタックムービー:5月ー皐月
・コピー
「紫外線がつよい時期、肌にうるおいを」
新緑に水滴がつき始める時期。同時に紫外線が強くなり、肌にうるおいをもとらすことが大事。
2006.5.6
草花木果 美容チャンネル
草花木果の基本のお手入れで使われる4種の石けん。全ての商品特性をモニターや開発者を交えながら展開するTV番組のような構成。
2006.5.6
草花木果 商品カテゴリー使い方動画
それぞれの商品の使い方を動画で紹介。一回の分量から正しい使い方までを直感的に伝える。
2001-2010 copyright(c)YOHAKU co.,ltd.all rights reserved.