本業案件ブランドサイト
ヘルスケア機器ブランドの製品・ブランドサイト
期間・ページ規模は案件全体の情報です。本人の担当範囲は以下に記載しています。
案件概要
健康・トレーニング関連の電子機器を扱うブランドの製品サイト制作に、本業の案件として参加しました。担当はフロントエンド実装とSEO・パフォーマンス対応です。特集・キャンペーン、製品カテゴリ、ランキングを掲載する画面を実装しました。
自分が担当した範囲
実装内容・工夫
- CSS Grid／Flexboxを用い、画面幅に応じたレスポンシブ表示を実装しました。
- 画像をWebPに変換し、遅延読み込みを導入しました。必要な箇所でJavaScriptのモジュールを読み込むようにしました。
- ページごとのmeta情報・OGP、見出し階層を整え、製品一覧に構造化データを組み込みました。
使用技術・制作ツール
関連する制作実績
本業案件
不動産買取サービスの公式サイト
担当：フロントエンド開発 / CMS構築 / バックエンド開発 / SEO / パフォーマンス改善
- HTML
- CSS（SCSS）
- JavaScript
- PHP
- WordPress
- Splide
- ACF
- Custom Post Type UI
- Lazy Blocks
- WordPress Popular Posts
- Yoast SEO
不動産の買取・売却を支援するサービスの公式サイト制作に参加しました。サービス紹介や査定申し込みへの案内に加え、不動産売却に関するコラム、お客さまの声などを掲載するサイトです。
この制作実績を見る本業案件
飲料ブランドの季節限定商品キャンペーンLP
担当：フロントエンド開発
- HTML
- CSS
- JavaScript
- SVG
飲料ブランドの季節限定商品を紹介するキャンペーンLP制作に、本業の案件として参加しました。支給デザインをもとに、フロントエンド実装とレスポンシブ対応を担当しています。
この制作実績を見る
個人開発
色彩検定の慣用色名学習アプリ「いろポン！」
担当：CMS構築 / バックエンド開発 / フロントエンド開発 / 運用 / 保守
- Next.js
- TypeScript
- Tailwind CSS
- Neon（PostgreSQL）
- Auth.js
- Stripe
- microCMS
- HTML
色彩検定の慣用色名を、クイズ形式で繰り返し学べるWebアプリ「いろポン！」を個人で開発・運営しています。 本アプリは、AIによるコード補完を活用して構築しています。
この制作実績を見る採用・協業について相談する
フロントエンド開発、SEO / パフォーマンス改善、HTML、CSS（SCSS）に関する採用・業務委託・協業のご相談を受け付けています。この制作実績について確認したい点がある場合も、内容を添えてご連絡ください。