制作の目的
可愛い猫と星座占いを組み合わせることで、年齢や知識に関係なく誰もが楽しめるインタラクティブなな占いサイトを作りたいと考えました。１２星座それぞれに猫のキャラクターを設定し、パステル調でやさしい雰囲気を目指しました。
ターゲット・ペルソナ
幼い女の子から大人の女性まで、幅広い年代に向けた癒し系＆エンタメ系サイト。
使用ツール
Illustrator（Ver.2025）猫のデザイン調整、文字入れ、カラー
Photoshop（Ver.2025）画像の透過、加工、トリミング
HTML / CSS / JavaScript サイトの構築、動作実装
生成ＡＩ（DALL/E 3）
作成時間
約８時間（画像生成～サイトコーディングまで）
工夫点・こだわり・反省点など
- １２星座それぞれの特徴や性格を猫の色、柄、しぐさで表現した
- フォントは可読性が高く、かつ可愛らしいものを選択
- 猫の特徴と星座のイメージの融合にこだわり、猫の視線やポーズも調整
- HTML/CSS/JSを用い、猫をクリックするとランダムに「今日の運勢」や「ラッキーアイテム」が表示される仕組みを実装
- ＰＣ、スマホ両対応。画像サイズやフォント、配置なども丁寧に整えました。
Cat Horoscope 猫ちゃん星座占い ①
Cat Horoscope 猫ちゃん星座占い ②
