2022.09.01
カシマ洋ラン園様 公式通販サイト/EC制作
背景や課題
カシマ洋ラン園様は茨城県神栖市にある1974年から40年続く胡蝶蘭園です。決済代行会社の切り替え、通販サイトの売上げアップ、セキュリティレベルの向上を目的として通販サイトのリニューアルをご支援させていただきました。
構築のポイント
主な機能カスタマイズ内容
- 配送先毎に「立札の種類」「表書き」を設定可能
ギフト注文にスムーズに対応するため、配送先ごとにギフトラッピングに関する情報を追加できるようにカスタマイズを行いました。 - WordPressとの連携
リニューアル前のWordPressで作成していたコンテンツを活かすため、一部、WordPressとの連携を行いました。
検索キーワードによるSEO流入と通販サイトへの直接の来訪で、ユーザーのニーズが異なるため、ヘッダーデザインは分けています。
※セキュリティ面に考慮し、EC-CUBE内でのWordPressのコードは読み込ませずにAPI連携のみで実装 - EC-CUBE側からは、最新の記事一覧をWordPressのREST APIから取得(ブロック化して店舗運営者側で再配置可能)
- WordPressでは、ヘッダーエリアでEC-CUBEのカート読み込み機能。
またEC-CUBEのGraphQL APIを使って商品リンクを設置して相互の導線を強化しています。
(ウィジェット化して店舗運営者側で再配置可能) - SEO対策
商品ページやカテゴリーページで、個別にタイトル・ディスクリプションを設定できる機能を用意して、SEO対応を施しました。 - その他
- 新着情報を別ページで表示できるように拡張しました。
- 管理画面内, 商品ページや新着情報の編集テキストエリアをWYSIWYGエディター化して、店舗運営者がHTMLを触らずに、テーブルや画像挿入がカンタンに行えるようにしました。
- お気に入り, カート追加された商品には「○人がカートに追加しています」という人気演出を追加しました。
- クレジットカードでの決済機能を組み込みました。
主なデザインカスタマイズ内容
- Bootstrap 5 に対応したオリジナルテーマを開発、適用しました
リニューアル前のデザインを踏襲しながら、UI/UXの高いサイトデザインを実現するために、
「Bootstrap 5」を用いて、全ページオリジナルのEC-CUBEテーマとして開発しました。
対応項目
- プロジェクト管理、ディレクション
- デザイン制作
- セールスライティング
- コーディング、開発