コーポレートサイトのリニューアル(デザイン・WordPress実装)

Goodtime|グッドタイム | Instagram運用・インフルエンサーネットワークを活用したマーケティング手法を企業様へご提供しております。
Goodtimeは、クリエイティブなアイデアが生まれる場所。ひとりひとりの発想が集まり、お互いのアイデアが結びついて新しい視点が生まれます。

期間

2026年1月〜2026年3月

お仕事概要

WordPressで構築されたコーポレートサイトのリニューアルを担当いたしました。
デザインの刷新からWordPressへの実装(オリジナルテーマ開発)まで、一貫して対応させていただいております。

【業務範囲】

  • デザイン制作: Figma(デザインカンプ作成)
  • WP実装: オリジナルテーマ作成(PHP / HTML / CSS / JavaScript)
  • その他: SEO対策、セキュリティ対策、問い合わせフォーム構築、アニメーション実装

お仕事詳細

1. デザイン制作(Figma活用)

デザイン制作では「Figma」を使用し、ご共有いただいた参考サイトやご希望のカラーに基づき、理想のイメージを丁寧に形にいたしました。
また、高品質なフリー素材サイト「Unsplash」から厳選したビジュアルを採用し、洗練された企業イメージを演出しております。

https://unsplash.com/ja

以下は、作成したデザインと実装したページのスクリーンショット画像の比較になります。

デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング

動画はコーディングしたページの、アニメーション部分を記録したキャプチャ動画になります。

デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング
デザイン
コーディング

※納品から数日経過していること、デザイン変更などでデザインデータと異なる部分がある可能性があります。
※ブラウザのスクリーンショットの画像のため実際の表示と異なる部分があります。

2. WordPress実装・パフォーマンス最適化

デザインの忠実な再現はもちろん、以下の技術的な施策を講じております。

  • オリジナルテーマ開発:
    不要なコードを排除し、自由度の高いカスタマイズを実現。
  • SEO・高速化対策:
    適切なHTMLタグ(セマンティックコーディング)の選定、および画像遅延読み込み(Lazy Load)による表示速度の向上。
  • リッチな演出:
    スマートフォン閲覧時のスクロールに合わせたアニメーションから、画面内に表示された際のフェードアニメーションを実装

3. 運用支援・セキュリティ

実用性と安全性を考慮し、以下の対応を行いました。
お問い合わせフォーム: プラグインを活用した利便性の高いフォームの実装。
保守・セキュリティ: セキュリティ対策の実施に加え、運用フェーズを見据えたご提案をいたしました。

※担当させていただいたサイトのURL(リンク)を記載しておりますが、サイトの内容は納品時(当方で制作したもの)と異なる場合がございます。