Logo
01 INTRODUCTION 概要

本プロジェクトは、不動産会社のユーザー中心のウェブサイトをデザインし、明確なナビゲーションと直感的なレイアウトで、業務内容や実績を効果的に伝えることを目指しました。

image
TIME 2ヶ月
image
DATE 2024年9月
image
ROLE UI/UX designer Illustrator
image
AGENCY 不動産会社
02 OBJECTIVES 目標

ブランドイメージの向上

現代的でプロフェッショナルかつ美しいデザインにより、企業ブランドの信頼性とイメージを強化し、訪問者がウェブサイトを利用する際に会社の専門性と信頼感を感じられるようにします。

顧客からの問い合わせ数の増加

ウェブサイトのユーザーインターフェースと行動誘導要素を最適化することで、ユーザーが不動産情報を問い合わせやすくし、潜在顧客の転換率を高めます。

会社業務の包括的な展示の強化

ウェブサイト上で不動産投資や賃貸など、会社の多岐にわたる事業を包括的に紹介し、ユーザーが会社の業務範囲を明確に理解できるようにすることで、潜在的な協力機会を高めます。

03 COLOR 色彩
image
#ECF4F6

淡い青色で、温かみのある灰色のトーンを持ち、清潔で爽やかな視覚環境を作り出します。

key words:
快適感
温かみ
信頼感
#0068B3

深い青色で、強い冷色調を持ち、良好なコントラストを生み出し、視覚的に層次感を作り、ユーザーの注意を効果的に引きます。

key words:
力強さ
安定感
現代的
#D5E923

鮮やかな黄緑色で、活力に満ちており、重要な情報を際立たせ、クリックや操作を促進し、ユーザーの参加感を高めます。

key words:
活力
明るい
目を引く
#ECF4F6
#D5E923
#0087B3

挿絵の中で補助色として使用され、鮮やかで補完的な特徴を持ち、視覚的な階層感と感情的な表現を効果的に向上させます。これらの色の組み合わせは強いコントラストと調和を生み出し、デザインに活力と動感を加えます。

key words:
階層感
コントラスト
バランス
04 FRAMEWORK ページ構成
image
05 IMPROVEMENTS 改善

改善の方向性

視覚面
ブランドの認識度を強化し、プロフェッショナルなブランドイメージを構築します。
ラウンドコーナー
アニメーション要素
イラスト
交互面
インタラクション体験を向上させ、ページ情報の表示を最適化する。
ホバーエフェクト
スクロールエフェクト
機能面
新しい機能ページを追加し、重要な機能の表示優先度を高める。
新機能ページ
機能表示の優先順位

新旧デザイン比較と改善

ホームページ
改善前
image
単調な視覚表現

ホームページには大きな画像だけがあり、視覚的な変化がなく、魅力に欠けます。

階層感がない

ナビゲーションバーに視覚的な区別がなく、ユーザーは重要な機能を見逃しやすいです。

改善後
image
「Contact」ボタンの強調

「Contact」ボタンは黄緑色の背景で、目立ちやすく、ナビゲーションが使いやすくなりました。

動的な画像表示

画像がループしてスクロールすることで、ページがより生き生きとし、多様な不動産情報をより良く展示できます。

メンバーページ
改善前
image
情報の表示が単調

スタイルやデザインの階層が欠けており、退屈に感じられます。

インタラクション不足

ページにインタラクティブな要素がなく、ユーザー体験が静的で、魅力やインタラクションを生み出せません。

改善後
image
写真にデザイン感を加える

写真に丸みを帯びた角と傾斜した黄緑色の背景を加え、元の単調な画像表示を打破し、視覚的な層次と現代的な感覚を増しました。

インタラクションを強化する

マウスをホバーすると、写真がクリアに表示され、クリックするとメンバーの詳細情報が表示されます。インタラクションを提供し、ユーザー体験が向上しました。

新規ページ

<
>
image
image
image
image
image
イラストを使って会社の成功事例を展示します

生き生きとしたビジュアルで、魅力的なストーリーを展開し、ユーザーの感情的共鳴を高め、感情的なつながりを強化します。

06 PAGE OVERVIEW ページ一覧
image
image image
image
image image image image
image image image
image
07 OTHER PROJECTS ほかのプロジェクト
图片
架空

SceneMap

好きなアニメの舞台を探し、現地で写真を撮ってシェアできる巡礼アプリ。

view more
图片
架空

シニアのひろば

中高年向け、コミュニティ活動を探して参加できるリマインダー付きのレスポンシブカレンダーアプリ・サイト。

view more
图片
実案件

易米易货

イ·べイ·イ·か

物品を交換し、無駄なく生活を楽しむための、簡単で便利な物々交換アプリ。

view more
图片
架空

カクテルメーカー

自宅で簡単にカクテルが作れるウェブサイト。

view more
图片

OTHERS

GRAPHIC DESIGN, ILLUSTRATION,SHORT ANIMATION

view more
图片 view more
图片 view more
图片 view more
图片 view more
图片 view more