loader image
- MENU -

ホーム株式会社 様
[ 広島県福山市 ]

WEBサイトTOPデザイン/ホーム株式会社様制作事例

1.5秒で「その他多勢と違う」と直感させるためのTOPレイアウト

”やっていることが他社とは異なる”ということをファーストインプレッションで感じさせるためには、TOPページのデザイン自体を異端児化することが重要です。

そこには、会社のカラーとマッチしないような奇抜なデザインや、奇をてらうようなコンテンツなどは必要なく、レイアウトで実現することも可能です。

施工例の住宅が持つアイデンティティーと空気感もとらえた高画質な写真をダイナミックに立て続けに配置することで、ファーストコンタクトで閲覧者の心を開放させることを狙っています。

クリック率を高める二重サムネイル

情報収集に多忙な見込み客の中には、施工例一覧ページで表面だけをさらっと見て離脱することも多くあります。外観写真でスルーされても、内観写真を見れば興味が沸くこともあるので、サムネイルを二重仕掛けにすることで訴求力を高め、クリック率を高めています。

これにより、その先にある説得力のある数多くの内観写真へ導くことに成功しています。

自社のカラーをダイジェストで伝える動画

自社の在り方を明示している「スタンス」ページの冒頭に、自社のカラーをダイジェストに伝えるための動画(ショートムービー)を用いています。予備知識を持ってもらったうえで、それに続くページを読んでもらうことは理解力と浸透力に大きく貢献します。


施工例ページ

希望の住宅をフィルタリング

自分たちの希望にあった間取り・様式、または地域や建築事務所などを施工例一覧からフィルタリング可能にすることで、”数ある中から選択する”というストレスからの解放と、時短を可能にしています。

毎月数件の新築を設計・製材・施工するホーム株式会社さん。今後たくさんの施工例を追加していかれることを視野に入れた設計にしています。

ロゴに見るスタンスとポジショニング

建てる家はどれもすごくオシャレ。だけど会社自体は社歴も深く、自社従業員の大工を5名も抱えるほどのかなりの現場主義。ホームページに掲載される住宅がすべてオシャレなため、ホームページの印象もそれになってしまいます。

しかしながら、あくまで自社のスタンスは現場主義。この相反するイメージを考慮したロゴで自社のスタンスとポジショニングを表現。シンプルでストレートな社名にならってとにかく直球で力強く。屋根が片流れになっているところで少しだけオシャレ感を。

ホーム株式会社ロゴ

お客さんの声

ー ホームページ(以下、HP)をリニューアルしようと思ったきっかけは?

10年ほど前に自社のHPを社内で制作していましたが、経験もなくHPのソフトなどを用いて試行錯誤しながらやっていました。HPをあまり重視していなかったのもあり、お客様やHPを見て頂いてる方の反響など、正直考えていませんでした。

しかし、インターネット社会になり、色んな方とお話していくなかで、HPが会社にとって大きな影響を与えてくれるということで社内で話し合い、専門の飛企画さんを紹介して頂き、すべてお任せして新しく自社HPを制作して頂きました。

ー 説明や進行において問題はありませんでしたか?

それまで、まったく意識していなかったのですが、飛企画さんに詳しく説明してもらい、HPの重要性が分かるにつれて興味も湧いてきました。

ー HPが完成して、周りからの反響や自社のご感想はありますか?

HPを見て下さった方々すべての人が「HPが新しくなったんだね」「すごくいいよ」と褒めて頂いてます。今はまだ直接仕事に繋がったお話はありませんが、HPを色んな方々に見て頂いて、ホーム株式会社とはこんな会社なんだと知ってもらうだけでも私たちはとても満足です。

これからHPの中身の写真やブログを頑張って更新していきながら、もっともっとホーム株式会社を知ってもらえると嬉しいです。もちろんこの新しくしたHPをきっかけに仕事が増えれば、もっと嬉しいし、もっと頑張れると思います。

素敵なHPを作成して下さりありがとうございました。これからもよろしくお願いします。

ホーム株式会社 公式サイトへホーム株式会社 公式サイトへ


WoodyGoody 様
[ 広島県福山市 ]

Woody Goody様 ロゴ

競合他社とは別領域にお引越し

知識と技術を受け継いできた製材所兼工務店としては、正しい木を正しく使った家づくりに絶対的な自信を持たれておりました。

それを「どうやって今の子育て世代に伝えるか?」という問題に対し、旧ホームページの中で書かれていた専務ブログを中心にし「暮らしのWEBマガジン風」として全面リニューアル。

「Woody Goody」というプロジェクト名と、肩の力の抜けたロゴタイプを入口に据え再スタート。親しみを持って読んでもらうことで、一人でも多くの方に価値ある家づくりを学んでもらいたいという想いをサポート。

ターゲット層との距離を縮めるアートワーク

それらしい写真と重々しい文言では興味を持ってもらいにくい。立ち止まってもらうため、そして内容を直感的に理解してもらうためにイラストを用い、ターゲット層との距離を縮めることを狙っています。

Woody Goodyアートワーク1

Woody Goodyアートワーク2

Woody Goodyアートワーク3

Woody Goodyアートワーク4


ショップカードからリマーケティングへ

名刺とは別の役割を持つショップカード。知人友人のお店などに置いてもらうことでアナログからも入口を拡げます。

表裏異なるイラストのため二つ山積みに置いておけば、手に取ってもらえる可能性は倍増。そしてホームページにアクセスしてもらえればリマーケティングが始まります。

Woody Goody ショップカードデザイン

レスポンシブでユーザビリティ

PC<スマホ寄りの設計

いつでもどこでも読んでもらいたいから、スマホで読んでいてもストレスを感じさせないようにスマホ寄りの設計にしました。ページを進んで行く中で、ゴールに設定したページに辿り着くように動線構築をしています。

手書き看板でリアルTwitter

始めはホームページリニューアルではなく、「電光掲示板を取り付けたい」というご要望だったようです。紹介によりご縁を頂き、何をするにしても”受け皿”としてのホームページを充実させることをご提案。そして通りに面した事務所の看板部分の裏面を使って”リアルTwitter”開始。絵は小学4年生のお子さんに描いてもらったとのこと。素晴らしい!やっぱり子供の描く絵の力には勝てません。

手書き看板

マグネットシート

マグネットシートで宣伝カー

専務の希望で、マグネットシートにてトラックを宣伝カーに変身。ホームページアドレスを描くとゴチャゴチャするので、ホームページの存在を知らせるためにQRコードを採用。

現場シート

遠くからでも視認できるシンプルなデザインにしています。街中でもネット上でも統一感のあるツールをあらゆる場面で目にすることで、少しづつ浸透し、親近感を持ってもらえるようになります。

現場シート

お客さんの声

(有)松川製材所/松川専務

(有)松川製材所/松川専務

ー 今回、ホームページを開設しようと思われた理由は何ですか?

HPの更新時期だったのですが、正直HPからの仕事の依頼はこれまでほとんどありませんでした。しかし、我々のような小さな会社にはお客様に差し上げられる資料もなければ、掛け捨ての広告も無駄が多いので、何か『見て頂けるもの』と『色んな事を発信できるもの』を継続的に行える手段としてHPをリニューアルする事にしました。

ー 以前からのブログの方向性が気負ってなく面白かったので活用させてもらったのですが、どのような想いで書かれていたのですか?

そのブログは、これまで表立って建築の営業をしていない事もあり、工事現場の進捗ばかりのブログではネタ切れし続きません。また工事のブログばかりでは全く面白味がありません。
そこで、自分が楽しいと思って遊んでいる『食』とか『旅』とか『こだわり』をテーマにしたブログを中心にして、その中に仕事の事を入れるブログをこれまで書いていました。

ー そのユニークなブログを再構築し「暮らしのWEBマガジン」という提案をさせて頂きましたが、いかがでしたか?

はじめは、「HPは今まで続けていたブログを中心に構成し、FBも活用していきます。」と言われても???でしたが、その後、提案してもらった内容が思っていたイメージとは全く逆だったので、他と違うからこれでいこうと思えたのも事実です。半ば言い聞かせました(笑)。
そして、今回のHPには我々素人の感性は排除しようと思い、全てご提案頂いた内容そのまままでいく事にしました。

ー 完成したHPをご覧になっていかがでした?

イラストも綺麗で楽しいですねー。気持ちのいいホームページに大変身しました。
提案頂いた内容は工務店の【カッコいいHP】とは程遠く、工務店のそれとは到底思えない感じが逆に新鮮でした。何か、工務店らしくない感じが僕は気に入っています。

ー その他のご提案については?

さらにHPの運営以外にも、会社の前の看板を使った情報発信などにも色々ご相談にのって頂いて、やっと重い腰を上げられたのも事実です。
手書き看板って何か照れくさいと思っていましたが、1回やってしまうと次書こうかと待ち遠しいくらいです。色んな意味で背中を押して頂きました。

ー お客さんからの反響などありましたら教えてください。

HPを見てくれた方からも『素敵な内容』と言ってもらえています。満足いくHPにして頂いたので、上手く活用できるかは我々にかかっています。
また、飛企画さんが我々をサプライズさせて頂いたように、施主さんの思い以上の事が出来るかが鍵だと改めて感じました。有難うございました。

Woody Goody 公式サイトへWoody Goody 公式サイトへ