Archives

デザイン作成とWix実装(PC/モバイル対応）

figmaでデザイン作成を行い、ノーコードHP作成ツールのWixでページ制作を行いました。

figmaでPCとSPのデザインを作成し、Wixではテンプレートを使用せず、１からPC版とモバイル版PC版とモバイル版の編集をして、デザインを再現しました。
2026.01.17

【100点】PageSpeed Insightsを使いパフォーマンスを向上させてSEO対策を行う。モバイルも100点達成

当ポートフォリオサイトのトップページリニューアルの際に、PageSpeed Insightsを使ってSEO対策を行いました。
今回は100点を取るために細かく対策を行い、結果としてデスクトップ、モバイルともに100点を取ることができました。

期待できる効果
１：SEO順位の改善
２：コンバージョン率の改善
３：ユーザー体験の向上
2025.10.21

WordPressトップページのリニューアル（デザイン変更/コーディング）

期間2025年5月〜2025年6月お仕事概要WordPressサイトのトップページリニューアルで、デザインの変更とコーディングを行いました。使用スキル等WordPressfigmaHTML/CSS/JavaScriptコーディングアニメーシ...
2025.07.31

静的ファイルコーディング（スクロールに連動したアニメーション）

期間2024年12月〜2025年1月お仕事概要figmaのデザインを元に、スクロールに連動するアニメーションを実装した、静的ファイルのコーディングを行いました。使用スキル等HTML/CSS/JavaScriptコーディングアニメーション（ス...
2025.04.24

WordPressサイト制作（デザイン作成/オリジナルテーマ/独自ブロック）

期間2025年3月〜2025年4月お仕事概要figmaでデザイン作成を行い、WordPressでサイト制作を行いました。使用スキル等WordPressfigmaHTML/CSS/JavaScriptコーディングレスポンシブデザイン/コーディ...
2025.04.19

WPのブロックエディタで独自のブロックを追加してページ制作

期間2024年6月〜2024年6月お仕事概要WordPressでのページ制作のお仕事をいただき、一部のページは独自のブロックを追加して制作しました。お仕事詳細ご提供いただいたデザインを元に、WordPressサイトにページを追加しました。ブ...
2024.07.31

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

figmaでデザインを作成、WordPressでのサイト制作。

オリジナルテーマを作成し、多言語対応（日本語/英語/中国語）のページを作成しました。スクロールアニメーションと、Swiper.jsを使用したスライダーを実装。
画像は遅延読み込みを行い、ページ表示の高速化対応を行いました。
2024.06.14

WordPressサイト制作（デザイン作成〜オリジナルテーマ作成/実装）

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

WordPressのテーマは、オリジナルテーマを開発。JavaScriptによるアニメーションの実装や画像遅延読み込みなどによるページ表示高速化の対策を行いました。
2024.06.14

漫画LPのデザイン作成とWordPressコーディング

期間2024年3月〜2024年4月お仕事概要figmaでデザイン作成を行い、WordPressでページ作成をしました。使用スキル等WordPressHTML/CSSJavaScriptレスポンシブデザイン/コーディングWordPressオリ...
2024.05.08

Webページの表示高速化（静的HTML）

期間2024年1月〜2024年1月お仕事概要静的HTMLページの表示高速化を行いました。対応内容画像のサイズ圧縮画像の遅延読み込み動画のサイズ圧縮動画の遅延読み込み使用していないファイルの削除コーディング方法変更重要でないCSS、JavaS...
2024.02.03
次のページ