01 / CAFE EXPERIENCE店舗を体験する KISSA
一杯の予約から、お店の一日まで。

TETSU WORKS / SELECTED EXPERIENCES
見た目で惹きつける。触れて、実力が伝わる。予約する。注文する。仕事をつなぐ。
画面の先まで、触って確かめてください。
見るだけの作品集じゃない。ぜんぶ、押せる。
Illustration / イメージイラスト
01 / CAFE EXPERIENCE店舗を体験する 一杯の予約から、お店の一日まで。
すべて自主制作のデモです。店舗の注文・予約・決済は実行されません。業務データはこのブラウザ内に保存されます。
REPORT FLOW は手元のCSVを読み込める業務ツールです。ファイルはこの端末から出ません。
デモで操作を。制作概要で、設計の理由を。
店も会社も架空。でも、ボタンは本当に動く。
すべての制作例 / 11 PROJECTS
見て終わりではなく、注文と予約まで進める店舗サイト。
触るとこう動く
色とサイズで写真・価格・在庫が動く、数の決まった店。
触るとこう動く
一度決めた列の意味を覚えて、二回目からは質問しない集計ツール。
触るとこう動く
分類・優先度・担当・返信下書きを一画面に。受付から顧客台帳まで同じ記録。
触るとこう動く
顧客も取引状況も、届いた問い合わせも、ひとつの台帳に。
触るとこう動く
機能の紹介だけで終わらせず、実際に出るファイルまで見せるLP。
触るとこう動く
ひとつの内容を、いくつもの比率へ。書き換えれば全部が変わる。
触るとこう動く
つくって終わりにしない。手の確認と、機械の記録を分けて残す。
触るとこう動く
掲載作品はすべて自主制作です。企業名・商品・業務データは架空で、受託実績・導入実績ではありません。

HOWどう動いて、
全部を自動にはしない。人が決めるところは、ちゃんと残す。
問い合わせ、日程調整、毎週の集計。いま使っている道具をつなぎ、繰り返す作業を先に進めます。すべてが一クリックで終わるわけではありません。初期設定と、人に残る判断がどこかは、下に書いています。
仕事が進むところを見る代わりにやること
あなたに残る判断
依頼を受けるか、金額と納期をどう約束するか。
出てくるもの
案件記録・返信案・確認事項の一覧
この体験を見る代わりにやること
あなたに残る判断
例外的な予約を受けるかどうか。日程合意は予約者本人が行います。
出てくるもの
空き確認済みの候補・案内文・変更時の更新一覧
この体験を見る代わりにやること
あなたに残る判断
不明な列の意味、新しいルール、異常値をどう扱うか。
出てくるもの
集計表・前回比較・問題行一覧・変更ログ
この体験を見る自主制作の検証であり、顧客導入の実績ではありません。稼働件数・精度・売上改善の数値は掲載していません。
入力した条件での計算です。体験で計測した値ではなく、導入後の成果を保証するものでもありません。
試算(実績ではありません)
月の純削減時間 17時間
初期設定の時間は、この条件なら約 0.2 か月分の 削減時間に相当します。
月の純削減時間 = 件数 ×(従来の人手時間 − 導入後の確認時間) − 例外対応時間 − 月次運用時間
入力した条件による計算です。体験で計測した値ではありません。実際の効果は対象業務・例外の多さ・運用体制によって変わります。入力値はこのブラウザ内だけで計算し、送信していません。
サイト全体の制作でなくても。何が届き、何を用意すればよいかを先に決めたメニューです。
WHAT DO YOU NEED?
案件に近いカテゴリを選ぶと、関連する作品・料金・納品物だけを表示。
コーポレート / 店舗 / サービスサイト
02広告・サービス訴求LP
03EC / 商品ページ
04管理画面 / 業務ツール
05AI / 業務自動化
06外部サービス連携
07UI / バナー / コンテンツ
08テスト / 改善 / 納品整備
コーディング・Next.js・レスポンシブ・既存サイト改善も対応。全12カテゴリから探す
必要な範囲からご依頼いただけます。
3〜5営業日
1〜2営業日 / 1ページ
5〜10営業日
7〜14営業日
EC / 商品ページ内容により見積 / 5〜10営業日
Webアプリ・AI業務自動化・API連携料金・納期ともに要件により見積
参考価格・期間です。ページ数、機能、デザイン、素材、API・外部サービス、修正範囲で変動します。仕様と素材の確定後に正式なお見積もり・納期を提示します。
渡したあと困らないように、動かし方はREADMEに残しておく。
制作物だけでなく、使い始めるために必要なファイルと手順まで。
案件の範囲に合わせて、整理して納品します。
スマートフォンでも使える画面。合意した機能を実装し、修正・動作確認まで対応。
ソースコード、納品対象の画像データ、設定ファイルを整理。
READMEに起動・設定・更新方法を記載。必要に応じて操作手順書も用意。
表示・操作・リンクを確認し、確認項目と注意点を共有。
納品物・確認環境・修正範囲は、着手前に合意します。

ASK頼み方と、
決まっていなくて大丈夫。確かめる場面は、先に決めておくね。
全10工程を4つのフェーズで進めます。ご利用中のクラウドソーシングサービスのメッセージだけでも進行できます。
作るものと必要な素材を先に確定します。
DELIVERABLE相談メモ・制作範囲
ご確認いただく場面作るものと範囲を、着手前に合意します
画面と構造を決めてから手を動かします。
DELIVERABLE画面構成・仕様
実装しながら確認し、共有して直します。
DELIVERABLE触れる画面・検証記録
ご確認いただく場面確認用URLを共有。見て、直す指示をいただきます
使い始められる形にまとめて渡します。
DELIVERABLEソース・引き継ぎ資料
ご確認いただく場面納品物を確認いただいて完了です
制作範囲・確認日・納品形式を最初に共有。AIも活用して効率化し、動作確認・修正・成果物の整理まで責任を持って対応します。修正回数と対象範囲も着手前に合意します。
AIで調査や実装を効率化しながら、要件整理・設計の判断・テスト・修正には責任を持って対応します。画面ができた段階で終わらず、実際の操作と納品後の使い方まで確認します。
依頼前の不安を、ひとつずつ。
はい。要件整理から進捗共有・修正確認・納品まで、メッセージ中心で進められます。記録を残しながら、ご都合のよい時間に確認できます。オンライン会議は必須ではありません。
目的・伝えたい内容・参考サイトがあれば、構成の整理から相談できます。原稿作成が必要な範囲と費用は、着手前に確認します。
必要な素材を整理し、支給・撮影・利用許諾のある素材などから方法を提案します。有料素材やAI生成画像の使用は事前に相談し、権利と用途を確認します。
修正回数・対象範囲・確認日を着手前に合意します。途中でページや機能が増える場合は、追加費用と納期を先にお伝えします。
完成した制作物に加え、合意したソースコード・画像・設定・READMEを整理して納品します。ZIPやGitリポジトリなど、運用しやすい形式を相談できます。外部素材のライセンス条件も共有します。
はい。PC・タブレット・スマートフォンで、読み順・画像・タップ領域を調整します。対象の画面幅やブラウザは事前に決め、表示と操作を確認します。
はい。更新方法や既存環境を伺い、適した構成と対応範囲を提案します。テーマ・プラグイン・外部連携が必要な場合は、仕様と費用を確認してから見積もります。
希望公開日と必要なページ・機能をお知らせください。素材の準備状況と作業量を確認し、優先範囲を絞るなど、実現できる進め方を相談します。
生成結果をそのまま納品せず、要件との一致・実際の操作・表示・エラー処理を確認し、修正します。機密情報の扱いとAIの利用範囲も事前に確認します。
はい。公開作業を含む範囲で合意した場合は、環境設定の案内から公開後の表示・リンク確認まで対応します。契約・決済・本人認証・ドメインの権限操作は、ご本人にお願いする場合があります。
送っても、まだ契約じゃない。困っていることから、どうぞ。
まだ要件が曖昧でも大丈夫。
いま困っていることから、一緒に整理します。
金額・納期・制作範囲は、内容を確認してご相談。
送信した時点で契約や発注にはなりません。
案件サイトからのご相談は、そのサービス内メッセージでも進められます。