WEB DIRECTION

業務_担当事例

会員機能、動画、投稿機能の新規企画と改善。
要件・画面を整理し、デザイン・開発調整、リリース確認まで携わっています。

01 / 2024–2025

会員マイページのホーム。上部に口コミ投稿履歴、プロフィール、ホーム、マイキープ、予約履歴が並び、その下に予約と口コミのキャンペーンが表示されている。

会員基盤・マイページの新規企画

会員が予約履歴や自分の口コミを見返せるマイページを新規に企画。画面設計と要件書作成を担当し、デザイン依頼から開発部署との仕様調整、テスト確認まで進めました。

目的
予約や口コミ投稿のあとも、会員がサービスに戻るきっかけをつくる
設計
予約履歴と口コミ投稿履歴をマイページから確認できるようにする
担当

企画 / 画面設計・ワイヤーフレーム作成 / 要件書作成 / デザイン依頼 / 仕様確認・開発調整 / テスト確認

担当内容を読む

02 / 2025

縦型動画の再生画面。中央にソファに座る人物が映り、画面右上に閉じるボタン、動画の右下に消音ボタンがある。

短尺動画コンテンツ・閲覧UIの企画

スマートフォン向けの縦型動画UIを設計。動画の読み込み方式とSEOへの影響を検討。

目的
写真・テキストに動画を加え、サイト内の回遊を促す
設計
縦型動画の閲覧体験と読み込み仕様を検討
担当

企画 / 要件定義 / UI設計 / 開発ディレクション / テスト・リリース確認

担当内容を読む

03 / 2025–2026

空港を背景に飲み物を写した投稿。写真の右下に「いいね！」、写真の下にタイトル、本文の冒頭と「もっと見る」がある。

投稿機能の新規開発・投稿導線の改善

メール投稿とマイページからの直接投稿を設計。投稿者の運用負担と継続利用を踏まえて改善。

目的
投稿の負担を抑え、継続的な情報発信を促す
設計
メール投稿・直接投稿の導線と投稿促進施策
担当

企画 / 要件定義 / UI設計 / 開発ディレクション / テスト・リリース確認 / 利用状況の分析

担当内容を読む

05 / 2022–2024

商品画像の右に、自動承認の対象となる申込条件を表示した商品詳細画面。

買取申込の自動承認と預かり買取金額の表示

人気商品の買取申込が集中するため、在庫数を基準に自動承認する仕組みを提案しました。また、買取代金の支払いが販売代金の入金に先行する課題から、利用者が代金を後日受け取れる預かり買取を企画しました。

担当

機能の企画・提案 / 開発ディレクション

担当内容を読む
PERSONAL WEB

趣味_WEBサイト

tokyo-whereのトップ画面。東京の街並みと、勤務地・家賃・通勤時間の検索フォーム。

tokyo-where

通勤時間と家賃で住む街の候補を絞り、駅の周りにどんな建物が並ぶかを3Dで確かめられる街探しサイト。

2026

企画 / 情報設計 / UI設計 / 実装 / 運用

HANA-LOGのトップ画面。Hana Logの見出し、出演作品の画像一覧、公式のお知らせ。

HANA-LOG

出演作品・ニュース・CMをまとめ、観たい作品を探して視聴済みと星評価を記録できる非公式アーカイブ。

企画 / 構成 / UI / 実装・運用

PersonalFitnessのスマホ版ホーム。最新の体重、運動の記録、下部の5つのタブ。数値はデモデータ。スマホ版の分析画面。期間と指標の切り替え、体重の推移グラフ。数値はデモデータ。

PersonalFitness

毎日のランニングや身体の変化を記録するスマホ向けアプリ。シューズごとの走行距離もまとめて確認できます。

PERSONAL WORKS

趣味_作品制作

海浜幕張の街の上空で、飛行するキャラクターが巨大な赤黒いボスに青白い光線を放つUnityゲームの画面。光の輪と稲妻が大きく広がっている。
03-01

ゲーム制作

Unity / Blender

自作の街とキャラクターを使ったUnityゲーム。海浜幕張の上空で巨大ボスと戦う場面。

オレンジ色の体に緑色の足を持つキャラクター。大きく開いた口の奥に小さな顔がのぞいている。
03-02

CGモデリング_Blender

異なる髪と素材を組み合わせた3体のキャラクター
03-03

CGモデリング_Blender

赤い背景に緑と紫のキャラクターを9つ並べた作品
03-04

Photoshop

夜の道路でボードに乗る、オレンジ色の頭とピンク色の身体のキャラクター
03-05

Photoshop

PROFILE

プロフィール

Webディレクターです。自社Webメディアで、新機能の企画、要件定義、画面設計、外部開発会社との調整、テスト、リリース後の改善まで担当しています。個人ではWebサイトの制作・運営と、Blenderによる3DCG制作に取り組んでいます。

  1. 千葉県千葉市に生まれる。

  2. 千葉県立千葉商業高等学校（商業科）を卒業。

  3. 亜細亜大学法律学部法律学科を卒業。

  4. 物流会社に入社。保税事務や法人営業を経験。

  5. 趣味で初めてWebサイトを制作。野球観戦ブログを運営。

  6. 趣味で3DCG制作を始める。

  7. ECサイトの運営会社に入社。ECサイトのディレクションを経験。

  8. Webサイトの運営会社に入社。自社運営Webサイトのディレクションを担当し、現在に至る。

SKILLS & TOOLS

スキル・使用ツール

企画・ディレクション

実務経験

  • 4年

    要件定義 / UI・UX改善 / 開発ディレクション / テスト / リリース確認 / 効果検証 / 競合調査

  • 3年

    企画立案 / ワイヤーフレーム

  • 2年

    仕様策定 / ロードマップ検討

デザイン・画面設計
  • Figma
  • Adobe XD
  • Adobe Photoshop

ワイヤーフレーム、画面設計、デザイン確認、画像を扱う制作・確認業務。

分析・データ
  • Microsoft Clarity
  • SQL
  • DBeaver

利用状況や画面上の行動の確認、分析用データの抽出・集計。

制作・進行管理
  • Backlog
  • GitHub

課題・仕様・進行管理、個人制作の管理・連携。

個人Web制作・運用
  • Next.js
  • Vercel
  • GA4
  • Google Tag Manager

AI支援を含むWebサイトの実装・公開、個人サイトの計測環境の整備。

AI活用
  • Claude
  • Claude Code
  • Codex

企画、要件整理、プロトタイピング、実装支援に使用。

3DCG・個人ゲーム制作
  • Blender
  • Unity
  • Adobe After Effects

キャラクター・背景・シーンの制作、レンダリング。Unityでは3D探索ゲームを制作中。