Works

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

新規コーポレートサイトコーディング

  • 担当範囲:

    コーディング(トップページ・下層ページ 各1ページ)/ PC・スマホのレスポンシブ対応設計

  • ページ数:

    2ページ

  • 実装機能(要件に基づく実装):
    • 自動スライダー(フェードイン効果付き)
    • ページネーション付きスライダー(複数画像の切替対応)
    • アコーディオンによるFAQセクション
    • Googleマップの埋め込み
    • レスポンシブ対応
  • 制作のポイント:
    • スマホカンプはファーストビューのみだったため、PCカンプを元にスマホ表示の余白・フォントサイズ・要素の並び順を自ら設計し、ユーザー視点で最適なレイアウトを構築しました。
    • スライダーやアコーディオンなどの動的UIは、jQueryを用いてデザインの意図通りに再現しつつ、操作性にも配慮しています。