works

株式会社Liverest ハウナビ京橋店様

不動産会社 Webサイト

direction / design / coding

サイトをみる
株式会社Liverestハウナビ京橋店様のサイトのモックアップ画像

新規事業の立ち上げに際して、株式会社Liverest ハウナビ京橋店様の新規Webサイトを制作しました。
お客さまからの信頼が得られるよう、誠実さが伝わるデザインを意識しています。
TOPページのデザインは何度もクライアントとミーティングを重ね、3案の中から決定いたしました。

案件概要

クライアント 株式会社Liverest ハウナビ京橋店様
目的
  • お客さまが来店前にWebサイトやGoogleの口コミを見ることが多いため、サイトがあると信頼してもらえる
  • 認知度の向上
強み・特徴
  • 不動産全般(賃貸、売買、管理、リフォーム)の相談を受けることができる
ターゲット
  • 20〜30代
要望
  • 不動産=営業のイメージがあるが、そんなに押さない営業をしているので堅苦しくない雰囲気
  • お客さんに寄り添うイメージを出したい
  • 不動産っぽくないが、不動産と分かってもらえるデザイン
課題
  • WebサイトやGoogleの口コミを見て来店を決める人が多いためサイトが欲しい
  • 不動産の営業イメージを覆したい
  • 問い合わせがあれば対応可能な相談が多いので、気軽に相談してほしい
解決策
  • 押し文句や営業文は入れず画像を多く使うことで、ユーザーに堅苦しくなく誠実なイメージを持ってもらう
  • 追従ボタンを設置することで、興味を持った人がすぐに行動を起こすことができる
  • 問い合わせフォームにチェックボタンで問い合わせ項目を細かく分け、ユーザーが今困っていることを企業側が把握できるようにする

デザインコンセプト

デザインコンセプト画像

ここがポイント!

ヒアリング

初めてのクライアントワークだったことや、知人からの紹介でご縁をいただいたお客さまだったこともあり、会社のことだけでなくお客さまについても理解を深めるために、ヒアリングは3回ほどさせていただきました。ヒアリング後も納品まで念入りに確認事項や内容のすり合わせを行い、計10回ほどのミーティングを重ね、完成に至りました。

ヒアリングシート①

ヒアリングシート①

ヒアリングシート②

ヒアリングシート②

お問い合わせについて

クライアントから「お問い合わせをいただければ対応できることも多いので、気軽に相談してほしい」という要望があったので、追従ヘッダーにお問い合わせボタンを設置し迷わずにクリックできるようにしました。また公式LINEでのやり取りもあるとお聞きしたので、追従ボタンとして入れることで、お客さまとクライアントが繋がる窓口を増やしました。

ヘッダーと追従ボタン

サイト内のヘッダーと追従ボタンのスクリーンキャプチャ画像

制作データ

使用ツール

figma

VScode

使用言語

HTML / CSS

Javascript

URL https://liveresthounavi.com/
株式会社liverestハウナビ京橋店様サイトのpc版全体画像 株式会社liverestハウナビ京橋店様サイトのsp版全体画像
株式会社liverestハウナビ京橋店様サイトのpc版全体画像
株式会社liverestハウナビ京橋店様サイトのsp版全体画像 株式会社liverestハウナビ京橋店様サイトのsp版全体画像

他の作品