
アパレルブランド 特設ページ
サイト概要
大手アパレルブランドの春夏コレクション特設ページとして、デザイナー支給データをもとにPug・Stylus・Shopifyを用いてテンプレート設計・リキッドデザインに取り組みました。`each`構文を活用してモデルごとのコンテンツブロックをループ生成し、拡張性の高い構造で実装を行いました。
-
クライアント
某アパレルブランド(制作会社経由)
-
公開日
2025年4月
-
制作期間
4日間
-
ページ数
1ページ構成
-
担当範囲
Pug・Stylusでのコーディング | レスポンシブ対応 | CMS組み込み
-
使用技術
Pug | Stylus | JavaScript | Shopify
-
使用ツール
VSCode | Git | Photoshop | figma
-
URL
※面接時にご提示可能です(公開制限あり)
その他の工夫したところ
- Pugの`each`構文を用い、各モデルブロックをループ生成し保守性を向上しました。
- 共通スタイルをStylusのmixinで統一し、スタイル崩れを防止しました。