https://kokoico.com/
【概要】
スマートフォンアプリのプロモーションLP制作
(ブランドイメージ強化・アプリインストール促進を目的)
【ページ構成】
・トップページ
・お問い合わせページ
【対応範囲】
ヒアリング、デザイン、コーディング
サイト内イラスト制作
【制作期間】
デザイン:8日
コーディング:10日
【使用ツール】
Nuxt.js、SCSS、gsap、JavaScript、
jQuery、Visual Studio Code、GitHub
【意識したこと】
① 3Dアニメーションやスライダーなど、動きのあるインタラクション演出
:gsapを用いて要所にモーションを取り入れ、アプリの世界観が伝わる“動きの体験”を重視しました。
② ロゴに合わせた一貫したトンマナ設計
:色味・フォント・余白設計をロゴに合わせて統一し、視覚的なブランド価値の向上を目指しました。
③ KVイメージ・サイト内イラストをすべて自作
:アプリの特徴が直感的に伝わるよう、オリジナルのキービジュアルとイラストを制作。
LP全体の印象を統一し、ストーリー性のあるデザインに仕上げました。
④ iOS / Android でインストールボタンを切り替え
:ユーザーのデバイスに応じてボタンを自動切り替え、インストールまでの導線を最適化しました。
ヘッダーリンクもOSごとに遷移先を変更し、操作迷いを軽減。
⑤ スマホファーストのUI/UX設計
:スマホアプリ紹介LPの特性を踏まえ、
・指で押しやすい余白
・視線誘導
・可読性
を特に重視し、スマートフォンで最も見やすいレイアウトを設計しました。