【新規ホームページ制作実績】藤沢市の木乃箱｜ホームページ制作9800円～東京台東区のエグゼクティブクリエイション/反響重視のホームページ制作

こちらのWebデザインは「湘南エリアで海・山が近くにある、自然と共に生活をしたい」といった方向けに木のマンションリフォームを提案する木乃箱です。全体的なビジュアルはお客様のご要望で、シンプルそしてモダンなイメージでホームページ制作を行っています。

”実際の施工写真/リフォーム写真が映える”点へ重きを置き、通常よりも余分な飾りは省いた上でカラートーンを抑え、できるだけユーザーの視線が写真へ行くよう工夫されています。またサイト訪問者がTOPから下層ページへと遷移した際、違和感のないようTOPと下層との統一感も通常のサイト制作時よりも配慮いたしました。

神奈川県藤沢市木乃箱様：ホームページ制作実績紹介

トップデザイン制作は写真そして文字の可読性を重視

ファーストビューとして多くのユーザーの目に入る、TOPページヘッダーとメインビジュアルは”文字が引き立つ”そして”写真へ目が行くよう”にデザイン。ヘッダーはシンプルな白背景へ細めのシャープ目なフォントでサイト名・住所・電話番号・MAILボタン・グローバルメニューを置いています。

メイン画像は横フルサイズで3枚のスライド画像をjQueryを使用し設置、その上へ施工写真を邪魔しないよう、キャッチコピーを右下にレイアウトしました。

キャッチコピーは白字のため、背景写真が濃い時は目立ちますが、薄い時は可読性が悪くなるので少し強めにシャドウをのせています。キャッチコピーに対しシャドウを加えることで、どのような背景画像でも読みやすくマッチするようになっています。

メインビジュアル下部も空白を活かしたシンプルな見せ方で、大き目の余白の後に「Greeting」のコンテンツが続き、こちらも同様に右に写真を大サイズで配置し、左にご挨拶文といったレイアウトでスタイリッシュに魅せています。短めの文章でユーザーに対し分かりやすく、自然に内容が頭に入るような見せ方で制作。

そして、TOPページ中段コンテンツ「Works」「Point」「Column」も施工写真へ焦点が当たるよう、説明文はできるだけ短く最低限にしています。シンプルでスタイリッシュなデザイン表現を行う場合、掲載写真サイズと配置、そして説明文のボリューム調整により、優れたビジュアルになるか否かが決まります。

長々と説明文を載せるよりも写真+1、2行の文章を読めば、おおよその内容が分かるぐらいに余分な部分をそぎ落とします。そうすることで、シンプルながらも訴求力の高い表現を行うことが可能です。

5、6年前のwebデザインはキャッチコピーを大きくし派手な色合いにて、エネルギッシュな打ち出し方をするのが流行っていましたが、その後、年々余分な情報を省いたシンプルな見せ方が増えています。

派手な見せ方のwebサイトが多い中、逆に情報量の少ないシンプルな見せ方の方がユーザーの興味を引く流れにありました。しかし、その後そのシンプルな見せ方も多くのホームページで表現されるようになり、近年では他webサイトとの差別化として”よりセンス良く、よりインパクトのある画像で魅せるデザインニーズ”が増えてきています。

写真にインパクトがなく、webデザインもシンプル系にした場合、焦点がボケてしまって読み飛ばされるorサイト訪問者の離脱をまねくリスクがあるので、注意する必要があります。