Frontend | AI HOME SCREEN SCAN

MIO UENO
デザイナー/イラストレーター/フロントエンドエンジニア
OVERVIEW

ホーム画面分析AI「AISS」を使用した、お客様の趣味嗜好に合わせたJTのPloomシリーズの商品をレコメンドする診断コンテンツのフロントエンド開発を担当しました。

YEAR 2019 - 2020

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


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

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

Detail

■制作期間

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

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

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