FUNQ✖️尾瀬国立公園 尾瀬の魅力を伝えるLP

OVERVIEW

自社発行している雑誌FUNQのWebサイト内に、尾瀬国立公園の魅力を伝えるページを制作しました。

YEAR 2024

コーディング期間:1週間ほど(テストアップまで)

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


開発環境

■開発使用言語、環境について

・HTML/SCSS(CSS)/JavaScript

・Visual Studio Codeを使用

■開発体制

・人数

 ⚪︎コーディング:1人

・Slackにてデザイナーとやり取りしながら制作

■開発仕様

・動きはJavaScript(jQuery)とSCSSで作成。

・デザインはAdobe XDにて確認。画像加工などはAdobe Photoshopを使用。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

制作について

■工夫した点

・なるべく構成を流用したかったため、コーディングする際はシンプルな作りを意識した。

・細かなアニメーション要素が多かったため、検証にかなりの時間をかけて制作した。

・「WHAT IS OZE」などタイトル部分のアニメーション実装は、参考サイトを検証かつ、タイミングの細かな調整を行った。


■苦労した点

・検証をしなければならない部分が多々あり、実際のコーディングできた時間としては結構タイトになってしまった。

・とにかく色々なアニメーションを実装しているので、その都度の調整にも時間がかかった。

・細かなmarginをデザイン通りに実装することに苦労した。

WEBSITE