Daf0741079f170b9

旅行アプリサイト【Travelまっち】(架空)

OVERVIEW

旅行先でしたいことや趣味・興味・条件などを登録することで、行き先を提案してくれるアプリ【Travelまっち】(架空)のウェブサイトを制作しました。

【制作期間】4日(16時間)

【担当範囲】デザイン

【使用ツール】illustrator/Photoshop

【制作目的】サービスの説明/アプリをダウンロードしてもらうこと

【ペルソナ】旅行によく行く人で、そろそろ自分で行き先を決めたり調べたりするのも飽きてきたなぁと思っている20代の女性/旅行には行きたいけどいまいち行き先を決められない優柔不断な20代の女性


サイトデザイン


【コンセプト】わかりやすさと個性

アプリの理解をしてもらうことが最も大切なので、説明はシンプルに分かりやすく、を意識しました。一方で、サイトを見てワクワクしてもらいたかったので、直線をあまり使わず動きのある枠組みにしました。


制作ポイント

1.動きのある枠組み

・直線をあまり使わず、円や雲の形をイメージした曲線を枠組みとして使用することで、動きのあるわくわく感を出せるようにしました。また、枠組みを直線で繋ぐことで次に読む場所への視線誘導や、メリハリが出るように意識しました。

2.配色とフォント選び

・配色ベースはピンクオレンジ色を背景全体やロゴに使用し、アプリのテーマカラーであることを印象づけるようにしました。この色は、暖色で活動的な印象がありつつ彩度は落ち着かせることで20代女性向けの「大人可愛い」をイメージしました。

・黒色の文字をあまり使わないことと、文字間を広めに調整することで、サイトの特徴である動きのある枠組みを活かすような「軽さ」が出るように意識しました。

・フォントは、読みやすく、太字にすると丸くて可愛らしさのある遊ゴシックを選び、本文に使用しました。同じ理由で、欧文にはAmiko BoldのBoldを使用しています。

3.写真選びと配置

・キービジュアルには、旅行アプリであることが分かるように異国の印象的な風景写真を使用しました。

・サイトのポイントカラーである青緑色に合わせて、ほとんどの写真に青色が入っており、ごちゃごちゃしないように統一感を意識して写真を選びました。

・写真はすべて円形に切り取り、サイズを調整して動的な印象をもたせました。