TOP

WEB DESIGN

部分デザイン

自主制作

賃貸仲介会社 契約フロー　ブラッシュアップ

賃貸仲介会社 契約フロー before

before

 賃貸仲介会社 契約フロー

after

 賃貸仲介会社 契約フロー

after
制作期間

卒業後1年 / 制作 7時間
ワイヤーフレーム作成 1時間 / デザイン 6時間

使用ツール

Figma

概要

マンション賃貸管理会社の下層ページの「ご契約までの流れ」のページをリデザインしました。

意識したこと

既存のデザインは現在地が分かりにくいと感じたので、読み進めながらフローの位置が認識しやすくなるように左側にフロー図を配置しました。 またコンテンツ自体の文量が多いため三段落にまとめて流れが短時間で把握しやすいように再構成しました。

Figmaプレビュー

PC版 　モバイル版

感想

項目数の多い場合のフロー図を分かりやすく図にまとめるにはどうすればよいか、たいへん悩みました。
一旦デザインができたものの、コーディングしづらいと感じたので修正を行い現在のデザインにしました。

賃貸仲介会社 契約フロー 賃貸仲介会社 契約フロー 賃貸仲介会社 契約フロー
Previous Next