共同制作架空
蜂イメージのブランドサイト
- 担当範囲
- コーディング
- 使用ツール
- Photoshop / Visual Studio Code
- 制作環境
- HTML/CSS / Wordpress / jQuery
- 実装機能
- パララックス / カーソル追従/ スライダー
- 製作期間
- 4週間
サイトの紹介
UIデザイナーの方が作成した架空ブランドサイトのコーディングを担当。共同制作でやりとりの練習をすること・アニメーションや動きを意識するという目標を掲げながら作業いたしました。
共同で行っていく際、デザイナーの方が意図したアニメーションのイメージを汲み取りつつうまく実装するのが難しかったです。通話/テキストで伝え方が変わったりなど、相手にうまく意図を汲んでもらうための伝え方や参考サイト探しなど、やりとりをする上での難しさも実感し、非常に学びとなる共同制作でした。
【特に苦労した部分】
- パララックスの実装
- 文字・画像の重なりの調整
- 共同制作するうえでのやり取りの難しさ
主な実装機能
- ハンバーガーメニュー
- Drawer.jsを使用しています。
- スライダー
- Swiperを使用しています。
- パララックス
- simple.parallaxを使用しています（FVとIntroduction）
