LP制作:テラハウスICAの施設紹介
https://tera-house.onoderashota.com/
クライアント詳細
クライアント:テラハウスICA 様
業務内容:職業訓練校
プロジェクト概要
求職者支援のための職業訓練校「テラハウスICA」の施設案内に関するWebサイトの制作を行いました。
チームメンバーに対するディレクション、サイトデザイン、HTMLのコーディングを担当しました。
クライアントの要求
- 職業訓練校としての施設の良さをアピールしたい
- 入校希望者からの質問の電話を減らしたい(細かい情報も記載したい)
- 職業訓練校を選ぶ際の決定打となるサイトにしてほしい
担当領域
- 各メンバーへの制作ディレクション
- サイト全体のデザイン考案
- HTMLのコーディング
結果
3組でコンペを行い、このサイトが採用されました。
こだわったポイント
1:「訓練校」という堅苦しさを無くしたデザイン
「職業訓練校」という堅苦しいイメージを無くすデザインにこだわりました。
テラハウスICAの入校希望者は「20〜50代で女性が多い」という情報から、ピンクをテーマカラーとし、誰でも親しみやすい柔らかい雰囲気のイラストを使用しました。
なおピンクには、安心感をもたらす心理効果も期待でき、職業訓練の施設に不安がある方へのアプローチになると想定しました。
2:「質問→回答」の流れを意識したサイト構成
テラハウスICA事務局にて調査を行ったところ、入校を考えている方から「施設に関する細かな質問の電話がとても多い」との回答を得ました。
よってサイトを訪問した入校希望者が理解しやすいサイトを目標にし、サイトデザインを構成しました。
具体的には、説明文で埋めるのではなく、「質問→回答」の流れを作って会話のように文章を繋げていくことを意識しました。
3:モバイルファーストデザイン
総務省のデータによると、スマートフォンやタブレットの使用状況に関して、今回のターゲットである20〜50代の利用状況は「よく利用している」と答えた割合が80%を超えています。
制作時間にも限りがあったため、PCとSPでデザインを分ける必要のない、という利点も含め、モバイルファーストデザインで制作しました。
制作期間
サイトデザイン:1日間
コーディング:4日間
合計5日間
作業メンバー
HTML/CSSコーディング・サイトデザイン:1人
動画撮影・製作:2人
バナー・サイト内画像制作:1人
サイト内の文章作成:1人
合計5人
使用ツール
Dreamweaer(HTML/CSS)
Photoshop
Premiere Pro
Canva
Figma