T.DESIGN Contact us
T.DESIGN 代表 武田大地のポートレート
  • Ideas
  • Shape
  • People
  • Brands
  • and a
  • calmer
  • world.

Design
for a
quieter
tomorrow.

T.DESIGN|Webサイト制作・LP制作・モーショングラフィックス — Presence, without noise.

語らずとも、伝わる存在感。

Web Design / Landing Page / Motion Graphics / SEO

(01)

Philosophy

What we believe.

デザインとは、目に見えるものを整えることではない。まだ言葉になっていない価値を見つけ、かたちと体験へ翻訳すること。余白に意志を込め、忘れられない一瞬をつくる。

Beyond
the visible.

  • Type
  • Image
  • Space
  • Experience

Motion Graphics ReelComing soon

(02)

Selected Work

Quietly crafted, clearly felt.

Work

(03)

Service

Web, LP, motion & SEO.

What Imake.

  1. 01

    Web DesignWebサイト制作

    ブランドの世界観を、構造と動きで体験へ。企画・情報設計からデザイン、実装まで一貫して手がけます。

    Design / HTML・CSS・JS / GSAP / Three.js

  2. 02

    Landing PageLP制作

    伝えたい一点に、視線と感情を集める。成果から逆算した構成とビジュアルで、行動を後押しします。商品・サービスの販売、集客、採用など、目的に合わせたLP制作もご依頼いただけます。

    Strategy / Copy / Design / Coding

  3. 03

    Motion Graphicsモーショングラフィックス

    静止画では届かない温度を、時間で語る。ブランドムービー、Webサイトに組み込む動画、UIのアニメーションまで制作します。

    Brand Movie / Web Movie / UI Motion

  4. 04

    Creative Directionブランド設計・アートディレクション

    トーン、文字、ビジュアルの一貫性を設計し、ブランドの「らしさ」を育てます。

    Identity / Tone & Manner / Art Direction

  5. 05

    SEO内部SEO最適化

    見つけてもらえなければ、伝わらない。見出し構造・メタ情報・構造化データ・表示速度まで、検索エンジンに正しく伝わるサイト設計を標準で行います。

    Structure / Meta / Schema / Performance

(04)

Strengths

Fair. Fast. Refined.

Fast, fair& refined.

「良いものは高くて遅い」を、当たり前にしない。
ひとりのディレクターが最初から最後まで担当するから、
価格とスピードと品質を、同時に叶えられます。

(05)

Pricing

Clear pricing. No surprises.

Simplepricing.

必要なものを、必要なだけ。
まずは基本プランをベースに、ご希望に合わせてオプションを組み合わせます。

最短1週間

01 — Website

Webサイト制作

100,000円〜

3〜5ページ / 6ページ以上は要相談

  • オリジナルデザイン
  • レスポンシブ対応(PC・スマートフォン)
  • 内部SEO対策・OGP設定
  • お問い合わせ導線の設計
  • 基本のスクロールアニメーション

Delivery最短1週間

02 — Landing Page

LP制作

60,000円〜

縦長1ページ

  • 構成・コピーのご提案
  • オリジナルデザイン
  • レスポンシブ対応
  • CTA(申込・問い合わせ)設計
  • 内部SEO対策・OGP設定

Delivery最短5日

03 — Motion Graphics

モーショングラフィックス

50,000円〜

〜30秒 / 60秒以上は要相談

  • 構成・絵コンテ
  • モーショングラフィックス制作
  • BGM・効果音
  • SNS向けサイズ展開(1種)

Delivery最短1週間

Options

オプション

  • スクロールアニメーション・演出の追加20,000円〜
  • オープニング(ローディング)アニメーション20,000円〜
  • 背景動画・動画の埋め込み15,000円〜
  • サイト用モーション動画の制作30,000円〜
  • ページ追加(1ページあたり)15,000円〜
  • SEO強化(キーワード設計・コンテンツ提案)30,000円〜
  • 公開後の更新・保守月額 5,000円〜

※ 価格は目安です。内容・ボリュームにより変動します。お見積りは無料です。

(06)

Flow

From inquiry to launch, in 7 days.

How wedeliver.

お問い合わせから公開まで、最短1週間。ひとりのディレクターが一貫して担当するので、確認や修正のやりとりもスムーズです。

  1. Day 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7

※ 最短スケジュールの一例です。ページ数や素材のご用意状況により前後します。

  1. 01

    Day 1

    Listenお問い合わせ・ヒアリング

    InstagramのDMまたはメールでご連絡ください。事業のこと、お客様のこと、言葉にしきれていない想いまで。対話を重ねながら、目的と課題の輪郭をつかみます。

    Outputヒアリングシート / 課題の整理

  2. 02

    Day 1 — 2

    Defineご提案・お見積り

    誰に、何を伝え、どう感じてほしいのか。コンセプトとサイト構成(動画の場合は流れ)をご提案し、お見積りとスケジュールを確定します。

    Outputコンセプト / サイトマップ / お見積り

  3. 03

    Day 2 — 4

    Designデザイン制作

    文字・余白・色・動きで、見えない価値を可視化します。デザインをご確認いただきながら、細部まで磨き込みます。

    Outputデザインカンプ / 絵コンテ

  4. 04

    Day 4 — 6

    Build実装・動作確認

    コーディング、アニメーション、動画の組み込み、内部SEOの設定まで。PC・スマートフォンの表示と動作を確認します。

    Outputコーディング / SEO設定 / 動作確認

  5. 05

    Day 7 —

    Launch公開・納品

    最終確認のうえ、公開・納品します。公開はゴールではなくスタート。更新や改善のご相談にも、ブランドとともに育てていく姿勢でお応えします。

    Output公開・納品 / 運用・更新のご相談

(07)

FAQ

Questions, answered.

Goodquestions.

よくいただくご質問をまとめました。
ここにない内容も、DMやメールでお気軽にどうぞ。

Q01Timeline制作期間はどのくらいですか?

最短1週間で公開・納品が可能です。ページ数や素材のご用意状況により前後しますので、ご希望の公開日があればお知らせください。

Q02Pricing料金の目安を教えてください。

Webサイトは3〜5ページで100,000円〜(6ページ以上はご相談)、LPは60,000円〜、モーショングラフィックスは30秒まで50,000円〜です。お見積りは無料です。

Q03SEOSEO対策はしてもらえますか?

見出し構造・メタ情報・OGP・構造化データ・表示速度の最適化など、内部SEO対策をすべてのプランで標準対応しています。キーワード設計やコンテンツのご提案はオプションで承ります。

Q04Responsiveスマートフォンにも対応していますか?

すべてのプランで、PC・タブレット・スマートフォンに最適化したレスポンシブデザインで制作します。

Q05Motion onlyアニメーションや動画だけの依頼もできますか?

はい。モーショングラフィックス単体のご依頼や、既存サイトへのアニメーション・背景動画の追加も承っています。

Q06Consultation相談だけでも大丈夫ですか?

もちろんです。InstagramのDMまたはメールで、お気軽にご相談ください。「まだ何も決まっていない」段階でも大丈夫です。

(08)

About

The person behind the work.

武田大地
Founder / Creative Director

Daichi Takeda

武田 大地

T.DESIGN 代表。Webサイト、LP、モーショングラフィックスを軸に、ブランドの「見えない価値」を可視化するクリエイティブディレクションを行う。文字と余白、そして動き。そのすべてに意志を込め、忘れられない印象をつくることを大切にしている。

Claude Code・CodexなどのAIを制作フローに取り入れ、スピードと品質の両立を追求。GSAPやThree.jsによるインタラクティブな実装、Higgsfieldなどの生成AIを使った映像・画像制作、Google Apps Script(GAS)による業務の自動化まで、デザインの外側にも領域を広げている。

Role
Creative Director / Designer
Field
Web / Landing Page / Motion Graphics / Branding

Skills & Stack

Design

  • Adobe Creative Cloud
  • Photoshop

Front-end

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Three.js

AI

  • Claude
  • Claude Code
  • Codex
  • Higgsfield
  • 各種生成AI

Automation

  • Google Apps Script (GAS)
余白に、
意志を。
(09)

Instagram

Design notes, every week.

Designnotes.

Webデザインのコツや、AIとの付き合い方を
Instagramで発信しています。

A stronger
impression
lives in silence.

Leave a lasting impression.

余韻まで、デザインする。

Let’s work together
  1. 01お問い合わせ
  2. 02ヒアリング・ご提案
  3. 03お見積り
  4. 04制作スタート

ご相談・お見積りは無料です。「まだ何も決まっていない」段階でも、InstagramのDMかメールでお気軽にご連絡ください。

DMで相談する
DMで相談 メールで相談