制作実績

ボタン

実績一覧へ戻る

工務店のホームページリニューアル

工務店
category
工務店
制作期間
約1.5ヶ月
URL
https://fukuda-ltd.jp/

古くなったホームページを一新しイメージアップへ

芦屋市と西宮市を拠点に事業展開を行う、老舗工務店のホームページリニューアルを行いました。
過去に制作したホームページが随分と古くなり、掲載内容も新しいものに一新したいとリニューアルのご相談をいただきました。
ホームページで使用している写真や文章の変更を最新のものに変更し、訪問者の方に想いが伝わり好感と信頼を感じていただけるデザインに変更したい。
また、これまでは注文住宅をメインにアピールしていたが、住まいの細かな悩みもお受けできるという事を分かっていただきたいので、その点も考慮してほしいとご要望いただきました。
施工実績やお知らせも自分たちで簡単に更新が行えるようにCMSシステムを導入して欲しいというご要望もいただきました。

ご希望に対しての以下の内容でホームページ制作を行いました。

既存のホームページを調査したところ、一昔前のデザインでページ構成についてもユーザビリティーの面で改良点が複数かりました。
基本的な事として古くなったことで画像ファイルの消失やリンク先のサイトの停止などから、複数のリンク切れを発見しました。
デザイン面では当時はパソコンモニターのサイズが小さかったため、サイトの横幅が狭く現代のワイドモニターで確認すると横に広い余白が発生しています。
このスペースは情報の設置が可能なため現時点ではデッドスペースとなっています。
SEOの面では各ページのと<description>の設定が最適化されていないため、Googleがページの解析が行いにくい状況となります。<br /> これらの問題を解決するために、既存サイトのページ構成を調査したうえで、情報を整理した案を検討しました。<br /> デザインについては、既存サイトでは文章ではご自身のノウハウをしっかりと伝えることができていましたが、視覚的に伝えることができていないと感じておりましたので、<br /> これまでの施工実績等をデザインに組み込み、視覚的にしっかりとした施工が行える事を理解いただけるように配慮しました。<br /> ページの横幅についても画面いっぱいに情報が表示されるように、横幅を広く取り1画面でより多くの情報が閲覧いただけるよう配慮しました。<br /> また、ご自身で施工実績等の更新が行えるようにWORDPRESSを導入し、施工実績詳細ページについても写真の掲載料を増やし、写真毎に補足説明が行えるようにいたしました。<br /> 施工実績の投稿は、スマートフォンからでもカンタンに行えるように管理画面もスマートフォンからアクセスできる仕様となります。 </p> <ul class="ResultComentBox01Point"> <h2 class="ResultComentBox01Ttl">今回の要望のまとめ</h2> <li>・複雑になったホームページを整理して最新の情報を掲載したい。</li> <li>・自分たちでお知らせや施工実績等が簡単に更新が行えるようなシステムを導入して欲しい</li> <li>・スマートフォン対応を行いたい。</li> <li>・親しみと信頼を感じていただけるデザインに一新したい。</li> <li>・訪問者が不安がらないようにSSLを実装して欲しい</li> </li> </ul> </div> <div class="ResultBeforeBox"> <h3 class="ResultBeforeBoxTtl">トップページリニューアル前</h3> <div class="ResultBeforeBoxImg"> <img src="https://dream-net.org/result/wp-content/uploads/2020/01/fukuda-pc-old.png" width="100%" /> </div> <p class="ResultBeforeBoxTxt">古さを感じるデザインだと思いました。好感を感じていただける様にすっきりしたデザインを心がけ、左右のデッドスペースを有効活用する必要があると感じました。</p> </p></div> <div class="ResultAfterBox"> <h3 class="ResultAfterBoxTtl">下層ページリニューアル前</h3> <div class="ResultAfterBoxImg"> <img src="https://dream-net.org/result/wp-content/uploads/2020/01/fukuda-pc-old-second.png" width="100%" /> </div> <p class="ResultAfterBoxTxt"> トップページと同様に両サイドのデッドスペースの活用や読みやすいようにフォントサイズ等を改善する必要があると感じました。 </p> </p></div> <p> <!--▼スマートフォン実績--></p> <div class="ResultSp clearfix"> <div class="ResultSpComent"> <h2 class="ResultSpComentTtl">スマートフォン対応について</h2> <p class="ResultSpComentTxt">スマートフォン対応としては、レスポンシブ対応を採用しています。<br /> パソコン用のホームページ、スマートフォンフォン用のホームページ、それぞれ制作する必要がないため非常に効率の良い仕様となります。</p> </div> <div class="ResultSpImg"> <img src="https://dream-net.org/result/wp-content/uploads/2020/01/fukuda-sp.png" width="100%" height="auto" alt="スマートフォンサイトのイメージ"/> </div> </p></div> <p> <!--▲スマートフォン実績--></p> <p> <!--▼サイトマップ--></p> <div class="ResultSitemap clearfix"> <ul class="sitemapList"> <h2 class="ResultSpComentTtl">ページ構成</h2> <li><a href="https://fukuda-ltd.jp/" target="_blank" rel="noopener noreferrer">HOME</a></li> <li><a href="https://fukuda-ltd.jp/concept/" target="_blank" rel="noopener noreferrer">コンセプト</a></li> <li><a href="https://fukuda-ltd.jp/result/" target="_blank" rel="noopener noreferrer">施工実績</a></li> <li><a href="https://fukuda-ltd.jp/company/" target="_blank" rel="noopener noreferrer">会社案内</a></li> <li><a href="https://fukuda-ltd.jp/contact/" target="_blank" rel="noopener noreferrer">お問合せ</a></li> <li><a href="https://fukuda-ltd.jp/en/" target="_blank" rel="noopener noreferrer">英語ページ</a></li> </ul></div> <p> <!--▲サイトマップ--></p> <div class="ResultComentBox01 clearfix"> <h2 class="ResultComentBox01Ttl">制作担当者より</h2> <p class="ResultComentBox01Txt"> 日々の業務が忙しい中、情報の提供ありがとうございました。<br /> 施工実績が充実しており、掲載できる写真も多いため、有効活用が大切だと感じていました。<br /> 公開後は検索ユーザーの方のために御社の実績を理解いただけるよう施工実績を頻繁に更新することをおススメ致します。<br /> </p> </p></div> </div> <p><!--▲実績詳細--></p> </div><!-- .entry-content --> <!--<div class="entry-utility"> カテゴリー: <a href="https://dream-net.org/result/?cat=62" rel="category">10-50ページのホームページ作成料金相場</a>, <a href="https://dream-net.org/result/?cat=34" rel="category">CMS構築</a>, <a href="https://dream-net.org/result/?cat=14" rel="category">不動産ホームページ制作</a>, <a href="https://dream-net.org/result/?cat=31" rel="category">全て見る</a>   <a href="https://dream-net.org/result/?p=3862" title="工務店のホームページリニューアル へのパーマリンク" rel="bookmark">パーマリンク</a> </div> .entry-utility --> </div><!-- #post-## --> <!--▼いいねボックス--> <div class="likebox-01-blog"> <div class="likebox-01-blog-google"> <!-- +1 ボタン を表示したい位置に次のタグを貼り付けてください。 --> <div class="g-plusone" data-annotation="inline" data-width="200"></div> <!-- 最後の +1 ボタン タグの後に次のタグを貼り付けてください。 --> <script type="text/javascript"> window.___gcfg = {lang: 'ja'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> <div class="likebox-01-blog-facebook"> <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FDreamnetDesign&width=150&layout=button_count&action=like&show_faces=true&share=true&height=21&appId=198937503529343" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe> </div> </div> <!--▲いいねボックス--> <section id="contact"> <div class="outer"> <p class="contactttl">まずはお気軽にご相談下さい</p> <div class="wrap"> <p class="cactch">WEBデザイナーが直接相談にのります。<br class="sp"/> お気軽にご相談下さい。</p> <ul> <li> <p>078-763-2999<span>平日 10:00~19:00</span></p> </li> <li> <p><a href="https://dream-net.org/contact/">メールでのご相談<span>24時間受付中</span></a></p> </li> <li> <p><a href="https://dream-net.org/company/">Dream-net 案内<span>お気軽にご相談下さい</span></a></p> </li> </ul> <p class="txt">デザイナーが直接お伺いいたします。安心してご相談下さい。</p> </div> </div> </section> <div class="second-flame-right" id="sidr-right"> <!--▼サイドメニュー--> <div class="side-menu spSide" id="sidr-right2"> <ul> <li><a href="https://dream-net.org/" title="ホームページ制作" class="side-home">HOME</a></li> <li><a href="https://dream-net.org/sitemap.html" title="サイトマップ" class="side-sitemap">SITEMAP</a></li> <li><a href="https://dream-net.org/company/" title="ドリームネットデザイン会社案内" class="side-company">会社案内</a></li> <!--▼ホームページ制作--> <li><a href="https://dream-net.org/seisaku.php" title="ホームページ制作" class="side-homepage">ホームページ制作</a></li> <li><a href="https://dream-net.org/result/" title="ホームページ制作実績" class="side-second">ホームページ制作実績</a></li> <li><a href="https://dream-net.org/websupport/" title="ホームページメンテナンス・更新代行" class="side-second">ホームページメンテナンス</a></li> <li><a href="https://dream-net.org/seo/" title="SEO対策" class="side-second">SEO対策</a></li> <li><a href="https://dream-net.org/parts/smartphone.html" title="スマートフォン" class="side-second">スマートフォン対策</a></li> <li><a href="https://dream-net.org/ssl/" title="SSL対応" class="side-second">SSL対応</a></li> <li><a href="https://dream-net.org/otherservice.html" title="部分的な作業の相談" class="side-second">部分的な作業の相談</a></li> <li><a href="https://dream-net.org/lowprice.html" title="格安ホームページ制作" class="side-second">費用を抑えた制作プラン</a></li> <!--▲ホームページ制作--> <li><a href="https://dream-net.org/portalsite/" title="ポータルサイトパッケージ" class="side-portal">ポータルサイト制作</a></li> <li><a href="https://dream-net.org/colormeshop.html" title="ショッピングサイト制作" class="side-shopping">ショッピングサイト作成</a></li> <li><a href="https://dream-net.org/colormeshop.html" title="カラーミーショップカスタマイズ" class="side-shopping">カラーミーショップ</a></li> <!--▼システム開発--> <li><a href="https://dream-net.org/system/" title="システム開発" class="side-system">システム開発</a></li> <li><a href="https://dream-net.org/portalsite/" title="ポータルサイト作成" class="side-second">ポータルサイト作成</a></li> <li><a href="https://dream-net.org/system/result.php#cartet" title="電子カルテシステム" class="side-second">電子カルテシステム</a></li> <li><a href="https://dream-net.org/system/result.php#calender" title="カレンダー空席予約システム" class="side-second">空席予約システム</a></li> <!--▲システム開発--> <li><a href="https://dream-net.org/colormeshop.html" title="楽天サイト作成" class="side-rakuten">楽天サイト作成</a></li> <li><a href="https://dream-net.org/security/" title="ホームページ改ざん" class="side-security">ホームページ改ざん対策</a></li> <li><a href="https://dream-net.org/photo/" title="写真撮影" class="side-pic">写真撮影</a></li> <li><a href="https://dream-net.org/writer/" title="記事作成" class="side-copy">記事作成</a></li> <li><a href="https://dream-net.org/logo/" title="ロゴ制作" class="side-logo">ロゴ制作</a></li> <li><a href="https://dream-net.org/parts/illustration.html" title="イラスト制作" class="side-illast">イラスト制作</a></li> <li><a href="https://dream-net.org/movie/service.html" title="映像制作" class="side-movie">映像制作</a></li> <li><a href="https://dream-net.org/print/print-meishi.html" title="名刺制作" class="side-card">名刺制作</a></li> <li><a href="https://dream-net.org/print/print-flyer.php" title="チラシ制作" class="side-flyer">チラシ制作</a></li> <li><a href="https://dream-net.org/print-flyer05.html" title="パンフレット" class="side-pamph">パンフレット</a></li> <li><a href="https://dream-net.org/blog/" title="技術公開用ブログ" class="side-flyer">技術公開用ブログ</a></li> <li><a href="https://dream-net.org/map/" title="対応エリア" class="side-area">対応エリア</a></li> </ul> </div> <!--▲サイドメニュー--> <div class="side-menu" id="sidr-right"> <ul> <!-- <li><a href="https://dream-net.org/" title="ホームページ制作" class="side-home">HOME</a></li> <li><a href="https://dream-net.org/logo/index.php" title="ロゴ制作実績" class="side-logo">ロゴ制作実績</a></li> --> <li class="children"><a href="https://dream-net.org/result/?cat=62" class="side-second">10-50ページのホームページ作成料金相場(112)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=61" class="side-second">10ページ以内のホームページ作成料金相場(71)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=63" class="side-second">50ページ以上のホームページ作成料金相場(34)</a></li><li><a href="https://dream-net.org/result/?cat=34" class="side-second">CMS構築(56)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=25" class="side-second">Color me shop!pro(5)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=26" class="side-second">EC-CUBE導入(0)</a></li><li><a href="https://dream-net.org/result/?cat=28" class="side-second">FLASH(5)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=65" class="side-second">Yahooショップ制作(3)</a></li><li><a href="https://dream-net.org/result/?cat=30" class="side-second">イラスト(31)</a></li><li><a href="https://dream-net.org/result/?cat=48" class="side-second">カウンセリング・ヒーリング(1)</a></li><li><a href="https://dream-net.org/result/?cat=59" class="side-second">コンサルティング会社様ホームページ制作実績(7)</a></li><li><a href="https://dream-net.org/result/?cat=19" class="side-second">システム会社ホームページ制作(5)</a></li><li><a href="https://dream-net.org/result/?cat=33" class="side-second">ショップカード・ポイントカード(3)</a></li><li><a href="https://dream-net.org/result/?cat=16" class="side-second">スポーツホームページ制作(11)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=27" class="side-second">その他ホームページ制作(3)</a></li><li><a href="https://dream-net.org/result/?cat=32" class="side-second">チラシ(3)</a></li><li><a href="https://dream-net.org/result/?cat=47" class="side-second">チラシデザイン(7)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=45" class="side-second">デザイン名刺(24)</a></li><li><a href="https://dream-net.org/result/?cat=7" class="side-second">ネットショップ制作実績(23)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=44" class="side-second">ビジネス名刺(26)</a></li><li><a href="https://dream-net.org/result/?cat=20" class="side-second">ファッションホームページ制作(16)</a></li><li><a href="https://dream-net.org/result/?cat=17" class="side-second">ブライダルホームページ制作(6)</a></li><li><a href="https://dream-net.org/result/?cat=66" class="side-second">ブランドサイト(2)</a></li><li><a href="https://dream-net.org/result/?cat=21" class="side-second">ポータルサイト制作(9)</a></li><li><a href="https://dream-net.org/result/?cat=60" class="side-second">ホームページ作成料金相場(213)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=46" class="side-second">モノクロ名刺(5)</a></li><li><a href="https://dream-net.org/result/?cat=68" class="side-second">ランディングページ(6)</a></li><li><a href="https://dream-net.org/result/?cat=15" class="side-second">リサイクルホームページ制作(4)</a></li><li><a href="https://dream-net.org/result/?cat=76" class="side-second">リニューアル(4)</a></li><li><a href="https://dream-net.org/result/?cat=29" class="side-second">ロゴデザイン(19)</a></li><li><a href="https://dream-net.org/result/?cat=14" class="side-second">不動産ホームページ制作(13)</a></li><li><a href="https://dream-net.org/result/?cat=8" class="side-second">交通・運送ホームページ制作(13)</a></li><li><a href="https://dream-net.org/result/?cat=1" class="side-second">企業ホームページ制作(119)</a></li><li><a href="https://dream-net.org/result/?cat=31" class="side-second">全て見る(231)</a></li><li><a href="https://dream-net.org/result/?cat=23" class="side-second">動物・ペットホームページ制作(9)</a></li><li><a href="https://dream-net.org/result/?cat=3" class="side-second">医療関係ホームページ制作(31)</a></li><li><a href="https://dream-net.org/result/?cat=49" class="side-second">協会・組合(8)</a></li><li><a href="https://dream-net.org/result/?cat=43" class="side-second">名刺テンプレート(45)</a></li><li><a href="https://dream-net.org/result/?cat=24" class="side-second">営業サイトホームページ制作(19)</a></li><li><a href="https://dream-net.org/result/?cat=13" class="side-second">士業ホームページ制作(12)</a></li><li><a href="https://dream-net.org/result/?cat=11" class="side-second">建築・リフォーム・電気ホームページ制作(33)</a></li><li><a href="https://dream-net.org/result/?cat=75" class="side-second">採用特設サイト(1)</a></li><li><a href="https://dream-net.org/result/?cat=4" class="side-second">教育・学校関連(21)</a></li><li><a href="https://dream-net.org/result/?cat=12" class="side-second">旅行(6)</a></li><li class="children"><a href="https://dream-net.org/result/?cat=64" class="side-second">楽天ショップ制作(1)</a></li><li><a href="https://dream-net.org/result/?cat=67" class="side-second">福祉(3)</a></li><li><a href="https://dream-net.org/result/?cat=36" class="side-second">通信(2)</a></li><li><a href="https://dream-net.org/result/?cat=35" class="side-second">音楽(3)</a></li><li><a href="https://dream-net.org/result/?cat=5" class="side-second">飲食ホームページ制作(10)</a></li></ul> </div> </div><script type='text/javascript' src='https://dream-net.org/result/wp-includes/js/wp-embed.min.js?ver=5.3.2'></script> <br clear="all" /> </div> </div> <!--▲メインフレーム--> <!--▼フッター--> <footer id="footer"> <div id="footer-in"> <nav id="footer-first"> <a href="https://dream-net.org/" title="ホームページ制作相談室トップ">HOME</a> <a href="https://dream-net.org/company/concept.html" title="コンセプト">コンセプト</a> <a href="https://dream-net.org/company/" title="会社案内">会社案内</a> <a href="https://dream-net.org/recuitment.html" title="採用情報">採用情報</a> <a href="https://dream-net.org/company/dncontents.html" title="運営サイトの紹介">運営サイトの案内</a> <a href="https://dream-net.org/company/qa.html" title="よくある質問">よくある質問</a> <a href="https://dream-net.org/contact/" title="お問合せ">お問合せ</a> <a href="https://dream-net.org/sitemap.html" title="サイトマップ">サイトマップ</a> <a href="https://dream-net.org/policy.html" title="ポリシー">ポリシー</a> </nav> <nav id="footer-second"> <a href="https://dream-net.org/seisaku.php" title="ホームページ制作">ホームページ制作</a> <a href="https://dream-net.org/result/" title="ホームページ制作実績">ホームページ制作実績</a> <a href="https://dream-net.org/seo/" title="SEO対策">SEO対策</a> <a href="https://dream-net.org/websupport/" title="保守・運営サポート">保守・運営サポート</a> <a href="https://dream-net.org/ssl/" title="SSL対応">SSL対応</a> <a href="https://dream-net.org/blog/" title="制作技術の公開">制作技術の公開</a> </nav> <nav id="footer-third"> <a href="https://dream-net.org/parts/smartphone.html" title="スマートフォン対応">スマートフォン対応</a> <a href="https://dream-net.org/system/" title="システム開発">システム開発</a> <a href="https://dream-net.org/colormeshop.html" title="ショッピングサイト制作">ショッピングサイト制作</a> <a href="https://dream-net.org/colormeshop.html" title="カラーミーショップカスタマイズ">カラーミーショップカスタマイズ</a> <a href="https://dream-net.org/portalsite/" title="ポータルサイト作成">ポータルサイト作成</a> <a href="#" title="楽天サイト制作">楽天サイト制作</a> <a href="https://dream-net.org/security/" title="ホームページ改ざん・ハッキング対策">ホームページ改ざん・ハッキング対策</a> <a href="https://dream-net.org/otherservice.html" title="対応できる作業のご案内">対応できる作業のご案内</a> </nav> <nav id="footer-fourth"> <a href="https://dream-net.org/photo/" title="写真撮影">写真撮影</a> <a href="https://dream-net.org/writer/" title="原稿・記事作成">原稿・記事作成</a> <a href="https://dream-net.org/logo/" title="ロゴ制作">ロゴ制作</a> <a href="https://dream-net.org/parts/illustration.html" title="イラスト制作">イラスト制作</a> <a href="https://dream-net.org/movie/" title="映像制作">映像制作</a> </nav> <nav id="footer-fifth"> <a href="https://dream-net.org/print/print-meishi.html" title="名刺制作">名刺制作</a> <a href="https://dream-net.org/print/print-flyer.php" title="チラシ・フライヤー制作">チラシ・フライヤー制作</a> <a href="https://dream-net.org/print-flyer05.html" title="会社案内">会社案内</a> </nav> <p id="copywrite">Copyright © <script type="text/javascript">data = new Date();var now_year = data.getFullYear();document.write(now_year);</script> <a href="https://dream-net.org/" title="ホームページ制作相談室トップへ">ドリームネットデザイン|ホームページ制作相談室</a>. All Rights Reserved.</p> </div> </footer> <!--▼フッター--> <div id="footerSp"> <div class="title-main"> <h2>お問い合わせ</h2> </div> <ul class="footerTel"> <li><a href="tel:078-763-2999"> <span><img src="https://dream-net.org/img-s/footerInfo.jpg" width="80" height="80"></span> <div> <strong>お電話でのご相談もお気軽に</strong> <u>078-763-2999</u> <p>受付時間:平日10:00~19:00</p> </div> </a></li> </ul> <ul class="footerInfo"> <li><a href="https://dream-net.org/contact/" class="toMail"><span>メールでお問合せ</span></a></li> <li><a href="https://dream-net.org/seisaku.php" class="hpmake"><span>ホームページ制作</span></a></li> <li><a href="https://dream-net.org/result/" class="hpresult"><span>ホームページ制作実績</span></a></li> <li><a href="https://dream-net.org/seo/" class="seo"><span>SEO対策</span></a></li> </ul> <p class="footerText">ホームページ制作相談室は代表をはじめWEB技術者だけの会社です。営業マンは1人もいないので営業は行いません。</p> </div> <p class="backtotop"><a href="#header"><span>PAGE</span><span>TOP</span></a></p> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1661169-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-1661169-1'); </script> </body> </html>