職業訓練校修了課題 【概要】訓練校要件より引用 普段は社会人向けにパソコンスクールを運営している「ABCパソコンスクール」様が夏休みのイベントとして小学生向けに電子クラフト・プログラミング講座を行うことにした。集客のためのLPを作成することにした。 クライアントからの要望 ・イベントの告知・集客をしたい ・イベントの日時と申し込み方法がはっきりとわかるようにしてほしい 調査、企画書、ワイヤーフレーム、デザインカンプ、画像選定、photoshopでの画像作成、文章作成、ロゴHTML/CSS、レスポンシブデザインを一から全て自作し、サーバーにアップしました。 ターゲット：小学５年生の子ども、30〜40代母親 忙しい世代なのでスクロールしなくても良いように、ファーストビューに情報を凝縮しました。 ゲームが好きな子どもにマイクラの世界観で「楽しそう」と感じさせ、また親には子どもがイベントに取り組んでいるイメージが持てるよう制作しました。 要素をひとかたまりにして一目で日時がわかるようにし、またバナーと申し込みボタンをセットで、検討のタイミングで繰り返し配置しました。ボタンは膨張色にし前面に出るような効果を狙い、ホバーで色を変えたりし存在感を高めています。また、申し込みハードルを下げるチェックリストも考えました。 見出しはゴシックで探し出しやすくし、文章はターゲット層に合わせて、可愛く親しみのある丸ゴシックを使用しています。 レスポンシブでは、文字の可読性が失われないようスマホ用のファーストビュー画像も用意し、タイトルを調整してブレイクポイントで切り替わる設定にしました。ボタンの幅も調整し、指で押せる太さにしました。 制作時間：約３週間 html・css・JavaScript・photoshop