エグゼクティブクリエイション トップページはこちら お電話での無料お見積りは 03-5839-2512当サイトメールフォームからの無料お見積りはこちら

ホームページを活用し 売上・成果を上げる方法満載

【新規ホームページ制作実績】藤沢市の木乃箱

こちらのWebデザインは「湘南エリアで海・山が近くにある、自然と共に生活をしたい」といった方向けに木のマンションリフォームを提案する木乃箱です。全体的なビジュアルはお客様のご要望で、シンプルそしてモダンなイメージでホームページ制作を行っています。
 
実際の施工写真/リフォーム写真が映える”点へ重きを置き、通常よりも余分な飾りは省いた上でカラートーンを抑え、できるだけユーザーの視線が写真へ行くよう工夫されています。またサイト訪問者がTOPから下層ページへと遷移した際、違和感のないようTOPと下層との統一感も通常のサイト制作時よりも配慮いたしました。
 
mokunohako-homepage-create1.jpg
 
 

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

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

ファーストビューとして多くのユーザーの目に入る、TOPページヘッダーとメインビジュアルは”文字が引き立つ”そして”写真へ目が行くよう”にデザイン。ヘッダーはシンプルな白背景へ細めのシャープ目なフォントでサイト名・住所・電話番号・MAILボタン・グローバルメニューを置いています。
 
メイン画像は横フルサイズで3枚のスライド画像をjQueryを使用し設置、その上へ施工写真を邪魔しないよう、キャッチコピーを右下にレイアウトしました。
 
キャッチコピーは白字のため、背景写真が濃い時は目立ちますが、薄い時は可読性が悪くなるので少し強めにシャドウをのせています。キャッチコピーに対しシャドウを加えることで、どのような背景画像でも読みやすくマッチするようになっています。
 
mokunohako-homepage-create2.jpg
 
メインビジュアル下部も空白を活かしたシンプルな見せ方で、大き目の余白の後に「Greeting」のコンテンツが続き、こちらも同様に右に写真を大サイズで配置し、左にご挨拶文といったレイアウトでスタイリッシュに魅せています。短めの文章でユーザーに対し分かりやすく、自然に内容が頭に入るような見せ方で制作。
 
 
そして、TOPページ中段コンテンツ「Works」「Point」「Column」も施工写真へ焦点が当たるよう、説明文はできるだけ短く最低限にしています。シンプルでスタイリッシュなデザイン表現を行う場合、掲載写真サイズと配置、そして説明文のボリューム調整により、優れたビジュアルになるか否かが決まります。
 
長々と説明文を載せるよりも写真+1、2行の文章を読めば、おおよその内容が分かるぐらいに余分な部分をそぎ落とします。そうすることで、シンプルながらも訴求力の高い表現を行うことが可能です。
 
 
mokunohako-homepage-create3.jpg
 
5、6年前のwebデザインはキャッチコピーを大きくし派手な色合いにて、エネルギッシュな打ち出し方をするのが流行っていましたが、その後、年々 余分な情報を省いたシンプルな見せ方が増えています。
 
派手な見せ方のwebサイトが多い中、逆に情報量の少ないシンプルな見せ方の方がユーザーの興味を引く流れにありました。しかし、その後そのシンプルな見せ方も多くのホームページで表現されるようになり、近年では他webサイトとの差別化として”よりセンス良く、よりインパクトのある画像で魅せるデザインニーズ”が増えてきています。
 
写真にインパクトがなく、webデザインもシンプル系にした場合、焦点がボケてしまって読み飛ばされるorサイト訪問者の離脱をまねくリスクがあるので、注意する必要があります。
 
 

下層はスクロールがつい止まるデザインを重視

下層ページは通常、TOPページと比べ閲覧率が低く、滞在時間も短い傾向にあるため、TOPページ以上に見せ方の表現を工夫すべきと言えます。
 
今回の木乃箱のホームページ制作時はシンプルながらもページ上段から中段、下段へとスクロールする時に”スクロールする手がつい止まる見せ方”を重視し、コンテンツの区切りへ解像度の高い画像をレイアウトしました。
 
 
下層ページ メインビジュアルは通常のwebサイトよりも、大きめに横一面の1枚画像で制作。各ページ毎に異なる木乃箱の施工写真が見えるようになっています。それぞれのページへ遷移した際、インパクトを感じる打ち出し方を行っています。
 
 
mokunohako-homepage-create4.jpg
 
 
「WORKS」ページでは「CAFE STYLE KITCHEN」「TELEWORK LIFE」など、様々なDESIGN CONCEPTに基づく施工実績を紹介。各事例ごとにメインとなる画像を上部に1枚配置し、その下へ他5枚の写真をレイアウトする形式でビジュアル良く仕上げています。
 
 
mokunohako-homepage-create5.jpg
 
 
 
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター:渡邉 真帆
website-director-blog-pic.jpg
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
 
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
 
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう
得意なこと:アクティブリスニングと笑顔 苦手なこと:料理と口喧嘩
 
---------------------------------------------------------------

デザイン重視のホームページ制作をお求めなら

エグゼクティブクリエイションへ!
---------------------------------------------------------------
exe-creation-web-creation-2020footer.jpg
 
◇Webサイト制作/運営についての問合せはこちら
TEL:   03-5839-2512
FAX: 03-5839-2513
topshitabana03.jpg
------------------------------------------------
≫ホームページ制作 のエグゼクティブクリエイションTOP

 

カテゴリ

まずはお気軽にお電話下さい!是非ホームページ作成、リニューアル等に関しお問い合わせ下さい。
メールでのお問い合わせ:info@mail.exe-creation.com
お電話でのお問い合わせ:03-5839-2512【受付】10:00~18:00(土日・祝祭日除く)
東京台東区のホームページ制作会社/株式会社エグゼクティブクリエイション
〒111-0052 東京都台東区柳橋2-5-6 TOMビル3F
TEL: 03-5839-2512 / FAX: 03-5839-2513