WEB DIRECTOR
PORTFOLIO

私を言葉で表すと・・・
多様性と論理的思考の融合

INDIVIDUAL PROJECTS(個人案件)

幅広く対応する多様性

VERSATILITY

工務店HP制作

WordPress / Adobe XD

MORE >
名刺がわりになるサイトを、すぐに立ち上げたいという要望だったため、スピード感を持って実装しました。
  • 導入:1〜2週間

    HPの立ち位置や費用感、制作に必要なもののご提示

  • 要件定義:2〜3週間

    ページ構成、掲載内容、デザイン方針やテーマ決め

  • ロゴ・デザイン制作:1.5〜2.5週間

    ロゴを作成し、サイトのトンマナなどを選定しデザインへ展開

  • コーディング・調整:1〜2週間

    Wordpressによる動的コンテンツ対応、お客様運用箇所の認識合わせ

ハウスクリーニングHP制作

WordPress / Adobe XD

MORE >
業界の先駆けとなるブランディングで、クライアントの熱量が高く、じっくり時間をかけてサイトを構築しました。
  • 導入:1〜2週間

    クライアント側と他施策など交えたスケジュール調整

  • 要件定義:3〜4ヶ月

    既存の制作物などを踏襲し、ページ構成や掲載内容の選定

  • TOPページデザイン制作・モック作成:2〜3週間

    ブランディングを損なわず、かつ業界の先駆けとなるデザインを考案

  • コーディング・下層ページ制作:3〜4週間

    WordpressでTOPページに合わせ下層ページも調整

イベント向け動画制作

Premiere Pro / After Effects

大きな節目を彩る特別な動画制作とのことで、クライアントの想いを形にした長編映像を制作しました。
  • 導入、素材受け取り:2〜3日

    素材を受け取り、要望やゴール設定を定義

  • カット・タイミング調整:2〜3日

    イベント動画ならではのテンポやリズム感を重視

  • テロップ・エフェクト追加:1〜2日

    シンプルで品のある公式感を意識した加工

プロポーズ用動画制作

Nano Banana / Seedance / KlinkAI

短納期かつ自身初の試みとなりましたが、生成AIの特徴を最大限に活かし、プロポーズ成功へ導けました!
  • 導入、台本受け取り:1日

    台本を受け取り、要望やゴール設定を定義

  • 画像・動画生成:1日

    AIとの壁打ちを経て、画像を大量生成し動画化

  • 編集、テロップ、音声生成:1日

    最後の感動シーンを強調するため、ストーリーや構成などを再調整

CORPORATE PROJECTS(企業内業務)

多角的な論理的思考

LOGICAL

光回線サイトのリニューアル

Astro / microCMS / Figma

MORE >
  • UI設計:6〜7ヶ月

    長年の改修により統一感が失われていたデザインから、比較検討を行うユーザーをペルソナとし、無駄な情報を省いたシンプルなUI設計を実現しました。高いUI評価を獲得しCVR向上が見込めました。

  • フロント構築:5〜6ヶ月

    エンジニアと協力しモダンフレームワークへのシステム移行を実行。CMSと組み合わせ、構造化データの自動生成などテクニカルSEO対応も強化しました。フロントコーディングの大部分を担当しました。

リニューアルの裏側・・・
デザイン・フロントのシステム移行

スピード測定サイトの公開

Astro / microCMS / Figma

MORE >
  • UI設計:3〜4ヶ月

    社内として新領域の取り組みでしたが、テーマは「できるだけシンプルで使いやすいWEBアプリ」を目指しUI設計しました。公開1ヶ月で10万UU以上を達成しました。検索順位向上に向け、ABテストやUI改修を継続しています。

  • フロント構築:2〜3ヶ月

    外部APIを活用した計測ロジックに加え、アニメーションなどのUI要素を独自実装。結果に応じたランク判定など、診断コンテンツ的な仕組みも追加実装。GAやGTMなども調整し、継続的にパフォーマンスをモニタリングしています。