穏やかな花をテーマにしたドライフラワーのオンラインショップ「Fleur Sereine(フルール・スレーヌ)」ECサイトのイメージ

Fleur Sereine(フルール・スレーヌ)
架空ECサイト

Planning / WF / Design / Coding

内容:自主制作

制作期間:12日間

制作範囲:TOP / ABOUT US / BLOGS / FAQ / PRODUCT / CONTACT / CART / PAYMENT / SHOP LIST / COLLECTIONS

使用ツール:Illustrator / Photoshop / Figma / VS Code / Shopify

サイトはこちら:

閲覧用PASS:destoh

概要

穏やかな花をテーマにしたドライフラワーのオンラインショップ
「Fleur Sereine(フルール・スレーヌ)」ECサイト

コンセプト

当サイトは、時間が経っても色あせない“静かな美しさ”と、暮らしにそっと寄り添う“やさしさ”を届ける世界観がコンセプトになっています。

ターゲット

「Fleur Sereine(フルール・スレーヌ)」ECサイトのターゲットは、特に女性限定を対象としています。主なターゲットは以下の通りです。

  • 都会で働く30代女性:
    広告・デザイン・ファッションなど感性を生かした仕事に就き、インテリアや雑貨など“自分の世界観”を大切にしている人。花を飾りたいけれど、生花は手入れが大変と感じています。

  • 美意識が高く、落ち着いたトーンを好む:
    流行に流されすぎず、自然素材や優しい色味が好き。「長く使える」「サステナブル」というキーワードに共感します。

  • ギフト選びにもこだわりたい:
    大切な人への贈り物に、派手すぎず上品なものを選びたい。特別な日だけでなく、「ありがとう」や「お疲れさま」を伝える小さな贈り物にも惹かれます。

  • 情報源はInstagramやPinterest:
    SNSで見つけた素敵な部屋や雑貨から、暮らしのヒントを得ています。写真のトーンや世界観の統一感を重視する傾向があります。

  • ブランドとの関係性:
    買うだけでなく、心が落ち着く時間をもらう感覚でブランドに触れます。ブログで飾り方やお手入れを読むことも、ひとつの楽しみになっています。

Fleur Sereine は、「暮らしに静かな彩りを添えたい人」や「忙しいけれど、心の余白を大切にしたい人」に向けたブランドです。自然体でやさしい世界観が、日常にそっと寄り添うようにデザインされています。

課題

「Fleur Sereine(フルール・スレーヌ)」ECサイト制作は、以下の課題を解決するために行いました。

  • 認知度の向上:
    Fleur Sereine の世界観とドライフラワーの魅力を広く伝え、ブランドの認知を高めました。

  • 信頼性の確立:
    花材や製法、サステナブルな取り組みを紹介し、品質への安心感を育みました。

  • 購入体験の向上:
    シンプルな導線とFAQ・ブログのサポートで、初めてでも安心して購入できる環境を整えました。

  • ギフト需要への対応:
    ラッピングやメッセージカード機能を導入し、贈り物として選びやすい仕組みをつくりました。

  • 地域とのつながり:
    地元の花材や生産者を紹介し、花づくりの想いを消費者へ届ける場をつくりました。

このECサイトは、「花をもっと身近に、もっとやさしく楽しむための場所」として設計されています。
暮らしの中に自然を取り入れたい人が、手間なく・安心して・自分らしく選べるようにすること。
それが、Fleur Sereine が目指した解決です。

目的

心にゆとりをもたらす“花のある暮らし”を提案し、
日常の中で自然と調和する美しさを届けることを目的としました。
忙しい毎日の中でも、手間をかけずに花を楽しめるドライフラワーを通じて、
「長く続く美しさ」と「環境へのやさしさ」を両立するライフスタイルを発信します。
また、地元で育てられた花材を紹介することで、地域の生産者と消費者をつなぎ、
サステナブルな循環を生み出すことも大切な目的のひとつです。

情報設計

「Fleur Sereine」のECサイトは、ドライフラワーの美しさとブランドの想いを、ユーザーが自然に理解・共感できるように構成されています。穏やかな色合いのメインビジュアルとともに、ブランドコンセプト「自然と調和する美しさを、長く、心地よく」をわかりやすく伝えます。全体として、「視覚的なやさしさ」と「機能的な使いやすさ」の両立を重視しています。その結果、ユーザーはブランドの理念を感じながらも、迷わず・心地よく・安心して購入できる体験を得られるようになっています。

デザイン

fleur-sereine TOPページのECサイトデザイン
fleur-sereine ABOUTUSページのECサイトデザイン
fleur-sereine BLOGSページのECサイトデザイン
fleur-sereine FAQページのECサイトデザイン
fleur-sereine CONTACTページのECサイトデザイン
fleur-sereine PRODUCTSページのECサイトデザイン
fleur-sereine CARTページのECサイトデザイン
fleur-sereine PAYMENTページのECサイトデザイン