![](https://portfolio.duotres.com/wp-content/uploads/2024/06/107_01_サムネ.png)
WordPressサイト制作(デザイン作成〜オリジナルテーマで制作)[ヘッドスパ系]
![](https://portfolio.duotres.com/wp-content/uploads/2024/06/107_01_サムネ2-1024x486.png)
期間
2024年5月〜2024年6月
お仕事概要
figmaでデザインを作成して、そのデザインをもとにWordPressでサイトを制作しました。
使用スキル等
- WordPress
- WordPressオリジナルテーマ作成
- HTML/CSS/JavaScriptコーディング
- スクロールアニメーション
- スライダー(Swiper.js)
- 多言語化(日本語/英語/中国語)
- ContactForm7
- ページ表示高速化
- インスタAPI
お仕事詳細
figmaでデザイン作成を行い、WordPressにてサイト制作を行いました。
オリジナルテーマを作成し、多言語(日本語/英語/中国語)のページを作成しました。
スクロールアニメーションと、Swiper.jsを使用したスライダーを実装。
以下は作成したデザインと実際にコーディングしたページの画像になります。
デザインデータ(figma)
コーディングしたページ
※納品から数日経過していること、デザイン変更があったことからデザインデータと異なる部分があります。
※ブラウザのスクリーンショットの画像のため実際の表示と異なる部分があります。
※問い合わせフォームは納品時は不要とのことでしたので、実装はしましたが非表示にしています。
以下はキャプチャ動画になります。
Aboutセクションの画像は、インスタAPIを利用してインスタグラムの画像を表示しています。
画像は遅延読み込みを行い、ページ表示の高速化対応を行いました。
※担当させていただいたサイトのURL(リンク)を記載しておりますが、サイトの内容は納品時(当方で制作したもの)と異なる場合がございます。