Works一覧に戻る
構築

artefice

artefice

Client

株式会社アルテフィーチェ 様

Role

Store Build / Front-end Development

Date

Apr 2024

ARTEFICE Concept Store
美容師の感性を届ける、ミニマルなストア設計。

プロの美容師が自らの目利きで厳選したプロダクトのみを展開する、ARTEFICEの新規Eコマースサイトを構築。ブランドの持つ高い審美眼と信頼性をデジタル空間で表現するため、過度な装飾を削ぎ落とし、プロダクトの質感が際立つ洗練されたUI/UXを追求しました。

Challenge

提供素材の画角が多岐にわたる中で、ブランドのトーンを維持するための視覚的一貫性の確保。また、増え続ける「スタッフおすすめ商品」という動的コンテンツを、運用の負荷を最小限に抑えつつ、いかにサイト全体へ有機的に統合させるかが課題となりました。

Solution

  • Metaobjectsによる情報の構造化
    スタッフ情報をメタオブジェクト化し、商品詳細や特集ページへ動的に反映。運用の効率化と情報の再利用性を最大化しました。
  • CSSによるビジュアルアスペクトの最適化
    あらゆる画像比率に対応する高度なフロントエンド実装により、グリッドの美しさを損なわないレスポンシブな表示を実現。
  • 顧客属性と店舗情報を紐付けるカスタムフロー
    新規会員登録時に来店店舗・担当者を収集し、Shopify Flowを活用して注文データへ反映する独自の顧客管理を構築。

Technologies Used

Liquid Metaobjects Shopify Flow