finella公式サイトリニューアル

既存サイトのリニューアル案件として対応。
テーマは新規作成ですが、CMSデータは再利用しました。

工夫・対応した課題

複数のアニメーション実装があり、いただいた参考サイトを元に実装しました。

• ローディング画面
• 背景スクロール連動糸アニメーション
• ピン止めスクロール文字色変化
• ピン止めカードスクロール

レスポンシブ倍率の切替

レスポンシブ時、背景のアニメーション用の線と周囲の画像の位置ずれが発生。
レスポンシブ対応をリキッドにする予定でしたが、「デザインが意図した見栄えと変わってしまう」ため、制作会社様に確認の上、等倍拡大(vw)に変更して対応。

WordPress管理画面機能

メンバー紹介はカスタム投稿を使用。サイト管理者が後からメンバーを追加できるように作成しています。

進捗報告

上記アニメーションのように、ビジュアル問題は言葉のみで説明するのが難しいです。
進捗報告の際にはNotionを用いてスクリーンショットを交えたご説明、確認を徹底しました。
「とてもわかりやすく安心できた」とご満足いただけました。