web
cheesecake
2024/08
初めて自分から企画し、制作したサイトです。
内容は自分が作っているチーズケーキについてのサイトです。
- ターゲット
- 学校行事があり、お菓子作りが好きな女子高校生・女子大生
- 目的
- お菓子好きな人に美味しそう・食べたい・作ってみたいと思ってもらうこと
- 情報設計
- メインビジュアルに自作のチーズケーキ画像を配置し、仕上がりを伝えます。トップページに下層ページの概要を掲載し、興味を引く導線を作成。作り方ページには写真を使い、初心者にもわかりやすくしました。
- デザイン
- 自作チーズケーキの色を基調に黄色をベースカラーとし、チーズケーキらしさを表現。ホバー時に背景色を変え、ロゴでは「M」を浮き出す工夫を加えました。フォントは焦茶のゴシック体を採用し、POPでワクワク感を演出しました。
- 制作範囲・期間
- 企画：２日
デザイン：１週間
コーディング：３週間 - 使用ツール
- Illustrator/Photoshop/XD/
HTML/CSS/jQuery
