fulmando | lanpy

lanpy

Mar 2020

ランピー
ロゴ, Webサイト, UIつながる科学研究所（株）

MISSION

LP（ランディングページ）をWEB上で作成するサービスで、
手軽に簡単に出来るけどクオリティ高いサイトが作れるイメージを持たせて欲しい。

SOLUTION

ページをデザインするのに邪魔にならず、かといって無機質過ぎないようデザインしました。
基本、構成はご用意いただいたものをベースにデザインしましたが、
分かりづらかったり必要な機能をご提案させていただき、いくつか採用されました。

ロゴ、ロゴ案｜上が決定稿、下が思いついた案です。結果AとCを足して二で割った案に。色は競合で使われておらず、かつ親しみのある二色で構成。形状は積み木のように組み合わせで簡単に使えることを伝えます。他の案ですが、実際はこれ以上の案を考えており、細かいアレンジや頭で考えた案も入れると50案以上は考えます。

トップ（ログイン）ページ｜右側のエリアは紹介動画が入ります。

スクリーン設定｜スクリーン選択画面です。【ご提案】出来ることが多い画面なので、一度に情報を見せず適度に情報を隠すことで緩和。マウスオーバーでボタン表示、アイコンで直感的に分かるようにし、補足でテキストも表示するようにしています。

スクリーンデザイン選択｜ベースとなるデザインを選択する画面です。項目で絞り込み機能を付けています

編集履歴｜作成したページの履歴です。定期的に保存したデータを見たり戻したりすることができます。直感的に時系列、端末の切替ができ、今の状況がどこかひと目で把握できるよう留意。

スペース設定：プロフィール｜ボタンの色や形状で強弱（重要度）を付けています。

スペース設定：注文履歴｜【ご提案】内容によってはクリッカブルエリアを広く取り操作しやすく。

スペース設定：契約内容｜【ご提案】フリープラン（無料）からプロプラン（有料）に誘導させるため、違いを追加。

スペース設定：通知｜どれがONで、どれがOFFかひと目分かるよう留意しました。ここでもクリッカブルエリアを広く取り操作しやすくしています。

見積書作成｜ボタンの配置や情報の強弱が過不足ないようデザイン。お見積書などでよく上部に書いてあることがありますが、一見親切なようで内容を見せないテクニックでもあり。総額は下部に一度だけ大きく表記。内容を見せた上で総額を見せる方が結果、トラブルなく誠実な対応になると考えます。

画像は納品時のものです。公開されたものと異なる場合がございます。

CREDIT

Client: つながる科学研究所株式会社
UI, Logo, App: フルマンドー