【はじめに】このプラン購入で手に入るもの3点

プロデザイナー作成Figmaカンプ（LP＋WP 3P）
実案件同等の指示書資料（規約・アニメーション指示）
3〜5日でコードレビュー（1往復）

無料素材の単なる練習では学べない実力をつける

プロのデザイナーがFigmaで制作した、おしゃれなLPデザイン・企業コーポレートサイトのカンプを使って、コーディング練習ができるプランです。

実務で通用するコーディング力を身につけ、クオリティの高い成果物をポートフォリオに載せて案件獲得へ向けライバルより1歩前へ出ましょう！

▼実際のLPのデザインカンプ

▼実際のWPのデザインカンプ

このプランの特徴 / 強み

✅ 実務で多い「スマホはよしなに対応」まで含めたトレーニング
✅ コーディング規約・アニメーション指示書付きで実案件フローを完全再現
✅ 提出後にプロのコードレビューがもらえ、修正ポイントを自分のスキルに落とし込める
レビューに関する質問もOK！

例）質問の回答例

※レビューは、PDF/文章でまとめて返します

✅ カンプ追加で将来も練習し放題

また、今後複数のデザインカンプを随時追加予定！

一度購入すると、今後追加されるデザインカンプは追加料金なしで入手可能！！
コーディングファイルの提出期限はありませんので、「今のうちに買っておいて余裕ができた時にやろう！」でもOK！

カンプ追加に合わせて価格調整予定なので、気になる方は今の価格のうちに

こんな方におすすめ

✔️ HTML / CSSをある程度書けるようになったけど、実案件の経験がない
✔️ 自分のコーディングが正しいのか、プロに見てほしい
✔️ ポートフォリオに使えるクオリティの高い実績が欲しい
✔️ 模写や教材に飽きてしまった…

このプランでできること

✔️ プロのデザイナーが制作した高品質なFigmaカンプでコーディング練習ができる！
✔️ カンプはLPとWordPressサイト（3P）をご用意！WordPressでもページ数が3ページ構成と少なめなので、ポートフォリオ掲載まで時間がかからない！
✔️カンプはPCデザインのみ用意！実務でもよくある「スマホはよしなにコーディング」の練習ができる！
✔️ アニメーションの指示や、コーディング規約の指示書を用意！実際のWeb制作のコーディング案件の流れを体感できる！
✔️ 提出コードをプロが細部までレビュー＆フィードバック！
✔️ ポートフォリオへの掲載OK！

レビュー内容例

✔️レスポンシブ対応のチェック
✔️HTMLの構造の適切さ（セマンティックかどうか）
✔️CSS設計（予測しやすい、保守しやすい、再利用しやすい、拡張しやすいetc...）
✔️ファイル構成
✔️アクセシビリティの考慮

提供形式・流れ

✔️ご契約完了後、契約者限定のSlackチャンネルにご招待
✔️チャンネル内でFigmaカンプを共有
✔️自力でコーディング（期限：1〜2週間目安）
✔️GitHubまたはZIPファイルで提出
✔️コードレビュー＆フィードバック送付（期限：3〜5日目安）
✔️必要に応じて改善アドバイスで、次の案件にも活かせる！

※レビューは1往復（提出 → 添削）まで含まれます