Facebook 【LP】アプリ
Logo

【LP】アプリ

クレジット
Avatar
web制作
WEBデザイナー
【LP】アプリ-1
シェア

【LP】アプリ

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の特性を踏まえ、  ・指で押しやすい余白  ・視線誘導  ・可読性  を特に重視し、スマートフォンで最も見やすいレイアウトを設計しました。
クレジット
Avatar
web制作
WEBデザイナー
シェア
mioの他の作品
画像
作品を見る
【イベントページ】行政機関
画像
作品を見る
【公式サイト】レストラン
画像
作品を見る
【LP】美容液
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【LP】アプリ-1

【LP】アプリ

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の特性を踏まえ、  ・指で押しやすい余白  ・視線誘導  ・可読性  を特に重視し、スマートフォンで最も見やすいレイアウトを設計しました。
クレジット
Avatar
web制作
WEBデザイナー
シェア
mioの他の作品
画像
作品を見る
【イベントページ】行政機関
画像
作品を見る
【公式サイト】レストラン
画像
作品を見る
【LP】美容液
foriio

あなたのforiioを無料で作成

fori.io/