WEBアプリ
占いアプリ
- TECH
使用技術 - Design / HTML/CSS / JavaScript / GitHub
Episode
制作エピソード

占いwebアプリ
JavaScriptで占いアプリを作成しました。
モバイルファーストのサイトになります。
SNSでシェアする機能もつけました。
ターゲット
・推し活・エンタメ系コンテンツを楽しむユーザー
・自分の好みの系統や推しのタイプを気軽に診断したいユーザー
・サイト閲覧のきっかけづくりとして、SNSシェア可能な診断・占いコンテンツを求める層
・10代後半~20代女性
目的
・診断・占いコンテンツを用いて、ユーザーのサイト滞在時間を伸ばすこと
・占った結果から関連サービス(接客エンタメ系店舗の紹介ページ)への送客を増やすこと
・「診断 → 結果 → シェア → 流入」というSNS導線の強化
・サイト自体のエンタメ性を高め、再訪率を上げること
・自己学習のアウトプット
製作期間
1週間
URL
制作に関するエピソード
「工夫をしたゲーム感覚のアプリ」
初めてゲーム感覚の占いアプリを作成しました。
工夫した点があり、
・ターゲット層を意識したデザイン
・推し活に役立てるようなイケメンカードの作成
・カードを選んで占うことでゲーム感覚で楽しみながら占える設計
・何度使っても異なる結果がでるようにして、再訪率を高められる
・SNSを日常生活で多用する若い層向けに、SNSシェアボタンを設置することで、次に繋げることができるアプリ
などを意識して作成しました。
「AIを使用したカード作り」
占った結果には、ユーザーの推しとなれるようなカードを出すような仕組みにしました。
一般的にウケがいいイケメンの男性をモチーフに、AIを使って、多数の画像を作成。
人物は同じようなデザインになるように意識しました。
サイト作成にとどまらず、アクセス増加に繋がる動線を意識して、マーケティングに繋げられるようなwebアプリになったのではないかと思います。