WordPressサイト制作（デザイン作成〜オリジナルテーマで制作）[ヘッドスパ系]

期間

2024年5月〜2024年6月

figmaでデザインを作成して、そのデザインをもとにWordPressでサイトを制作しました。

使用スキル等

figmaでデザイン作成を行い、WordPressにてサイト制作を行いました。
オリジナルテーマを作成し、多言語（日本語/英語/中国語）のページを作成しました。

スクロールアニメーションと、Swiper.jsを使用したスライダーを実装。

以下は作成したデザインと実際にコーディングしたページの画像になります。

デザインデータ（figma）

コーディングしたページ

※納品から数日経過していること、デザイン変更があったことからデザインデータと異なる部分があります。
※ブラウザのスクリーンショットの画像のため実際の表示と異なる部分があります。
※問い合わせフォームは納品時は不要とのことでしたので、実装はしましたが非表示にしています。

以下はキャプチャ動画になります。

Aboutセクションの画像は、インスタAPIを利用してインスタグラムの画像を表示しています。

画像は遅延読み込みを行い、ページ表示の高速化対応を行いました。

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