It's moving on
little by little

「MACKY」雑貨屋ECサイト・架空店舗webデザイン・コーディングー2015.8月

架空店舗の新規オンラインショップをデザインするということで、まずは具体的にどんな店舗であるかの軸を"個性的な「植物屋」が新たにライフスタイルショップをopenさせることになった"と仮説を立て、イメージを膨らませていきました。この店舗のUSPは、植物の専門家が生活を舞台とする全般を普遍的で面白みのあるものをテーマにセレクトしているというところに設定しています。最近の傾向ではインテリアショップ・アパレルショップ・花屋という垣根はかなり低くなっており、インテリア、アパレル、植物、食品、音楽さらにはコスメ、スキンケアetc..を「生活」または「ファッション性」のひとくくりとしてセレクト、オリジナル商品開発で差別化、具体的に販売しているものの価値を見出してもらうワークショップなどの取り組みを進めるライフスタイルショップという形態の店舗が増えてきていると感じます。「MACKY」という架空の店舗も、その流れや今の空気感をよりリアルに意識しています。
othersのページでは「MACKY」のイメージを膨らませ、ショップカードや名刺、季節のごあいさつDMなども一貫性を持ちデザインした作品を載せています。

課題概要	一般消費者を対象にした新規ECサイト制作。 贈答品から気軽に使える雑貨まで取り揃えているものとする。サイトを通じて商品が売れること、サイト自体の認知度アップが目的。
制作時の必要事項	１.デザイン要望 ・整理されて見やすいレイアウト ・特集やキャンペーンにお客様を誘導できるよう目立たせる ・カテゴリー覧は、文字ばかりにならないよう工夫する ・商品の豊富さを印象付けられるようなトップページにする ２.構成要素 ・サイトロゴ（ショップ名「Macky」） ・特集の告知（サイトの性格を想定して特集を4つ考える） ・各種バナー（訪問者別の誘導バナー、サービス紹介など） ・人気商品の紹介 ・スタッフのおすすめ（3点程度） ・新着アイテム ・ショップからのお知らせ ・ショッピングガイド ・商品カテゴリー一覧 ・ヘッダー、グローバルナビ、フッター、メインビジュアル 3.サイト仕様 ・ターゲット（商品写真から想定できる主要購買層） ・キーカラー（想定した顧客ターゲット層を集客できるよう 　　　　　　　な色を提案）
制作環境	Illustrator・Photoshop CS5,CC2014
制作意図	コンセプト：「庭と暮らす」をテーマにする植物屋が新たに 　　　　　　提案するライフスタイルショップを想定。 　　　　　　どこにでもあるような植物や日用品を、どこ 　　　　　　にもないかたちや暮らし方として届ける。 　　　　　　一人一人違うその人らしさに寄り添い、ほん 　　　　　　とうに必要なものと、暮らしのヒントをじっ 　　　　　　くり時間をかけて提案していく。 ターゲット：30～40代の男女。 　　　　　　暮らしの在り方を考えている世代 U　S　P　：植物を軸に、遊び心を持ち長く付き合えるもの 　　　　　　を提案。 カラー　　：モノトーンをベースに、ビビットカラーの緑と 　　　　　　赤をポイントカラーとした配色 サイト仕様：メイン画像はjQueryのbxsliderで2枚スライド 　　　　　　下部の特集はマウスオン時に画像切替 サイト目的：「売れる」サイト。商品写真を目立たせ、実際 　　　　　　の使用例も紹介、購買意欲につなげるよう工夫

• HOME
• character compe
• mansion site
• ec site
• others