Urban Jent様（架空：PASS＝1515）

架空サイトです。

サイト閲覧パスワード：1515

1. サイト制作の目的・コンセプト

Shopify無料テーマ（Dawn）の標準機能を拡張し、独自性の高いデザインと機能を実装したデモサイトです。
「既存テーマの制約にとらわれず、クライアントの要望に合わせて柔軟にコードを書き換える実装力」を可視化することを目的としています。

2. 機能実装・カスタマイズ詳細（Liquid編集）

標準機能では設定できない要素を、Liquidコードの編集により独自実装しました。

▼ アニメーション付きファーストビュー（FV）

• 仕様： 複数の画像を横方向からスライドインさせて表示するアニメーションを実装。

• 理由：

  • 訴求力の強化： 静止画だけのFVに比べて視線誘導効果が高く、サイトを訪れた瞬間のインパクトと動的なブランドイメージを印象付けるため。

▼ Aboutセクションのパララックス演出

• 仕様： 背景画像と手前のテキストのスクロール速度に差をつける「パララックス（視差効果）」をAboutページや特定のセクションに導入。

• 理由：

  • 離脱防止と没入感： 単調になりがちな縦スクロールの動作に「奥行き」と「視覚的なリズム」を生み出すことで、ユーザーを飽きさせず、ブランドストーリーを最後まで読ませるための工夫

▼ インフォメーションセクションの独自構築

• 仕様： 標準の「ブログ記事（Blog posts）」セクションをカスタマイズし、ニュースやお知らせ専用のリスト表示レイアウトを作成。

• 理由：

  • 情報の整理： 標準のカード型レイアウトでは場所を取りすぎる「お知らせ」を、テキストベースでコンパクトに表示。読み物としての「ブログ」と、事務的な「お知らせ」を視覚的に明確に区別し、ユーザーの利便性を向上。

▼ 商品バッジ・アイコンの拡張

• 仕様： 標準の「SALE」「売り切れ」に加え、「ランキング1位」「New Arrival」などのカスタムバッジを動的に表示。

• 理由：

  • 回遊率の向上と運用効率： 視覚的なアクセントでクリック率を高めるだけでなく、管理画面のタグやメタフィールドと連動させることで、運営者がコードを触らずにバッジを管理できる運用フローを構築。

▼ ランキングセクションの実装

• 仕様： トップページに、カテゴリ別や集計期間別の売れ筋ランキングセクションを実装。

• 理由：

  • 日本市場への最適化： 海外製テーマには標準搭載されていないことが多い「ランキング」機能を独自開発し、賑わいを演出。