Projects

手段を越境し、
体験全体をデザインする

B2B MARKETING

HITACHI - リード獲得基盤の構築

日立製作所様の「物流DXソリューション」における、中長期的なリード獲得を目的としたプロジェクト。高度で複雑な商材をターゲットへ直感的に伝えるため、オンラインとオフラインを横断するクリエイティブ全般のディレクションと実装をリードしました。

Role:

Creative Director / Lead Designer / Front-end Developer

Period:

2024.7 - 2025.9

Team:

PM / クリエイティブ統括 / SEOディレクター / ライター / 日立製作所 事業部・企画部 ご担当者様

Value:

UIUX制作 / DTP制作(撮影含む) / コンテンツ運用フロー構築

01. Web UIUX Design

分析データに基づく、UI/UX改修とフロントエンド実装

PMが抽出した数値データや顧客ヒアリングをインプットとし、ファクトベースでUIを再設計しました。複雑なソリューション群を顧客視点で分類し直し、タグ形式で情報を整理。ターゲットが慣れ親しんだ読みやすいイメージとモダンな印象、ブランドの3軸を統合したトンマナを策定し、認知から検討に至るカスタマージャーニーに沿ってFigmaでUIを構築。フロントエンド実装までを一貫して完遂しました。

02. Art Direction & DTP

リアルな顧客接点を前提とした情報デザイン

Web上の体験設計に留まらず、オフラインの営業活動や展示会で使用するDTPツールのクリエイティブディレクションを担当しました。利用時の状況を想定して情報粒度を策定し、レイアウトを確定していきました。展示場紹介のパンフレット時には、足を運んでディレクションから撮影までを行い、現場の強みを徹底してビジュアル化。またWebへの流入を計測するパラメータ付きQRコードの配置など、リアルとデジタルの接点(OMO)を統合しました。

03. Creative Ops & AI Automation

AIを活用した記事運用フローの構築

中長期的なSEO対策の要となる「用語集」コンテンツの量産において、運用コストの削減を実現しました。ライターが執筆したWord(.docx)原稿を、手作業でコーディングするのではなく、GPTを活用して指定のHTMLマークアップへと自動変換するフローを構築。クリエイティブの品質を落とすことなく、月間数十本規模のコンテンツ追加に耐えうる運用効率化をシステムレベルでデザインしました。

EMPLOYER BRANDING

KCCE - 採用サイト構築

京セラグループ KCCE様の採用における、入社後ギャップの払拭とレガシー環境からの脱却を目的としたプロジェクト。社会インフラを担う使命感をターゲットへ直感的に伝えるため、モダン技術の選定からUI設計、撮影ディレクションまでリードしました。

Role:

Art Director / Lead UIUX Designer / Front-end Engineer

Period:

2024.4 - 2024.10

Team:

PM / クリエイティブ統括 / 外部カメラマン / KCCE ご担当者様

Value:

採用UIUX設計 / 撮影ディレクション / モダン環境構築

01. Architecture & Engineering

モダンな環境構築でレガシーから脱却

「既存のWordPressを廃止し、必要な部分のみを静的化して保守したい」というインフラ要件に対し、単なるHTMLのベタ書きではなく、今後の拡張性と保守性を見据えたモダンな技術スタックを提案しました。先方の「独自サーバー」という制約に合わせて静的サイトジェネレーションとコンポーネント指向に優れたNuxt.jsを選定・導入。Cursorを使った非エンジニアによる更新レクチャーも合わせて実施し、セキュアな運用フローを構築しました。

02. UI/UX & Employer Branding

入社後ギャップを払拭する採用UI設計

ヒアリングを通じ、最大の課題が「数年間の現場配属期間による入社後ギャップ」であると定義しました。ネガティブになりがちな現場の泥臭さを、「社会インフラを担う強い使命感」というポジティブなメッセージへと変換して訴求。視座の高いターゲティングを重くせず描くため、BIと連動したビタミンカラーを基調に、求職者が働くイメージを鮮明に描けるUIを設計し、実装まで一貫して行いました。

03. Art Direction

Pinterestを活用した外部クリエイターとの共創

採用サイトのクオリティを左右する写真素材において、外部のプロカメラマンチームをディレクションしました。言葉だけでは伝わりきらないトンマナを正確に共有するため、Pinterestを用いて精緻なムードボードを構築。UIデザイン上の要件を事前に定義した上で撮影指示を行うことで、デザインにフィットするビジュアル素材を獲得しました。

COMMUNITY BRANDING

Gameic - eスポーツ協会の立ち上げ

Gameic様の「日本最大級のアマチュアeスポーツ協会立ち上げ」における、権威性と熱量の創出を目的としたプロジェクト。Web基盤の構築から200を超える大会クリエイティブ、配信動画素材まで、あらゆる手段を用いてクリエイティブをリードしました。

Role:

Creative Director / Lead Designer / Front-end Developer

Period:

2020.1 - 2021.12

Team:

代表 / クリエイティブ統括 / コミュニティマネージャー / 法人営業

Value:

ブランド設計 / クリエイティブ制作 / Web基盤構築/ 動画ディレクション

01. Brand Identity & Strategy

「権威」と「熱狂」の出し分けとアセット開発

設立間もない協会が、企業からの協賛やSDGs文脈での社会貢献を推進していくためには、若者向けのクールさだけでなく「公的機関のようなクリーンな信頼感」が必要でした。世の中にクリーンなeスポーツ系アセットが存在しない中、アイコンや素材群をすべて自作してブランドを定義。ターゲットに合わせて「あえてお堅い協会らしいダサさ」を演出して公共性を担保するなど、B2BとB2Cの双方から信頼を獲得するための視覚チューニングを行いました。

02. Creative Ops & Art Direction

IPに依存しない制作オペレーション

協会のコア事業である「公認大会制度」において、200近くのアマチュア大会のクリエイティブを単独で手がけました。「ゲームタイトルのIP素材が使えない」という制約の中、タイポグラフィやエフェクトによるクールな表現手法のストックを蓄積し、質とスピードを両立させる制作オペレーションを確立。ロゴのないアマチュアチームにはロゴ制作から介入し、発信内容から瞬時にトンマナを抽出してチームの対外的な価値を高めるクリエイティブへと昇華させました。

03. Web Engineering & UI/UX

事業スピードに合わせたアジャイルなWeb基盤の構築

圧倒的なスピード感が命となるスタートアップ環境において、事業展開を最前線で支えるデジタル・プラットフォームを構築しました。公式サイトは、非エンジニアの運営メンバーでも即座に情報発信ができるよう、WordPressを用いてフルスクラッチで開発。突発的なキャンペーンやイベント立ち上げの際にはSTUDIOを活用し、「要件定義から1営業日でLPを納品する」という体制を実現。品質とスピードを両立させるWebオペレーションを確立しました。

04. Motion Graphics & Streaming UI

大会の熱狂を高める配信UIと映像実装

VALORANTやクラッシュ・ロワイヤル等のIP公認・Gameic主催大会においては、配信の質をプロ水準へと引き上げるクリエイティブを完遂しました。配信開始前の待機画面から、ゲームプレイ中のオーバーレイ、クロージングに至るまでの一連の配信アセットをすべて動画で設計・実装。映像という動的な時間軸のUIにおいても、視聴者の没入感とシーンの熱狂をコントロールするアートディレクションを行いました。