Brain App

Landing Page

Development

Brain App架空医療系アプリLP、スマホ画面のビュー Brain App架空医療系アプリLP、PC画面のビュー Brain App架空医療系アプリLP、タブレット画面のビュー

LINKS

Basic認証
ID : pf-brain
Pass : pf-brain@01

OVERVIEW

架空医療認定アプリ「Brain App」LPのコーディングを行いました。

ANIMATION

「Brain App」「がん・生活習慣予防」「医療連携」「アクティブシニア」「550円」などのキーワードに対してアクセントになるアニメーションを付与しました。
キーワードからアプリへの興味を持つ→CVボタンを押す。という流れを想定して実装しました。

POINT

満足度や値段などが記載されているセクションでは具体的な数値を強調させるためにをカウントアップエフェクトを取り入れました。

DETAILS

担当範囲
コーディング(TOPのみ)
制作期間
2022.6.5 - 2022.6.10
実働時間
5日 (1〜2時間/ 1日)
使用技術
HTML(Pug) / CSS(SCSS) / JavaScript
使用ツール
git / webpack / vscode / XD
Brain App架空医療系アプリLPのフルスクリーンキャプチャ