名古屋のweb制作会社のcontinuuu様のサイトを制作させていただきました。
2023年ごろからコーダーとしてお仕事をしておりました。今まではSTUDIOで構築されていた自社サイトをリニューアルされるということでコーディングを依頼いただきました。
代表の福本陽子さんはデザインはもちろん、マーケティングにも精通されており、そのマーケティング手法を使ってインスタグラムでは1万人近いフォロワーを持たれています。
今回はそのインスタグラムの世界観をホームページでも統一したいとご希望があったので、きれいめなアニメーションで構築させていただきました。
デザインは福本陽子さんご自身が手がけられました！
continuuu
集客できる魅せデザイン｜全国対応の女性集客に強いホームページ制作 continuuu［愛知・名古屋］
女性向けの事業・サービス・商品の課題に寄り添い、Webサイト・チラシや販促物・SNSを連動させた戦略設計で成果を最大化。集客とブランディングを両立させる戦略とデザイン...
目次
サイトの依頼内容
- 使用CMS：WordPress
- 使用テーマ：SWELL
- 依頼ページ：全ページの構築
- デザイン：web制作会社であるcontinuuu株式会社様のサイトでしたので、代表の福本陽子様にデザインをしていただきました。
- 仕様：元々STUDIOでホームページを作ってましたが、WordPressでリニューアルをしたいということで、構築させていただきました。サイトの雰囲気としてはご自身のインスタグラムときれいめの世界観と合うように構築。
制作実績はカスタム投稿を使用して構築しております。 - アニメーション：FVの文字の動きなどは指示いただきましたが、全体的におまかせで依頼いただきました。あまり過度なアニメーションや表示が遅いアニメーションはつけたくないと伺っていたので、そこを避ける形で提案させていただきました。
こだわりポイント
FV（最初の画像）のアニメーション
順番に文字が動くようなアニメーションを実装いたしました。
一番読んでほしい文字に左から表示させるアニメーション、右の社名のあしらいはずっと動くようなアニメーションを実装しております。
スクロール前でも読める見出しアニメーション
スクロールが早い場合に読み飛ばされないようにするために、アニメーション発火前も文字が読める形で実装させていただきました。
画像やあしらい文字にさりげないアニメーション
途中の画像などにも少しアニメーションを入れております。
実サイトでご覧いただければ嬉しいです。
PHPでの構築
ブロックエディタで構築が難しい箇所はPHPのファイルをところどころ読み込ませながら構築しております。
そうすることで記事一覧をスライダーで表示したり、ループで動くようなアニメーションを実装することができます。
