- category
- リフォーム
- 制作期間
- 約3ヶ月
- URL
- https://www.smileasahi.com/
ご相談内容
古くなったホームページをリニューアルしたいとご相談をいただきました。
既存のホームページの内容は古く、現在のサービス内容と異なるため最新の内容に合わせてリニューアルしたい。また、施工実績やお知らせなど簡単に投稿・編集できるようにしたい。パソコンはもちろん、スマートフォン、タブレット等いろいろな端末でも閲覧しやすく、デザイン面でも訪問者に親しみを感じていただけて、しっかりとした会社で安心して相談できるようなイメージで作成して欲しいとご要望いただきました。
採用情報については、そこまで重要視していないため、当初は募集要項のみを掲載し、今後採用情報を強化したいときに作り込みを行えるように準備はしておいて欲しいとご要望いただきました。
ご希望に対しての以下の内容でホームページ制作を行いました。
既存のホームページを確認したところ、ご相談いただいた通りホームページの構成も古く、リンク切れ等が起こっている状況でした。
施工実績等の掲載も少ない内容についても充実していない状態でした。
このような場合、ホームページに訪問したお客様が安心して仕事の相談をお願いできる会社なのか不安を感じてしまう場合があります。
デザイン等のテイストは古くても、最新の内容が掲載されており、リンク切れ等が無い正常な状態を保っている必要があります。
各事業紹介ページについては、最新の内容に合わせてサービスの特徴、種類、サービスの施工実績が読込される構成でリニューアル案を提案させていただきました。
掲載内容については、リニューアル当初はボリュームを抑えておりますが、公開後に追加の情報を追加しやすいように配慮しレイアウト・デザインを提案させていただきました。
また、施工実績についてリニューアル前は、ご自身で更新が行いにくい状況だったため、施工実績の投稿が進んでいなかったため、リニューアル後はご自身でも簡単に更新が行えるようにシステムのカスタマイズを行っております。
システムはWORDPRESSを導入しております。
お知らせについても同様に、ホームページの知識の無い方でもカンタンに更新が行えるように配慮しております。
また、パソコン、タブレット、スマートフォンどの端末で確認してもストレスなく閲覧できるようにレスポンシブ対応を実施しております。
- ・掲載内容、システム・構成等が古くなったホームぺージを一新する
- ・施工実績やお知らせなど専門知識が無い方でもカンタンに更新できるように配慮する
- ・ホームページへの訪問者が安心して仕事の相談ができるように、信頼・安心を感じることができるデザインで制作する
今回の要望のまとめ
リフォーム事業紹介
サービス紹介ページとなります。他のページも同様の構成でシンプルで読みやすさを配慮しています。各ページには、最新の施工実績が読込できるようカスタマイズを行います。
公開時はシンプルな構成となりますが、追加の情報があった場合でもスムーズに情報の追加が行えるように配慮してデザイン・レイアウト案を作成しております。
施工実績一覧ページ
このページは、施工実績を１件追加するごとに、追加した施工実績ページにアクセスするためのリンクが生成される仕様となります。施工実績は、管理画面から指定してカテゴリに振り分けることができます。
今回は「オール電化」「リフォーム」「太陽光発電」と設定させていただいておりますが、カテゴリは公開後も自由に追加することが可能です。
こちらのページは、ホームページの知識が無い方でもカンタンに更新できるようにシステムのカスタマイズを行っております。
施工実績投稿画面にアクセスすると、施工物件の基本情報に加え、施工前、施工後の写真を登録し写真に対して補足説明が行えるようにアンケートフォームが用意されています。
アンケートフォームの内容に従って情報の入力を行っていただき、投稿ボタンをクリックすると事前に作成したデザインフォーマットに投稿した情報が反映される仕様となります。
お知らせ一覧ぺージ
お知らせ詳細ページに誘導するための中継ページです。ご自身で詳細ページを追加できる仕様となります。ページの追加に伴い自動的にリンクボタンが生成される仕様となります。
お知らせ詳細ページ
一般的なブログシステムと同様の仕様で作成しております。管理画面から文章や写真の投稿はもちろん、Yotubetu動画の設置やPDFファイルのアップロードを行うことができます。
会社案内ページ
基本的な会社案内ページとなります。各拠点へのアクセス案内と会社概要を紹介しております。必要に応じて代表挨拶・沿革やSDGSへの取り組みなどのコーナーを設置することも可能です。
お問い合わせページ
お問い合わせフォームでは入力項目に記入いただいた内容が設定したメールアドレスに転送される仕様となります。
スマートフォン対応について
スマートフォン対応については、Googleの推奨するレスポンシブ対応を実施しています。
スマートフォン対応の方法としては大きく2つに分かれます。１つ目は、PC版、SP版の2つのホームページを作成し、アクセスした端末を判別しシステムで最適なホームページを表示させる方法です。
もう１つは、ホームページは１つでアクセスした端末の横幅に合わせて、表示されるレイアウトが最適かされるという方法です。
今回は後者の対応を採用しています。メリットとしては、実際に運用するホームページは１つとなるため、管理が簡単になり運用コストを抑えることができます。
PC版をSP版に切り替えると情報量が縦に長くなることになりますが、閲覧者がストレスを感じないように配慮したデザインを心がけています。
