コード書けなくても
作れる・公開できる！

「あなたに合うSNS運用スタイル診断」を作ってください。

5つの質問にラジオボタンで答えると、
最後に4タイプ（戦略家/クリエイター/コミュニケーター/アナリスト）のどれかが
結果画面に表示される診断コンテンツ。

各タイプには、
- キャッチコピー
- 向いているSNS
- おすすめの発信内容
を表示。

デザインはポップでカラフルに、
結果画面はスクリーンショット撮ってSNSでシェアしたくなる見た目で。

デザイン制作の見積シミュレーターを作ってください。

1. 制作物の種類（ドロップダウン）
   - ロゴ(5万) / 名刺(2万) / LP(15万) / バナー(1万) / 資料(3万)
2. ページ数・点数（数値入力）
3. 納期（ラジオボタン: 通常/特急+30%/超特急+50%）
4. オプション（チェックボックス、複数可）
   - 修正無制限 +2万 / 撮影同行 +3万 / 印刷手配 +1万

「計算する」ボタンを押すと、
下に概算金額が大きく表示される。
デザインはクリーンでプロフェッショナル。

クリエイター向けの「今日のひとことおみくじ」を作ってください。

「おみくじを引く」ボタンを押すと、
大吉/中吉/小吉/吉/末吉のいずれかと、
今日のひとことアドバイスがランダムで表示される。

メッセージは「新しい挑戦をする日」「休むのも仕事」など
クリエイター向けに20種類ほど用意してください。

デザインは和風でかわいく、
結果は「もう一度引く」ボタンで引き直せる。

デザイン納品前の最終チェックリストを作ってください。

10項目のチェックボックスリスト：
- 誤字脱字がない
- 画像の解像度は十分
- カラーモードは適切（Web: RGB / 印刷: CMYK）
- フォントはアウトライン化済み
- ファイル名は命名ルール通り
- 納品データ形式は合っている
- 修正履歴をまとめた
- 請求書を準備した
- 共有リンクの権限設定を確認
- クライアントへの挨拶メッセージを用意

全部チェックすると、
「納品準備OK！」のお祝いメッセージが表示される。
デザインはクリーンでプロフェッショナル。

デザイン制作の3プラン比較表を作ってください。

Light / Standard / Premium の3カラム。
各プランに：
- 金額（月額）
- こんな人向け
- 含まれる内容（5項目ずつ）
- 納期目安
- 「このプランを選ぶ」ボタン

真ん中のStandardには「おすすめ」バッジ。
各ボタンを押すと
「お問い合わせありがとうございます」のモーダルが出る。

デザインはモダンでクリーン、カラーは紫系で。

デザイン制作サービスの1ページLP風サイトを作ってください。

セクション構成：
1. ヒーロー（キャッチコピー + CTAボタン）
2. こんなお悩みありませんか？（3つ）
3. サービスの特徴（3カラム、アイコン付き）
4. 実績数字（3つ、カウントアップ演出）
5. お客様の声（2名分）
6. 料金プラン（シンプルに1プラン）
7. お問い合わせフォーム（名前・メール・内容）

デザインはモダンでスタイリッシュ、
上品な紫とグレーの配色で。

オンラインセミナー申込フォームを作ってください。

1. お名前（テキスト入力）
2. メールアドレス（メール入力）
3. ご職業（ドロップダウン）
4. 参加動機（チェックボックス、複数可）
   - スキルアップ / 転職準備 / 趣味 / 仕事で必要 / その他
5. 期待する学び（テキストエリア）
6. 事前質問（テキストエリア、任意）
7. アンケート協力（ラジオボタン、可/不可）

送信ボタン付き。
送信後は「お申込みありがとうございます」の
お祝いメッセージと次のステップ案内を表示。

デザインはプロフェッショナルで信頼感のある紺色ベースで。

チームランチの投票ツールを作ってください。

5つの選択肢（和食/中華/イタリアン/カフェ/アジアン）から
ラジオボタンで1つ選ぶ。

「投票する」ボタンを押すと、
下に現在の投票状況が棒グラフで表示される。
（実際の集計はできなくてOK、デモ表示で）

デザインはカラフルでポップに、
食べ物のアイコンも添えてほしい。

オフラインイベント参加者向けの
デジタルしおりページを作ってください。

タブ切り替えで以下を表示：
1. タイムテーブル（開始時刻とプログラム一覧）
2. 会場情報（住所・アクセス・地図プレースホルダー）
3. 持ち物リスト（チェックボックス）
4. FAQ（よくある質問5つをアコーディオン形式で）
5. 連絡先（主催者情報）

デザインは温かみのあるベージュ系で、
スマホで見やすいレスポンシブ対応。

英単語学習用のフラッシュカードアプリを作ってください。

表に英単語、裏に日本語訳。
カードをクリックすると裏返るアニメーション。

下に「前へ」「次へ」ボタンがあり、
10枚のカードを順番に学習できる。

単語10個は
「design, brand, concept, layout, typography,
color, balance, contrast, harmony, inspiration」で、
それぞれに日本語訳をつけてください。

デザインは明るく学習意欲を高めるポップな配色で。

クリエイター向けのリンクまとめページを作ってください。

上部にプロフィール画像（プレースホルダー）と名前・肩書き。
下に以下のリンクボタンを縦並びに配置：

- X (Twitter)
- Instagram
- YouTube
- note
- ポートフォリオサイト
- お問い合わせ

各ボタンにはサービスのロゴアイコンを左に配置。
ボタンにホバー演出をつけて、
タップしやすい大きめサイズで。

デザインはモダンでシンプル、
グラデーション背景でおしゃれに。

週間習慣トラッカーを作ってください。

縦軸に5つの習慣
（読書/運動/瞑想/早起き/水2L）、
横軸に曜日（月〜日）のチェックボックス表。

クリックでチェックON/OFF切替。
下に達成率（%）をリアルタイム表示。

全部達成すると
「今週も頑張ったね！」のお祝いメッセージが出る。

デザインはやさしい緑・ベージュ系で、
毎日開きたくなる温かみのある雰囲気に。