Homepage production example

ホームページ制作事例

ホーム > Works > こうじの恵スペシャルサイト
ホームページ制作実績 / こうじの恵スペシャルサイト

こうじの恵スペシャルサイト

投稿日 : 2021.09.01

CATEGORY

EC SITE

URL

https://www.rakuten.ne.jp/gold/sake-kadoya/kouji_M/

ROLES

  • Direction
  • Planning
  • Design
  • Coding
  • Photo

プロジェクトの課題と目標

【課題】楽天Goldサーバーの制約下でのブランディングと購入導線確保

こうじの恵の魅力を最大限に伝えるためには、自由度の高いランディングページ(LP)形式が最適でしたが、楽天GoldサーバーというECプラットフォームの制約内で、ブランドの世界観を確立しつつ、スムーズな買い物かごへの導線を両立させることが大きな課題でした。

【目標】レスポンシブLPによるモバイルコンバージョン率の最大化

主に健康意識の高いモバイルユーザーをターゲットとし、製品の信頼性と効果を訴求するランディングページを作成することが目標でした。特に、レスポンシブ対応を徹底することで、モバイル環境での離脱率を抑え、コンバージョン(購買)率の最大化を目指しました。

MK-Designの戦略的解決策

  • 01. ブランド向上を意識したストーリーテリング設計

    製品の機能性だけでなく、「こうじの恵」が持つ健康へのこだわりや製造過程の物語を、LPの構成全体で表現しました。信頼感のあるデザインと写真撮影ディレクションを通じて、ユーザーに製品価値を深く理解してもらい、ブランドロイヤリティの土台を築きました。(ROLES: Direction, Planning, Photo)

  • 02. 楽天Goldサーバー上での買い物かご統合

    ランディングページでありながら、ユーザーがスムーズに商品を購入できるように、楽天の買い物かご機能をGoldサーバー上に技術的に統合しました。これにより、訴求から購入完了までのステップを最小限**に抑え、ECサイトとしての機能を十全に発揮できるようにしました。(ROLES: Coding)

  • 03. モバイルでの視認性を追求したレスポンシブLP

    ランディングページ特有の縦長のコンテンツを、スマートフォンで読みやすいように情報ブロックのサイズ、フォント、アニメーションを最適化しました。これにより、情報量が豊富でもユーザーにストレスを与えない快適なモバイル閲覧環境を実現しました。(ROLES: Design, Coding)

導入後の成果

レスポンシブLPの導入により、モバイルユーザーからの直帰率が改善し、購買意欲の高いユーザーを効率的に買い物かごへ誘導できるようになりました。製品のストーリーと信頼性が明確に伝わることで、価格競争に頼らない高品質なブランドイメージを確立できた成功事例となりました。

こうじの恵スペシャルサイトPC版1
こうじの恵スペシャルサイトPC版2
こうじの恵スペシャルサイトスマホ版1
こうじの恵スペシャルサイトスマホ版2
こうじの恵スペシャルサイトスマホ版3
こうじの恵スペシャルサイトスマホ版4