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

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

複数タイプのアニメーション実装

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

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

デザインを考慮した、レスポンシブ仕様の判断

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

reCAPTCHA表示の調整

トップページにお問い合わせフォームがあるタイプのサイトになります。
対応しているreCAPTCHAバッジがMVに被ってしまうことで、重視されていた「やわらかい雰囲気」のデザインに影響していました。

その点をご報告し、「バッジを非表示にする代わりにフォーム下に文言を追加する」という代案もご提示。
ぜひ対応してほしいとのご回答をいただいた上で実行。機能の実装によって雰囲気が崩れるのを解消しました。

WordPress管理画面機能

メンバー紹介はカスタム投稿とACFカスタムフィールドを使用。
サイト管理者が後からメンバーを追加できるように作成しています。
メンバー追加以外にも、軽微なプロフィール編集や近影の変更なら、HTMLを操作する必要がなくなります。

進捗報告

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

実際のNotionによる報告の様子(公開可能な範囲内で)