ALL WORKS / 11 SELF-INITIATED DEMOS

依頼したい仕事から、
完成形を見つける。

12カテゴリで絞り込み、制作例の詳細・操作デモ・参考料金をご確認ください。

制作例から探す
設計から実装まで触って確かめられる制作例TETSU WORKSに相談する
01 / FIND YOUR PROJECT

何を依頼したいですか?

依頼したい仕事から、制作例を探す。
すべて実際に操作できる自主制作です。

すべての制作例 / 11 PROJECTS

EC・商品ページSELF-INITIATED DEMO

FORMEProduct PageEC商品販売LP

商品価値を一目で伝え、色・数量の選択まで迷わせない商品ページ。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
内容により見積
納期目安 / DELIVERY
5〜10営業日
AI・業務自動化SELF-INITIATED DEMO

RELAYAI問い合わせ自動化システム

分類から下書き、人の確認までを見える化。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
要件確定後に提示
アプリ・管理画面SELF-INITIATED DEMO

DAYBOOK予約管理ダッシュボード

今日の予定も、次の予約も。迷わない業務画面。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
要件確定後に提示
修正・改善SELF-INITIATED DEMO

REFINEWebサイト改善 Before / After

情報はそのままに。伝わる順番を変える。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
5,000円〜 / 1ページ
納期目安 / DELIVERY
1〜2営業日〜
デザインSELF-INITIATED DEMO

STILL / STUDIOSNS / 広告クリエイティブ集

ひとつのブランドを、いくつもの接点へ。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
5,000円〜 / 1点
納期目安 / DELIVERY
1〜3営業日〜
テスト・納品SELF-INITIATED DEMO

SHIP / CHECKQA / 納品工程DEMO

つくって終わりにしない。引き継げる完成へ。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
対象範囲確認後に提示
AI・業務自動化SELF-INITIATED DEMO

CSV AUTOMATORCSVデータ加工ツール

読み込みから整理、集計、書き出しまで。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
仕様確認後に提示
AI・業務自動化SELF-INITIATED DEMO

SMART INBOXAI Workflow問い合わせ管理ツール

分類・優先度・担当・返信下書きを一画面に。AI導入時の業務フローを示すローカルデモ。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
仕様確認後に提示
アプリ・管理画面SELF-INITIATED DEMO

ADMIN DASHBOARD顧客管理ダッシュボード

顧客も取引状況も、ひとつの台帳に。

Next.jsReactTypeScriptCSS
参考価格 / PRICE GUIDE
要件により見積
納期目安 / DELIVERY
仕様確認後に提示

掲載作品はすべて自主制作です。企業名・商品・業務データは架空で、受託実績・導入実績ではありません。

03 / TETSU WORKS CAPABILITIES

WHAT DO YOU NEED?

何を依頼したいですか?

案件に近いカテゴリを選ぶと、関連する作品・料金・納品物だけを表示。

コーディング・Next.js・レスポンシブ・既存サイト改善も対応。全12カテゴリから探す

05 / TETSU WORKS — PRICE GUIDE

料金と納期の目安。

必要な範囲からご依頼いただけます。

トップページ

30,000円〜

3〜5営業日

下層ページ

5,000円〜 / 1ページ

1〜2営業日 / 1ページ

LP

30,000円〜

5〜10営業日

Webサイト一式

50,000円〜

7〜14営業日

EC / 商品ページ内容により見積 / 5〜10営業日

Webアプリ・AI業務自動化・API連携料金・納期ともに要件により見積

参考価格・期間です。ページ数、機能、デザイン、素材、API・外部サービス、修正範囲で変動します。仕様と素材の確定後に正式なお見積もり・納期を提示します。

06 / WHAT YOU GET

完成品として、渡す。

制作物だけでなく、使い始めるために必要なファイルと手順まで。
案件の範囲に合わせて、整理して納品します。

01 / PRODUCT

完成した制作物

スマートフォンでも使える画面。合意した機能を実装し、修正・動作確認まで対応。

02 / SOURCE & ASSETS

ソース・画像・設定

ソースコード、納品対象の画像データ、設定ファイルを整理。

03 / README

迷わない引き継ぎ

READMEに起動・設定・更新方法を記載。必要に応じて操作手順書も用意。

04 / QUALITY

QA済み成果物

表示・操作・リンクを確認し、確認項目と注意点を共有。

納品物・確認環境・修正範囲は、着手前に合意します。

07 / FROM BRIEF TO DELIVERY

依頼から納品まで、
見通しのある進め方。

全10工程を4つのフェーズで進めます。ご利用中のクラウドソーシングサービスのメッセージだけでも進行できます。

  1. PHASE 01

    相談・確認

    作るものと必要な素材を先に確定します。

    • 募集内容・仕様確認
    • 必要素材確認

    DELIVERABLE相談メモ・制作範囲

    ご確認いただく場面作るものと範囲を、着手前に合意します

  2. PHASE 02

    設計

    画面と構造を決めてから手を動かします。

    • 設計

    DELIVERABLE画面構成・仕様

  3. PHASE 03

    制作・検証

    実装しながら確認し、共有して直します。

    • 制作・実装
    • 内部QA
    • 確認用共有
    • 修正
    • 最終QA

    DELIVERABLE触れる画面・検証記録

    ご確認いただく場面確認用URLを共有。見て、直す指示をいただきます

  4. PHASE 04

    納品

    使い始められる形にまとめて渡します。

    • 成果物整理
    • 納品

    DELIVERABLEソース・引き継ぎ資料

    ご確認いただく場面納品物を確認いただいて完了です

制作範囲・確認日・納品形式を最初に共有。AIも活用して効率化し、動作確認・修正・成果物の整理まで責任を持って対応します。修正回数と対象範囲も着手前に合意します。

08 / BUILT WITH CARE

AIを活かして、
人が使える完成品へ。

AIで調査や実装を効率化しながら、要件整理・設計の判断・テスト・修正には責任を持って対応します。画面ができた段階で終わらず、実際の操作と納品後の使い方まで確認します。

  • Desktop / Mobileの表示・操作確認
  • フォーム、エラー表示、リンクの確認
  • キーボード操作・読みやすさ・納品ファイルの確認
QA・納品工程のデモを見る
07 / FAQ

BEFORE
YOU ASK.

依頼前の不安を、ひとつずつ。

Zoomなしでも、メッセージ中心で依頼できますか?

はい。要件整理から進捗共有・修正確認・納品まで、メッセージ中心で進められます。記録を残しながら、ご都合のよい時間に確認できます。オンライン会議は必須ではありません。

原稿がまだありません。何から用意すればよいですか?

目的・伝えたい内容・参考サイトがあれば、構成の整理から相談できます。原稿作成が必要な範囲と費用は、着手前に確認します。

写真や画像素材が揃っていなくても大丈夫ですか?

必要な素材を整理し、支給・撮影・利用許諾のある素材などから方法を提案します。有料素材やAI生成画像の使用は事前に相談し、権利と用途を確認します。

修正はどこまで対応できますか?

修正回数・対象範囲・確認日を着手前に合意します。途中でページや機能が増える場合は、追加費用と納期を先にお伝えします。

納品形式は? ソースコードも受け取れますか?

完成した制作物に加え、合意したソースコード・画像・設定・READMEを整理して納品します。ZIPやGitリポジトリなど、運用しやすい形式を相談できます。外部素材のライセンス条件も共有します。

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

はい。PC・タブレット・スマートフォンで、読み順・画像・タップ領域を調整します。対象の画面幅やブラウザは事前に決め、表示と操作を確認します。

WordPress / Next.js / Shopifyは相談できますか?

はい。更新方法や既存環境を伺い、適した構成と対応範囲を提案します。テーマ・プラグイン・外部連携が必要な場合は、仕様と費用を確認してから見積もります。

短納期の案件も相談できますか?

希望公開日と必要なページ・機能をお知らせください。素材の準備状況と作業量を確認し、優先範囲を絞るなど、実現できる進め方を相談します。

AIを使う場合、品質はどう確認しますか?

生成結果をそのまま納品せず、要件との一致・実際の操作・表示・エラー処理を確認し、修正します。機密情報の扱いとAIの利用範囲も事前に確認します。

公開まで対応できますか?

はい。公開作業を含む範囲で合意した場合は、環境設定の案内から公開後の表示・リンク確認まで対応します。契約・決済・本人認証・ドメインの権限操作は、ご本人にお願いする場合があります。

MESSAGE-ONLY OK

メッセージだけでも、進められます。

仕様確認・進捗共有・修正確認・納品まで、クラウドソーシング上のメッセージを中心に対応。Zoom / Google Meetは必須ではありません。

相談内容をまとめる
A GOOD PLACE TO START / TETSU WORKS

つくりたいものを、
聞かせてください。

まだ要件が曖昧でも大丈夫。
いま困っていることから、一緒に整理します。

相談内容を入力する ↓
まずは文章で。
打ち合わせの前に、相談できます。
  1. 01相談を送信
  2. 02内容を確認
  3. 03メールで返信
  4. 04合意して制作開始

金額・納期・制作範囲は、内容を確認してご相談。
送信した時点で契約や発注にはなりません。

案件サイトからのご相談は、そのサービス内メッセージでも進められます。

YOUR NEXT PROJECT必須はお名前・メール・ご相談内容
01 何を相談したいですか? 未定でも大丈夫
02 いま、考えていること

困っていること、つくりたいものを自由に。10〜2,000文字。秘密情報・パスワードは入力しないでください。

予算・希望時期・参考資料を添える 任意

予算・時期はご希望の目安です。制作範囲を確認してお見積もりします。

03 お返事先

送信内容はお問い合わせ対応のために利用します。

受付状況を確認しています。

案件サイトのメッセージで相談したい方へ

入力内容をコピーして、ご利用中のサービスへ貼り付けられます。ここからは送信しません。