旧ホームページの問題点とリニューアル時の改善点
※旧HPは、現在はリダイレクト設定を行っております。
- 旧：レスポンシブ非対応、非SSL。
→レスポンシブ対応、SSL化し、新規ドメインを取得。
さらには表組などはサイズに応じて幅を調整するCSSで対応。
- 旧：PC向けのため、スマホで見ると文字が小さい。
→文字サイズは14px～に指定。さらには、文字サイズを簡単に変えられるボタンも設置することで、幅広い年代に対応するようにした。
- 旧：「新着情報」が一番下にあり、サイト訪問者に気付かれづらい。
→トップ画面の上部に配置。
試作段階では、既存テンプレートのままだと「新着情報」部分が、
埋もれてしまう色合いのため、最終的にはCSSをカスタマイズ。
明暗がわかりやすい色合いに修正。
トップの画像との配色バランスを考慮し、帯のようなイメージに仕上げた。
- 旧：1ページにすべての情報が乱立、メニューもないためユーザーが得たい情報を見つけづらい構造
→内容をグループ分け。
よく使用される項目（講習会など）をトップに表示させ、シンプルなデザインに。
クライアントとヒアリングしながら、構成には約1か月かけた。
試作段階
制作期間
- 約3ヶ月
（仮制作は、1ヶ月程度。その後、クライアントからの文言修正やページの追加、使用写真やトップに使用する色の選定（新着情報欄）など、サイト全体のバランスを整える作業など随時行った） - 打ち合わせ（対面2回、そのほかの修正はメールで随時対応）
旧ホームページの改善点の洗い出し、必要項目の選定、参考サイトなどのご提案など。
CMSサービス
- Ant2にて制作。
使用ソフト
- Adobe Illustrator、Photoshop、Dreamweaver
担当フェーズ
- 打ち合わせ、サイトの方向性、画像の選定、サイトの構築、編集、修正。
- 岡山県に所在する法人のため、岡山県のイメージ（桃太郎や桃・ぶどうなどの特産物）を写真の選定を担当。
- 桃・ぶどうの背景は、和紙の素材を使用
→果物と馴染むように、やわらかな印象になるように選定した。
（文字の装飾は先輩デザイナーによりトップ画像らしくなるように依頼。） - CMSにてコンテンツパーツを使用しサイト制作。部分的にデザイン・ボタンなどのパーツを色を変更するために、HTML・CSSの修正。
→新着情報欄、表組など - 法人名のロゴ制作
- ホームページ完成後は、CMSのページ編集をクライアント自身が行いたいというご要望に応え、リモートで操作を講習。