Shu Matsumoto

Works

制作実績

2017年からWebコーダーとして、LP・サイトの構築と大規模サイトの運用・保守を担当してきました。
職務経歴の順に、各現場での担当業務と制作実績をまとめています。

Web制作歴
9年
大規模サイト運用
5.5年
経験した現場
7社

Career

職務経歴と制作実績

  1. 2026.01 – 現在

    株式会社デジタルアイデンティティ

    パートナー契約(Webコーダー)

    デザインカンプをもとにしたLPの制作(コーディング)と、Webサイトの運用・保守を担当。HTML/CSS/JavaScript・WordPressを用いた実装からリリース作業までを一貫して対応しています。

    ※ クライアント名は守秘のため業種で表記しています。掲載はすべて本番公開中のページです。

    車買取LP(軽自動車)のファーストビュー

    車買取サービス 車種別LP

    大手カー用品チェーン
    新規制作・運用 2026.04 –

    軽自動車・ミニバン/SUV向けの車種別LPを制作。買取実績のスライダー、タブ、FAQのアコーディオンをaria属性付きで実装。公開後もCTAパーツの追加など改修を継続。

    • Swiper
    • SCSS
    • アクセシビリティ
    年代別保険相談LPのファーストビュー

    年代別 保険相談LP

    保険相談サービス
    新規制作 2026.08 – 2026.09

    ライフステージ別のリスクを伝えるタブ・アコーディオン・スワイプUIを実装。WebPと遅延読み込みで、画像の多いLPでも表示を軽く保つ構成に。

    • Swiper
    • WebP
    • レスポンシブ
  2. 2026.01 – 現在

    株式会社Dock

    パートナー契約(Webコーダー)

    パートナー契約で、コーポレートサイトや公式サイトの制作を担当。WordPressのオリジナルテーマ構築や、GSAPを使ったアニメーションの実装を行っています。

    JLS株式会社 コーポレートサイト

    JLS株式会社

    コーポレートサイト

    住宅会社向け地震保証サービスを提供するJLS株式会社のコーポレートサイト。GSAP(ScrollTrigger)によるスクロール連動の演出と、Swiperのスライダーで、やわらかな世界観を表現。

    • GSAP
    • Swiper
    佐々木ケイジ 公式サイト

    佐々木ケイジ 公式サイト

    福島県議会議員

    福島県議会議員・佐々木ケイジ氏の公式サイト。WordPressのオリジナルテーマで構築し、プロフィール・活動報告・政策などをGSAPのアニメーションを交えて発信。

    • WordPress
    • GSAP
    SONA コーポレートサイト

    SONA

    コーポレートサイト

    国内EC・リユースと越境ECを展開する次世代商社SONAのコーポレートサイト。WordPressのオリジナルテーマで構築し、GSAPで「日本から世界へ」を印象づけるアニメーションを実装。

    • WordPress
    • GSAP
  3. 2025.09 – 2025.12

    楽天IP株式会社

    業務委託(Webコーダー)

    CMS「PowerCMS」で構築されたWebサイトのフロントエンド実装・運用。HTML/CSS/JavaScriptによるページ制作・更新と、PowerCMSテンプレートの修正を担当。

    楽天ほけん 保険の総合窓口のファーストビュー

    楽天ほけん 保険の総合窓口

    楽天IP株式会社
    実装・運用 2025.09 – 2025.12

    PowerCMSテンプレートを整理・共通化し、ページ更新作業を効率化。新規ページ・LPのコーディングとレスポンシブ対応も担当。

    • PowerCMS
    • HTML/CSS
    • JavaScript
  4. 2019.10 – 2025.04

    ソニー株式会社

    業務委託(Webコーダー)

    光回線サービス「NURO 光」のサービスサイトと特典サイトの運用・保守を約5年半担当。画像・テキスト・リンクの差し替えやキャンペーン更新を日常的に行い、申し込み画面のフロント改修、他部署・社外との調整も担当しました。

    • ページ速度改善:画像とコードの最適化
    • アクセシビリティ改善:既存ページの改修
    • キャンペーン表示の一元管理:期間中・期間外の表示を一元管理する仕組みを構築

    ※ 現在のサイトは担当期間後に更新されている部分があります。

    NURO 光 公式サイトのファーストビュー

    NURO 光 サービスサイト

    ソニー株式会社
    運用・保守 2019.10 – 2025.04

    光回線サービスの公式サイトを約5年半運用。日々の更新に加えて、ページ速度改善、アクセシビリティ改善、キャンペーン表示を一元管理する仕組みづくりを担当。

    • 運用・保守
    • パフォーマンス
    • アクセシビリティ
    NURO 光 会員特典ページのファーストビュー

    NURO 光 会員特典サイト

    ソニー株式会社
    運用・保守 2019.10 – 2025.04

    会員向けの特典・プレゼントを紹介する特典サイトを運用。特典やキャンペーンの追加・終了に合わせて、画像・テキスト・リンクを日常的に更新。

    • 運用・保守
    • キャンペーン更新
  5. 2019.04 – 2019.09

    KDDI株式会社

    業務委託(フロントエンドエンジニア)

    ECサイト「wowma!(現 au PAY マーケット)」の改修。旧式の独自フレームワークで構築されたページをReactで改修しました。

    au PAY マーケットの現在のトップページ

    ECサイト「wowma!」改修

    KDDI株式会社
    フロント改修 2019.04 – 2019.09

    旧式の独自フレームワークで構築されたページをReactで改修。1フロア約50名の体制で、他メンバーと連携しながら改修を推進。

    ※ 画像は現在のサイトです

    • React
    • EC
    • チーム開発
  6. 2018.04 – 2019.03

    楽天カード株式会社

    派遣(Webコーダー)

    楽天カード公式サイトのコーディング、デザインデータの修正、CMS運用などを幅広く担当。

    楽天カード公式サイトの現在のトップページ

    楽天カード 公式サイト

    楽天カード株式会社
    コーディング・運用 2018.04 – 2019.03

    公式サイトのコーディング、デザインデータの修正、CMS運用などを幅広く担当。社内独自フレームワークの設計に参加し、コンポーネント設計を習得。

    ※ 画像は現在のサイトです

    • HTML/CSS
    • CMS運用
    • コンポーネント設計
  7. 2017.04 – 2018.03

    株式会社サンカクカンパニー

    派遣(Webコーダー)

    Web制作会社に常駐し、デザインカンプをもとにさまざまな業種のLP・サイトをコーディング。

    • Disney Wedding、読売ジャイアンツ、BOOKOFF などのLP・サイトを制作(いずれも公開終了)
    • HTML/CSS
    • jQuery
    • LP制作

Private

プライベートでの制作・技術検証

3D Portfolio Site

3D Portfolio Site

個人制作

Three.js・WebGLを活用した3Dインタラクティブサイト。最新のWeb技術への探求として制作。

  • Three.js
  • WebGL
Ribbon Slider

Ribbon Slider

個人制作

Three.js・WebGLで、湾曲したリボン状に画像が並ぶスライダー。流体の歪みや色収差をシェーダーで表現し、GSAPでテキストの演出を制作。

  • Three.js
  • WebGL
  • GSAP
WebGL Interactive Art

WebGL Interactive Art

個人制作

WebGLを活用したインタラクティブアートの制作。lil-guiで、リアルタイムでパラメータを調整可能。

  • Three.js
  • WebGL
MUCHA

MUCHA

個人制作

WordPress、WebGL、GSAPを組み合わせたインタラクティブなWebサイト。アルフォンス・ミュシャの作品をモチーフにした美しいデザイン。

  • WordPress
  • WebGL
  • GSAP
Flower Market

Flower Market

個人制作

WordPress + SWELL有料テーマを活用した花屋のWebサイト。ヨーロッパの「パサージュ」をモチーフとした美しいデザインと、花や植物の魅力を伝える情報発信型サイト。

  • WordPress
  • SWELL
My Recipe

My Recipe

個人制作

Notion APIとNext.jsを活用したレシピ管理アプリ。モダンなフロントエンド技術とNotionのコンテンツ管理を組み合わせた実用的なWebアプリケーション。

  • Next.js
  • Notion API