Webデザイン部門

次世代クリエイターへの挑戦。AIとタッグを組んでWeb制作!

概要

Web部門では、指定されたテーマに基づいてランディングページを制作し、その成果をプレゼンテーションで発表します。
ランディングページは、イベント案内や商品紹介など、特定の目的のための1ページだけのウェブサイトです。
参加者はテーマに沿って自由に発想し、オリジナルな作品を生み出すことができます。
また、Canvaを使ってデザインやプレゼン資料の作成も可能です。これにより、よりクリエイティブなアイデアを形にすることができます。
審査にはインストラクター、保護者だけでなく、AIが参加し、デザイン性だけでなく、コーディングやプレゼンテーションの観点からも評価します。
審査員からのフィードバックを受けて、自分のスキル向上につなげると同時に、他の参加者の作品から新たな発見や刺激を受けることができます。

テーマ

「この文房具、10秒で伝えろ」

この文房具、10秒で伝えろ

一般的に、1ページ構成のWebサイトは30秒〜1分程度しか見られないと言われており、多くの人は最初の5〜10秒で「見るかどうか」を判断します。
今回のコンテストでは、審査員だけでなく来場者や保護者、他の生徒も閲覧するため、Webサイトを開いた瞬間の印象で観覧者の目を惹けるかどうかが重要になります。
そのため、ファーストビューで要点が分かり、30秒以内に魅力が伝わる構成が求められます。「10秒で伝える」という制限の中で情報を整理し、内容の構成とビジュアルの力で表現することで、Webの基本である「一瞬で観覧者の興味を惹く力」を学ぶことが、このテーマの目的です。(作品制作のためのインストラクションはこちらから)

競技実施形式

1.作品提出

制作物
ランディングページ(1枚)
提出期限
2026年3月15日(日)
※提出方法は、制作ツールにより異なりますので、別途お伝えいたします。
制作ツール
  • コーディング: HTML、CSS
  • デザイン: Canva、イラレ、Word
  • スライドショー: PowerPoint
制作のポイント
  • ・商品・サービスのアイデアはAIを上手く使い企画する
  • ・ターゲット層を明確にする(誰に伝えたいのか)
  • ・写真やイラストを効果的に使用する
  • ・分かりやすく簡潔な文章で情報を伝える
  • ・デザインはターゲット層に合わせたものにする
  • ・[パソナの法則]を意識して制作する
AIの使用
今回のテーマは「AIとタッグを組んで」のため、Gemini等の生成AIを活用して、より効果的なまとめ方、より惹きつける文章など、効率化を図りながら完成度の高い作品に仕上げてください。

2.作品発表(当日)

発表
各参加者は、制作したランディングページのプレゼンを1分程度で行います。
制作した作品を映しながらプレゼンを行うため、プレゼン用のスライドを作成する必要はありません。
プレゼン内容
デザインの意図、ターゲットユーザー、特徴的なポイント等
審査員
  • コード審査(20点)
    Web制作のプロによる技術的な評価※HTML・CSSコーディング以外で制作した場合は、コード審査の得点はありません。
  • デザイン審査(20点)
    プロのデザイナーによるデザイン評価
  • 構成審査(10点)
    5W1Hとパソナの法則が意識されている構成になっているか評価。
  • AI審査(20点)
    AIによる客観的なデータに基づいた評価
  • オーディエンス審査(50点)
    当日の来場者のオーディエンス投票による評価(表現力、説得力、訴求力の三項目を評価してもらいます)
審査基準
  • コード審査:技術的完成度
    コーディングの技術的正確性、レスポンシブ対応など
  • 構成審査:行動につながる構成
    見た人に購買意欲を思わせる流れが意識されているか
  • 構成審査:技術的完成度
    5W2Hで内容が整理されているか
  • デザイン審査:技術的完成度
    色使いやレイアウトのバランス
  • デザイン審査:コンセプトの実現性
    コンセプトがターゲットに適しているか
  • AI審査:デザイン
    レイアウト、適切な配色
  • AI審査:コンテンツの整理度
    情報が整理されていて、視覚的に簡潔で理解しやすいか
オーディエンス審査について
当日会場にお越しになる皆さまに、作品とプレゼンを10段階でそれぞれ評価していただきます。皆さんの付けてくれた点数によってオーディエンスのスコアが決定します!