FUNQ✖️尾瀬国立公園 尾瀬の魅力を伝えるLP
OVERVIEW
自社発行している雑誌FUNQのWebサイト内に、尾瀬国立公園の魅力を伝えるページを制作しました。
コーディング期間:1週間ほど(テストアップまで)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
開発環境
■開発使用言語、環境について
・HTML/SCSS(CSS)/JavaScript
・Visual Studio Codeを使用
■開発体制
・人数
⚪︎コーディング:1人
・Slackにてデザイナーとやり取りしながら制作
■開発仕様
・動きはJavaScript(jQuery)とSCSSで作成。
・デザインはAdobe XDにて確認。画像加工などはAdobe Photoshopを使用。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
制作について
■工夫した点
・なるべく構成を流用したかったため、コーディングする際はシンプルな作りを意識した。
・細かなアニメーション要素が多かったため、検証にかなりの時間をかけて制作した。
・「WHAT IS OZE」などタイトル部分のアニメーション実装は、参考サイトを検証かつ、タイミングの細かな調整を行った。
■苦労した点
・検証をしなければならない部分が多々あり、実際のコーディングできた時間としては結構タイトになってしまった。
・とにかく色々なアニメーションを実装しているので、その都度の調整にも時間がかかった。
・細かなmarginをデザイン通りに実装することに苦労した。