WORKS

制作実績

各案件について、ページ構成と担当範囲、実装した内容を記載しています。図はサイトの構成を示したもので、実際の画面ではありません。

コーポレートサイト / 営業代行業(横浜)

tree株式会社

tree-line.jp
担当範囲
企画・原稿・設計
デザイン・実装
ページ数
全8ページ
実装
WordPress
カスタムテーマ
公開
公開中

トップページの構成

ヘッダー/グローバルナビ ヒーロー(動画背景)GROWTH IS OUR NATURE. ABOUT ── 会社の考え方 SERVICE ── 事業内容横スクロールで3事業を見せる WORKS ── 支援実績課題 → 施策 → 数値の順で提示 数値(カウントアップ表示) NEWS RECRUIT CONTACT / フッター
tree-line.jp
tree株式会社 コーポレートサイト

下層ページ(7)

ABOUT / SERVICE / WORKS / NEWS / RECRUIT / COMPANY / CONTACT

担当したこと

  • ブランドコンセプトの策定
  • 全8ページのコピーライティング
  • デザイン(全ページ)
  • WordPressカスタムテーマの実装
  • OGP・Twitterカードの設定

設計上の判断

  • 取引先向けの信用と、採用応募の獲得を1サイトで両立させる構成
  • 実績を「課題→施策→数値」の順に固定し、他社比較で優位に立つ
  • 担当者が自分で更新できるよう、CMSはWordPressを選択
動画ヒーローGSAP / Lenis横スクロールカウントアップ

コーポレートサイト / デジタル事業会社(千葉・船橋)

株式会社Fizi

fizi-inc.com
担当範囲
構成・原稿
デザイン・実装
ページ数
全5ページ
特徴
4事業を
1つの言葉で統合
公開
公開中

トップページの構成

ヘッダー/グローバルナビ ヒーロー価値を生み出す側へ SERVICES ── 4つの事業 SNSマーケ クリエイター AI プロダクト COMPANY ── 会社概要 NEWS ── お知らせ CONTACT / フッター
fizi-inc.com
株式会社Fizi コーポレートサイト

下層ページ(4)

SERVICES / COMPANY / NEWS / CONTACT

担当したこと

  • ブランドコピーの策定
  • サイト構成の設計
  • デザイン(全ページ)
  • 実装・公開

設計上の判断

  • 4事業がばらばらに見えないよう、1つの言葉で束ねてから並べた
  • 事業が増えても崩れない、サービス一覧の型を先に決めた
  • 新設企業のため、実績ではなく考え方で信用をつくる構成にした
ブランドコピー構成設計レスポンシブ

比較メディア / 自社運営

CTI総合窓口

cti-madoguchi.pages.dev
担当範囲
企画・情報設計
実装・運用
種別
比較メディア
入口
無料診断
(3社レコメンド)
運営
自社運営・継続中

導線の構成

トップ中立比較であることを最初に明示 無料診断(席数・用途・予算)条件を答えると最適な3社が返る 比較一覧(横並び)価格・機能・初期費用を同じ軸で ベンダー個別ページ 問い合わせ(ベンダー別に計測)送客数を自社で運用
cti-madoguchi
CTI総合窓口

運用していること

掲載ベンダーとの調整 / 問い合わせのベンダー別計測 / 送客数の管理

担当したこと

  • メディアの企画と収益設計
  • 診断ロジックと比較軸の設計
  • 実装・公開(Cloudflare Pages)
  • 公開後の運用

設計上の判断

  • 一覧を並べるだけでは選べないため、条件から3社に絞る診断を入口に置いた
  • 問い合わせをベンダー別に計測し、成果を数字で追える形にした
  • 受託ではなく自社運営のため、数字の責任を自分で持っている
情報設計診断フォームCV計測Cloudflare Pages

業務システム・自動化

そのほかの開発実績

受託

  • 契約ポータル(見積もりから締結までを5ステップに集約。電子契約APIと連携、freee・Slackへ自動連携)
  • 営業集計の自動化(通信系営業会社・社名非公開。Google Apps Scriptで進捗とコミッションを日次自動集計)

自社プロダクト

  • KinoCall ── アウトバウンドCTI(Next.js / Vercel・Fly.io・Neon)
  • 契約書レビューAI ── 日本法チェックと交渉プレイブック
  • ZenMapCRM リード収集 ── 週1,000件規模の営業リスト生成
  • CardFlow ── 名刺管理(Gemini Vision OCR)

図はサイトの構成を示したもので、実際の画面ではありません。実画面はURLからご確認いただけます。
掲載企業名は許諾を得たもののみ記載しています。