R’s
LPコーディング
英会話スクールのLP
配布されたデザインカンプを、余白や文字の大きさまでそのまま再現しました。
- 写真が切り替わるメインビジュアル
- スクロールに合わせて出てくる説明
- スマホでは全画面のメニュー
できること
企画・デザイン・実装・公開・公開後の運営まで、ひとりで対応できます。
Webサイト・LP
- デザインカンプからのコーディング（Figma・XD・画像）
- 構成・デザインからの制作、写真がなくても可
- スマホ対応（iPhone・Android・PC）
- アニメーション、スクロール演出
フォーム・仕組み
- 申込・問い合わせフォーム
- スプレッドシート連携、メール通知
- カード決済リンクの設置
- 管理画面、業務アプリ（募集・出欠・割り当て）
ゲーム・診断
- ブラウザゲーム（企画から）
- 診断コンテンツ、クイズ
- 店頭のくじ・キャンペーン用ミニゲーム
- 効果音・演出も自作
広げるためのこと
- X・LINEでのシェアと、共有されたときの見え方
- アクセス解析の設置
- 多言語対応（英語・中国語・韓国語）
- Xでの告知も自分で運用
公開と運用
- 独自ドメインの取得と設定
- 公開作業（Cloudflare・GitHub Pages ほか）
- 更新・保守を月額で
- 表示の速さの改善
AIを使った仕組み
- ChatGPT・Claudeを組み込んだアプリ
- AIチャット・自動返信
- APIキーを隠す中継サーバー（Cloudflare Workers）
- AIでの業務自動化の相談
業務の効率化
- Googleスプレッドシートの自動化（GAS）
- Excelの集計・グラフ・表作り
- データの収集・整理（大量の資料からの抽出）
- Slack・メール通知の連携
アプリ
- Webアプリ（予約・募集・出欠管理など）
- ホーム画面に追加できるアプリ（PWA）
- iOS・Androidアプリ
- 3Dゲーム
そのほか
- 動画編集、解説動画
- 統計データを使った企画とその事実確認
- 理数系の教材・問題作成（物理・数学、LaTeX）
- 英語の資料の読み込み・翻訳
対応できる言語・ツール
- 画面づくり
- HTMLCSSJavaScriptTypeScriptReactCanvasWeb Audio
- 仕組み・裏側
- Node.jsPythonGoogle Apps ScriptCloudflare WorkersC言語
- アプリ
- React Native（Expo）PWA
- 公開・管理
- Git / GitHubGitHub PagesCloudflare独自ドメイン
- 連携
- OpenAI APIClaude APIStripeGoogleフォーム・スプレッドシートSlack
- その他
- FigmaLaTeXExcel
制作サンプル
お店や教室の名前は架空です。画像を押すとこのページの中で開き、PCとスマホの表示を切り替えて確かめられます。
LPと申込フォーム
個別指導塾の無料体験LP
塾の名前「灯」から、夜の勉強机を描いたイラストと黒紺×ランプ色で仕立てました。読んだ人が迷わず申し込める構成です。
- 合格実績のカウントアップ、講師紹介、よくある質問、駅からの地図
- 入力中にチェックする申込フォームと確認画面
- スマホでは下に「電話・申込」ボタンを固定
販促ミニゲーム
店頭キャンペーンくじ
パン屋さんの秋のくじ。スロット・ルーレット・スクラッチを同じ当選確率で遊べて、タブレットをレジに置くだけで使えます。
- リーチ演出のスロット、カチカチ止まるルーレット、指で削れるスクラッチ
- 等ごとの紙吹雪と効果音、引換コードの表示
- 管理画面で確率・1日の当たり数・今日の当選状況
診断コンテンツ
受験タイプ診断
10問で勉強のクセを8タイプに判定。タイプごとに、消しゴムのオリジナルキャラを描きました。
- 「判定中…」のドキドキ演出
- 勉強法・休日のスケジュール・相性のいいタイプ
- 結果を画像で保存、X・LINEでシェア、結果ごとのURL
お店のサイト
喫茶店の公式サイト
ゆったり本を読める喫茶店の3ページ。写真がなくても、線画のイラストと縦書きでお店の空気が伝わるようにしました。
- 今日のおすすめを黒板風に、営業中かどうかを自動表示
- タブで切り替えるお品書きとアレルギー表示、豆の産地
- 手描き風の地図と、今日の曜日が光る営業時間表
3Dゲームや業務アプリ（審判の募集・出欠・割り当て）も作っています。ご相談のときにお見せします。
料金の目安
内容を伺ったうえで、作り始める前に金額を確定します。あとから増えることはありません。
- LPコーディングデザインからの実装、フォーム・動きを含む
- 3万円〜1ページ
- お店・教室のサイト構成とデザインから、3〜5ページ
- 8万円〜
- 診断・販促ミニゲームSNSで広がる診断、店頭くじ、キャンペーン
- 5万円〜
- ブラウザゲーム企画からまるごと、スマホ対応・ランキング・シェア
- 15万円〜
- 更新と保守文言・画像の差し替え、不具合への対応
- 5,000円〜毎月
ご相談から公開まで
- ご相談目的やイメージ、予算を伺います
- お見積り作るもの・納期・金額を文章でお送りします
- 制作2〜3日ごとに、動く途中経過をURLで共有します
- 確認と修正スマホとPCの表示、フォームを確かめます
- 公開と納品公開作業と、ファイル一式のお渡し
お約束
返信は当日中に平日は夜、土日は日中にお返事します。
金額は作る前に確定追加の費用が出そうなときは、必ず先にご相談します。
途中経過をこまめに共有方向がずれていても、早いうちに直せます。
納品後1か月は無料で修正不具合はすべて、文言や色の直しは2回まで料金内です。
納品前に確認すること：iPhone・Android・PCでの表示、リンク切れと誤字、フォームの送信、表示の速さ、SNSで共有したときの見え方。