2025.05.26
ARTREAT様 website
『hamon band S』 LP
- release date：
- 2025.04.30
credits
- design：
- YUCOdesign（株式会社レフロマ）
- coding：
- くわ じゅんな
制作期間
- coding：
- 6日間
使用ツール
- Visual Studio Code
- Figma
- Local
- FileZilla
- GitHub
使用スキル
- HTML
- CSS
- Sass
- JavaScript
- PHP
MITSUFUJI様のウェアラブル端末「hamon band S」のLPのコーディングを担当しました。
WordPressサイト内に組み込むため、PHPを用いて実装しています。
モバイルおよびPCのデザインカンプをもとに、タブレットサイズにも対応したレスポンシブ設計を行い、各デバイスでレイアウトが崩れないよう細かく調整しました。
特にファーストビューの背景は複数のレイヤーで構成されており、画面幅が変わっても美しく表示されるよう工夫しています。
アニメーションについてはデザイナーさんのイメージに沿って作成し、動きのタイミングや流れを考えながら細部を詰めていく工程を楽しみながら取り組みました。
