Frontend | AI HOME SCREEN SCAN

2019年12月2日にJT（日本たばこ産業株式会社）の加熱式たばこブランド「Ploom」のオンラインショップ及びブランドサイトで、スマートフォンのホーム画面を分析するAI「AISS」を使用した利用者に相性の良い商品を提案する診断コンテンツを公開しました。

このサイトではフロントエンドを担当し、サイト全体の演出、ならびに診断結果に応じた結果画面の演出実装、診断結果データのAPI連携、ならびにロジック組み込み等を含めた実装を行なっております。

また、メインビジュアルのグラデーションはGLSLを使用したグラデーション生成ツールを元に作成されています。詳しい制作の裏側についてはこちらの記事をご参照ください。

Detail

■制作期間

約2ヶ月（モック制作、フロントエンド実装）

■開発環境・使用ライブラリ

Nuxt.js / Pug / SCSS / Three.js（GLSL）