WordPressサイト制作（デザイン作成〜オリジナルテーマ作成/実装）
期間
2024年3月〜2024年4月
お仕事概要
figmaでデザイン作成を行い、
WordPressサイト制作を行いました。
使用スキル等
- WordPress
- figma
- HTML/CSS/JavaScriptコーディング
- アニメーション（ローディング、スクロールアニメーションなど）
- レスポンシブデザイン/コーディング
- ContactForm7
お仕事詳細
デザイン作成はfigmaで行い、PCとSPのデザインを作成しました。
WordPressでのサイト制作では、オリジナルテーマで制作を進め、
JavaScriptによるアニメーションの実装や画像遅延読み込みなどによる高速化表示の対策を行いました。
以下はコーディングしたトップページのキャプチャ動画になります。
以下の画像は作成したページのデザインと、実際にコーディングしたページの画像になります。
PC表示
デザインデータ（figma）
コーディングページ
SP表示
デザインデータ（figma）
デザインデータ（figma）
※納品から数日経過していること、デザイン変更があったことからデザインデータと異なる部分があります。
※ブラウザのスクリーンショットの画像のため実際の表示と異なる部分があります。
問い合わせフォームはContactForm7を使用し、入力-確認-送信の３段階の表示ができるようにしました。
同一ページ内でスムーズに操作が行えます。
Privacy Policyページは、固定ページで、ブロックエディターの標準ブロックで作成しました。
※担当させていただいたサイトのURL（リンク）を記載しておりますが、サイトの内容は納品時（当方で制作したもの）と異なる場合がございます。
