{"product_id":"アパレルecサイト-urban-jent様-架空-pass-1515-コピー","title":"アパレルECサイト：Urban Jent様（架空：PASS＝1515）","description":"\u003cp\u003e架空サイトです。\u003c\/p\u003e\n\u003cp\u003eサイト閲覧パスワード：1515\u003c\/p\u003e\n\u003cp data-path-to-node=\"5\"\u003e\u003cb data-path-to-node=\"5\" data-index-in-node=\"0\"\u003e1. サイト制作の目的・コンセプト\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"5\"\u003eShopify無料テーマ（Dawn）の標準機能を拡張し、独自性の高いデザインと機能を実装したデモサイトです。 \u003cbr\u003e「既存テーマの制約にとらわれず、クライアントの要望に合わせて柔軟にコードを書き換える実装力」を可視化することを目的としています。\u003c\/p\u003e\n\u003cp data-path-to-node=\"6\"\u003e\u003cb data-path-to-node=\"6\" data-index-in-node=\"0\"\u003e2. 機能実装・カスタマイズ詳細（Liquid編集）\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"6\"\u003e標準機能では設定できない要素を、Liquidコードの編集により独自実装しました。\u003c\/p\u003e\n\u003cp data-path-to-node=\"13\"\u003e\u003cb data-path-to-node=\"13\" data-index-in-node=\"27\"\u003e▼ アニメーション付きファーストビュー（FV）\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"13\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/2025-12-24_17.45.50.png?v=1766565984\" alt=\"\"\u003e\u003cb data-path-to-node=\"13\" data-index-in-node=\"27\"\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"14\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"14,0,0\"\u003e\u003cb data-path-to-node=\"14,0,0\" data-index-in-node=\"0\"\u003e仕様：\u003c\/b\u003e 複数の画像を横方向からスライドインさせて表示するアニメーションを実装。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"14,1,0\"\u003e\u003cb data-path-to-node=\"14,1,0\" data-index-in-node=\"0\"\u003e理由：\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"14,1,1\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"14,1,1,0,0\"\u003e\u003cb data-path-to-node=\"14,1,1,0,0\" data-index-in-node=\"0\"\u003e訴求力の強化：\u003c\/b\u003e 静止画だけのFVに比べて視線誘導効果が高く、サイトを訪れた瞬間のインパクトと動的なブランドイメージを印象付けるため。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-path-to-node=\"15\"\u003e\u003cb data-path-to-node=\"15\" data-index-in-node=\"0\"\u003e▼ Aboutセクションのパララックス演出\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"15\"\u003e\u003cb data-path-to-node=\"15\" data-index-in-node=\"0\"\u003e\u003cimg\u003e\u003cimg\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/2025-12-24_17.47.06.png?v=1766566047\" alt=\"\"\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"16\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"16,0,0\"\u003e\u003cb data-path-to-node=\"16,0,0\" data-index-in-node=\"0\"\u003e仕様：\u003c\/b\u003e 背景画像と手前のテキストのスクロール速度に差をつける「パララックス（視差効果）」をAboutページや特定のセクションに導入。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"16,1,0\"\u003e\u003cb data-path-to-node=\"16,1,0\" data-index-in-node=\"0\"\u003e理由：\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"16,1,1\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"16,1,1,0,0\"\u003e\u003cb data-path-to-node=\"16,1,1,0,0\" data-index-in-node=\"0\"\u003e離脱防止と没入感：\u003c\/b\u003e 単調になりがちな縦スクロールの動作に「奥行き」と「視覚的なリズム」を生み出すことで、ユーザーを飽きさせず、ブランドストーリーを最後まで読ませるための工夫\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-path-to-node=\"7\"\u003e\u003cb data-path-to-node=\"7\" data-index-in-node=\"0\"\u003e▼ インフォメーションセクションの独自構築\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"7\"\u003e\u003cb data-path-to-node=\"7\" data-index-in-node=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/2025-12-24_17.48.00.png?v=1766566115\" alt=\"\"\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"8\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"8,0,0\"\u003e\u003cb data-path-to-node=\"8,0,0\" data-index-in-node=\"0\"\u003e仕様：\u003c\/b\u003e 標準の「ブログ記事（Blog posts）」セクションをカスタマイズし、ニュースやお知らせ専用のリスト表示レイアウトを作成。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"8,1,0\"\u003e\u003cb data-path-to-node=\"8,1,0\" data-index-in-node=\"0\"\u003e理由：\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"8,1,1\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"8,1,1,0,0\"\u003e\u003cb data-path-to-node=\"8,1,1,0,0\" data-index-in-node=\"0\"\u003e情報の整理：\u003c\/b\u003e 標準のカード型レイアウトでは場所を取りすぎる「お知らせ」を、テキストベースでコンパクトに表示。読み物としての「ブログ」と、事務的な「お知らせ」を視覚的に明確に区別し、ユーザーの利便性を向上。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-path-to-node=\"9\"\u003e\u003cb data-path-to-node=\"9\" data-index-in-node=\"0\"\u003e▼ 商品バッジ・アイコンの拡張\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"9\"\u003e\u003cb data-path-to-node=\"9\" data-index-in-node=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/2025-12-24_17.48.14.png?v=1766566121\" alt=\"\"\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"10\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"10,0,0\"\u003e\u003cb data-path-to-node=\"10,0,0\" data-index-in-node=\"0\"\u003e仕様：\u003c\/b\u003e 標準の「SALE」「売り切れ」に加え、「ランキング1位」「New Arrival」などのカスタムバッジを動的に表示。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"10,1,0\"\u003e\u003cb data-path-to-node=\"10,1,0\" data-index-in-node=\"0\"\u003e理由：\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"10,1,1\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"10,1,1,0,0\"\u003e\u003cb data-path-to-node=\"10,1,1,0,0\" data-index-in-node=\"0\"\u003e回遊率の向上と運用効率：\u003c\/b\u003e 視覚的なアクセントでクリック率を高めるだけでなく、管理画面のタグやメタフィールドと連動させることで、運営者がコードを触らずにバッジを管理できる運用フローを構築。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-path-to-node=\"11\"\u003e\u003cb data-path-to-node=\"11\" data-index-in-node=\"0\"\u003e▼ ランキングセクションの実装\u003c\/b\u003e\u003c\/p\u003e\n\u003cp data-path-to-node=\"11\"\u003e\u003cb data-path-to-node=\"11\" data-index-in-node=\"0\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/2025-12-24_17.47.48.png?v=1766566121\" alt=\"\"\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"12\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"12,0,0\"\u003e\u003cb data-path-to-node=\"12,0,0\" data-index-in-node=\"0\"\u003e仕様：\u003c\/b\u003e トップページに、カテゴリ別や集計期間別の売れ筋ランキングセクションを実装。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"12,1,0\"\u003e\u003cb data-path-to-node=\"12,1,0\" data-index-in-node=\"0\"\u003e理由：\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-path-to-node=\"12,1,1\"\u003e\n\u003cli\u003e\n\u003cp data-path-to-node=\"12,1,1,0,0\"\u003e\u003cb data-path-to-node=\"12,1,1,0,0\" data-index-in-node=\"0\"\u003e日本市場への最適化：\u003c\/b\u003e 海外製テーマには標準搭載されていないことが多い「ランキング」機能を独自開発し、賑わいを演出。\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"miyaji_web_ec","offers":[{"title":"Default Title","offer_id":47259365081318,"sku":null,"price":300000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/6209\/2774\/files\/u1.png?v=1755586784","url":"https:\/\/octo-tech-web.com\/products\/%e3%82%a2%e3%83%91%e3%83%ac%e3%83%abec%e3%82%b5%e3%82%a4%e3%83%88-urban-jent%e6%a7%98-%e6%9e%b6%e7%a9%ba-pass-1515-%e3%82%b3%e3%83%94%e3%83%bc","provider":"Shopify専門フリーランス・Octo Tech","version":"1.0","type":"link"}