カメレオン
知育教材「カメレオン」を広めるサイト
- 三浦 遥
- Keywords：Webサイト, イラスト, 見やすさ
- カメレオンサイト
概要
これは何？
私が造形短期大学部にいた頃に作成した知育教材の「カメレオン」を広めるためのサイト
背景と目的
短期大学部にいた時、「カメレオン」を製作した。これは子どもがテレビやスマートフォンに簡単に触れることが多くなった時代に得にくくなった「五感」育てることができるキットである。この「カメレオン」を制作したのみで、多くの人に知ってもらえる機会がないこと、また、「カメレオン」の効果を検証してもらえることが少なかったため、検証として試行してくれる人を募るためにWebサイトを制作した。目的は「カメレオン」に興味を持ってもらえる、試行したいと思ってもらえるようなサイトを制作すること。
コンセプト
- 親近感をキーワードに
かわいさ、見やすさ、シンプルを目指す。
- カメレオンの世界観を大切にする
成果物の仕様
Webサイト
制作ツール
HTML・CSS
プロジェクトの期間
2024.09.16 - 2024.12.23
まとめ
- 手書きのイラストやアニメーションを入れることで優しく、親近感のあるサイトが制作できた。
- 青を主に使用し、フォントもパッケージなどに似ているものを使用したため、世界観を大切にできた。
- カメレオンの重要な情報や魅力をサイトに十分に詰め込むことができた。
- HTMLとCSSだけでは表現できないものがあったため、JavaScriptもこれから勉強してブラッシュアップしていきたい。
調査
現状調査
親近感をキーワードに
WEB DESIGN GALLERY
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ココをクリック！
ToDo
ワイヤーフレーム作成- Webサイト製作
説明
遊び方
セット内容
contact
テキスト入力
進捗記録
2024.11.25
- サイト製作
Fille Zillaのエラー 大文字小文字をしっかり確認
2024.11.18
2024.11.11
- サイト製作
新しくイラストを描く、Fille Zillaの使い方
2024.10.28
2024.10.21
- 中間発表
- 配布は難しいのでは?
試行してもらうという形にする。
2024.10.14
2024.10.07
2024.9.30
ワイヤーフレーム作成
質問のところは別のフレームにしても良い(出来そうだったら)
2024.9.24
方向性の決定
- 「カメレオン」を広めるサイトの作成
販売にしてしまうと金銭や製作などに問題が起こるため、あくまで知ってもらうというところにフォーカスを当てる。また、contactのページを作成し、欲しいという要望があれば製作する方向でも考える。
2024.9.16
テーマ内容
紹介サイトを作ることで作品を知ってもらうきっかけになる。
保育園や幼稚園で使ってもらいたい。
