ECサイトへのMovable Type導入とショッピングカート開発
使用言語・技術等
HTML/CSS, PHP, Movable Type
既存の静的HTMLで構築されていたECサイトの管理を効率化するため、CMSとしてMovable Typeを導入し、商品ページの管理機能を強化しました。
また、サイトにショッピングカート機能を追加し、ECサイトとしての利便性を向上させました。
主な担当業務
- システム全体の設計
- サーバーサイドのプログラム(PHP)全般
- フロントエンドのプログラム(JavaScript)全般
- HTML/CSSのリファイン
- Movable Typeテンプレートのマークアップ
- Movable Type設置・カスタマイズ
Movable Typeの導入
従来、商品ページの更新が手作業で行われていたため、Movable Typeにより商品ページの追加・編集が簡単に行えるようにCMS化しました。
商品ごとのページをテンプレート化し、クライアントが画像や説明文、価格などを簡単に変更・更新できるよう、カスタマイズした管理画面を構築。管理者の負担軽減を目的に、商品一覧・カテゴリ表示や在庫状況の自動反映も追加し、スムーズな運用が可能な環境を整えました。
また、管理者が専門的な知識を必要とせずに利用できるよう、操作ガイドも併せて提供しました。
HTML/CSSのカスタマイズ
既存のHTML/CSSをリファインし、Movable Type導入後も一貫したデザインで表示されるよう調整しました。
また、複数の商品が並ぶ一覧ページのレイアウトを最適化し、商品が見やすくアクセスしやすいページ構成を実現しました。
ショッピングカートシステムの開発
Movable Typeでのページ管理と連携する形で、オリジナルのショッピングカートシステムを開発しました。
カートの基本的な操作として、商品をカートに追加する機能、数量調整、カート内アイテムの削除などを実装しました。
また、購入フローでは、カートから連絡先・配送先情報や支払い情報の入力へと自然に進行するユーザーフローを構築。
サーバー側でのデータ検証やエラー時のフィードバック機能も組み込み、ユーザーがスムーズに購入手続きを進められるようにしています。
注文確認の自動メール送信機能も搭載し、注文後の情報管理も効率化しています。