神奈川 横浜のホームページ制作・デザイン作成 - カズミア株式会社

046-200-7158

お問い合わせ

制作実績

image

イラストやキャラクターをきっかけに
「楽しい」「面白そう」につなぐ学習コンテンツ

ココロとカラダのことを学べるココカラ学園 - Yahoo!きっず

Yahoo!きっず内の性教育コンテンツ「ココロとカラダのことを学べるココカラ学園」の制作に協力しています。
背景やカットイラスト制作、キャラクター作成、ロゴ作成というコンテンツ作成から各ページのWebデザインまで提供させていただきました。
HTML化、アニメーション等はヤフー株式会社様の方で手がけられています。

URL
https://kids.yahoo.co.jp/sei/
公開年月
2021年9月
ページ数
約30ページ
地域
業種
子ども向けポータルサイト
制作サービス
Web制作プラン
キーワード

第1フェーズ

企画となる「性教育」の現状、社会的背景、性教育コンテンツの目的などとともに具現化した世界観も丁寧に共有いただきつつスタートしました。
第1フェーズとして特設ページ全体や主要コンテンツとなる中央校舎=クイズ、相談室、図書室におけるWebデザイン、イラスト、キャラクター作成を行いました。

 

学園全体のアイソメトリックイラスト

ココカラ学園入り口となる特設ページトップではアイソメトリックイラスト(斜め上から見下ろしたようなイラスト)で学園全体を表現しています。
 
アイソメトリックイラスト 学園
 
 

学園の背景イラスト

現実にありそうで無い、豪華な学園の世界観を保ちつつ実際の学校と親近感が持てるように実際の建物や小物を描かせていただきました。

また、いろんな子供が通っているということを踏まえバリアフリーな建物や背景を意識しました。

学園イラスト 教室

学園イラスト 庭 外

 

その他カットイラスト

 
 
 
 

キャラクター作成

キャラクターは身近にいそうな小学生という考えで仕草や立ち方を提案の上制作致しました。
全体的に柔らかさも意識し、背景やキャラクターに黒の線は使用せず茶色などの色を使用しております。
※キャラクターごとにポーズ、表情違いもあります。
ポータルサイトキャラクター制作事例
 
 

アイコンイラスト作成

キャラクターや建物のアイコンも作成。
ポータルサイトアイコン制作事例
ポータルサイト建物アイコン制作事例
 
 

ロゴデザイン

 

Webデザイン

クイズ画面では実際に閲覧する小学生に馴染みのあるゲーム画面も意識したWebデザインになっています。

 

 

 

第2フェーズ

おはなし広場=「ココカラ学園インタビュー」のオープンにむけてインタビューページのWebデザインと背景イラストを提供しました。
 
 

学園の背景イラスト

第1フェーズの背景イラストに合わせる形で広場のイラストの作成。
 

学園イラスト 広場

 

Webデザイン

みやすさ、読みやすさを意識しながらインタビューページのWebデザインを進めました。

 

 

第3フェーズ

おさらいテストコーナーのオープンにあたり、背景やカットイラストの提供をしました。

 

学園の背景イラスト


 

その他カットイラスト

 
 

 

Creativeto you!
ホームページ制作会社カズミアHOME > 制作実績 > イラストやキャラクターをきっかけに
「楽しい」「面白そう」につなぐ学習コンテンツ