Works

ホームALL Works新規LPサイトコーディング

新規LPサイトコーディング

  • 担当範囲:

    コーディング

  • 実装機能(要件に基づく実装):
    • アコーディオンによるコンテンツ開閉機能
    • レスポンシブ対応(PC/SPレイアウトの最適化)
  • 制作のポイント:
    • Adobe XDのデザインカンプを基に、余白・フォント・装飾などの細部まで忠実に再現しました。
    • PCとスマートフォンのレイアウト差が大きく、ブレイクポイントごとに調整が必要だったため、表示崩れのないようCSS設計とレスポンシブ制御を丁寧に行いました。
    • デザインの世界観を崩さず、読みやすさと操作性を両立したUIを意識してコーディングしています。