CSとしての役割に加え、車両情報・飲食事業の情報を同一サイト内で扱う要件に対し、世界観を損なわない構造設計と機能実装を担当。

標準のお知らせ機能とは別に、車両情報・ブログ用のカスタム投稿タイプを設計・実装し、情報構造と運用性を整理。

車両情報にはカスタムフィールド（ACF）を用い、クライアント側で専門知識がなくても更新できる運用設計を行った。

ユーザー視点では、絞り込み検索・お気に入り機能を実装し、各車両ページから直接問い合わせできる導線を設けることで、回遊性と行動につながる体験設計を意識。

中小企業診断士向けオンライン完結型プラットフォームにおいて、フロントエンド実装及びマークアップを担当。

バックエンド領域を含む構成のため、複数担当者と連携しながら、GitHub・Backlogを用いた案件管理のもと実装を進行。

Webサイトリニューアルにおいて、マークアップ/フロントエンド実装を担当。

初回ローディングアニメーション及びページ内アニメーションを実装し、企業サイトとして過度にならないよう、読みやすさと印象のバランスを意識した表現設計を行った。

既存設計を前提としたスタイル調整や表示面の改修を担当。

ブランドトーンを損なわない実装を意識。

2025年より活動を開始した社会人サッカークラブの新規Webサイト制作を担当。

マークアップ/フロントエンド実装に加え、ディレクション及びデザインも担当。

今後のクラブ活動を見据え、必要最低限の機能と情報に絞りつつ、クラブカラーを背景色に用いることで、訪問者（特に入団希望者）の印象に残る構成を設計。

入団希望者の問い合わせを逃さないため、お知らせの固定表示や導線設計を実装。

また、Jrサッカースクールも運営しているため、対象ユーザーに応じて表示するお知らせカテゴリを制御し、目的の異なる訪問者が迷わない情報設計を行った。

マークアップ/フロントエンド実装を担当。

ローディングアニメーションは、オープニング（フェードイン）、再生中、クロージング（フェードアウト）の3段階に分けて設計し、各時間をCSS変数で管理。

動画変更時も値を調整するだけで挙動を柔軟に変更できる実装とした。

画像素材や背景にはpng形式の画像を多用しているため、画質調整を行い、読み込みパフォーマンスへの影響を最小限に抑える工夫を行った。

訪日外国人向け電動スクーターレンタルサービスのWebサイト制作を担当。

テキストは翻訳アプリではなく翻訳者を起用し、サービス内容やニュアンスが正確に伝わる構成とした。

Webサイトから直接予約が完結するよう予約プラグインを導入し、サービス内容の確認から予約までをWeb上で完結できる導線を設計。

フィットネスジムのWebサイト制作において、マークアップ/フロントエンド実装及びディレクションを担当。

トップページにはアニメーションを実装し、インストラクター紹介についてはカスタム投稿を用いてブログ機能を構築。

更新頻度の高い情報をクライアント側で運用しやすい構成とした。

建築業のWebサイト制作において、マークアップ/フロントエンド実装を担当。

FVに動画を使用しているため、デザイン素材に合わせたスクロールアニメーションをGSAPで実装し、動きも含めた表現設計を行った。

施工実績については投稿機能として実装し、クライアント側で事例更新が行える運用設計とした。

不用品回収サービスのLPサイトにおいて、マークアップ/フロントエンド実装を担当。

画像やバナーによってテキストの視認性が損なわれないよう配慮しつつ、バナー内リンクにはレスポンシブ対応のクリッカブルマップを導入。

問い合わせフォームでは、郵便番号入力による住所自動取得を実装し、入力負荷を減らすことでユーザビリティ向上を図った。

飲食店のWebサイト制作において、マークアップ/フロントエンド実装に加え、撮影及びRAW現像を担当。

季節ごとにメニューが変わるため、店舗側で更新できるようカスタムフィールドを用いて実装。

コロナ禍でテイクアウト需要が高まった背景を踏まえ、予約導線に追従するバナーを実装し、目的の情報へ素早くアクセスできる導線設計を行った。

若手税理士が所属する税理士事務所のWebサイト制作において、マークアップ/フロントエンド実装を担当。

従来の士業サイトに多い堅い配色ではなく、オレンジや黄色を基調とした明るい配色と丸ゴシックフォントを採用。

ファーストビューにはモデルではなく実際のスタッフ写真をスライドで大きく配置し、閲覧者に親しみやすい印象を与える構成とした。

社会人野球チームの既存Webサイトリニューアルにおいて、マークアップ/フロントエンド実装を担当。

市販テーマが導入されていたため、子テーマを作成してカスタマイズを実施。

既存コンテンツとテーマ側のJavaScriptが干渉するトラブルに対応しつつ、レスポンシブ対応を行い、ファーストビューには最新情報のお知らせサムネイルを大きく表示することで、閲覧頻度の高い情報へ素早くアクセスできる構成とした。

楽天Goldを用いたECサイト運営において、マークアップ/フロントエンド実装に加え、ディレクション、受注処理、商品撮影、撮影データの現像業務を担当。

スーパーセールなどの特集ページ制作も行い、商品撮影からページ制作まで一貫して対応。

スーパーセール特集ページ

自社Webサイトにおいて、マークアップ/フロントエンド実装を担当。

併せて商品、店内、庭、離れなどの撮影及び撮影データの現像業務にも携わり、Webサイト更新に必要な素材制作を行った。

芸能プロダクションのWebサイト運営において、マークアップ/フロントエンド実装を担当。

併せて、出演者のスタジオ撮影及び撮影データの現像業務にも携わり、Webサイト運営に必要な素材制作を行った。

飲食・レンタル着物事業のWebサイト運営において、マークアップ/フロントエンド実装に加え、ディレクション及び撮影業務を担当。

店内撮影、飲食物撮影、モデル撮影を行い、撮影データの現像業務にも対応。

飲食物の撮影では、うどんの撮影時にスチーマーを用いて湯気を演出し、温かさやおいしさが伝わる表現を意識した。

小児科医院のWebサイト運営において、マークアップ/フロントエンド実装を担当。

併せて、ディレクション及び院内撮影、撮影データの現像業務にも携わり、Webサイト更新に必要な素材制作を行った。