一般社団法人　日本ソーシャルワークリーグ(ECサイト)

サイトURL	https://ljsw.or.jp/
オーダー形式	オーナー様から直接のオーダー, ECサイト制作（Shopify）
制作期間	3ヶ月
担当範囲	新規サイト制作
スキル	ECサイト, GITHUB, Shopify, Swiper
制作のポイント	デザインはデザイナーが担当し、フロントエンド実装および構造設計を担当しました。本サイトでは、年会費制のサブスクリプション商品を軸とした会員機能の構築を行っています。Shopifyの純正サブスクリプションアプリを使用し、年会費課金・ユーザーによるキャンセル処理まで含めた運用設計を実装しました。また、会員限定の動画コンテンツについては、顧客およびコンテンツに対してメタフィールドを設定し、閲覧権の有無によって表示を制御しています。Liquidによる条件分岐を用い、会員のみがコンテンツへアクセスできる仕組みを構築しました。さらに、Shopifyの仕様上カスタマイズ制約のあるポリシーページにおいては、DOM構造を分析し、theme.liquidでの条件分岐とCSS設計によってUIを最適化しています。長文でも読みやすいように余白・行間・リスト構造を調整し、ユーザーがストレスなく情報を理解できるよう設計しました。開発面では、TypeScriptやWebpackを用いたビルド環境を整備し、ESLint・Prettierによるコード品質管理を導入することで、保守性にも配慮しています。制約のある環境でも仕様を理解し、最適な実装方法を選択することを重視しました。