Works一覧に戻る
カスタマイズ構築

Domohorn Wrinkle Global

Domohorn Wrinkle Global

Client

株式会社再春館製薬所 様

Role

Site Renewal / Front-end Development

Date

Oct 2024

Premium Skincare EC
緻密なUI実装と多言語化の融合

ブランドが提供する体験価値を最大化するための、UI/UX刷新および全面リニューアルプロジェクト。既存のビジネスロジックや機能性の維持を前提としつつ、フルスクラッチによる構築でデザインの再現性を極限まで高め、グローバル展開を見据えた強固なEC基盤の確立を目指しました。

Challenge

フルスクラッチ構築ゆえの複雑性と、ロイヤリティプログラムアプリ「VIP」の高度な実装要件への対応。特に多言語化ツール「Langshop」導入においては、言語ごとに異なるテキスト長がレイアウトに与える影響を排除し、美観を保つための厳密な調整が課題となりました。

Solution

  • デザインへの徹底的な忠実性
    ピクセル単位での調整を行い、ブランドの世界観を損なわないようHTML/CSS/JSによるコーディング精度を徹底。
  • 開発視点からのUI最適化
    多言語化時のレイアウト崩れを防ぐため、フロントエンドの視点からデザイナーへフィードバックを行い、堅牢なデザインシステムを共創。
  • Liquidによる機能継承と拡張
    複雑なLiquidカスタマイズを駆使し、既存の運用フローや標準機能を維持しながら、新しいUIへのシームレスな移行を実現。

Technologies Used

Shopify / Liquid / Langshop (App) / VIP (App)