課題訓練 架空スマホアプリのランディングページ

課題訓練 架空スマホアプリのランディングページのスクリーンショット

幕末時代の偉人の聖地巡礼をサポートするスマホアプリのランディングページサイト。

URL

https://arisahoshi.com/meguri_bakumatsu/

コンセプト

製品名の『めぐり幕末』の「めぐり」を川にかけ、背景に川の画像を配置。コンテンツを緩やかに流れる川のようにレイアウトし、ユーザーが飽きずに最後までサイトを見てもらえるようにデザインしました。

ターゲット

20~40代の日本史に興味がある女性。

担当範囲

企画(1時間)、デザイン/イラスト制作/写真加工(60時間)、コーディング(40時間)

使用ソフト

Visual Studio Code、Photoshop、Illustrator、 XD

カラー

メイン #E36261 アクセント #003838 サブアクセント #F5E263 ベース #FFFFFF

デザイン

◯ 背景

ゆらゆらと流れる川で聖地巡礼、「めぐり」をイメージ。

流れる川のような背景デザイン

◯ 価格表示

現地に行くことが目的のアプリなので、現地で撮影している様子が分かるようにデザインしました。

建物を撮影している女性

◯ ロゴ

歴史に風を起こした幕末偉人たちをイメージし、扇子をモチーフにしました。

扇型のロゴ 扇型のロゴ

◯ アプリ画面

ゲーム感覚&情報量を削るねらいとして、シンプルなイラストの地図を使用しました。

イラストの日本地図が載っているアプリ画面 イラストの日本地図が載っているアプリ画面

◯ アプリアイコン

桜の量&配置がロゴタイプの邪魔にならないように意識しました。

アプリアイコン アプリアイコン
expand_less