旧ホームページの問題点とリニューアル時の改善点
※旧サイトイメージショット
旧ホームページ
- 非レスポンシブ対応、SSL化がなされていなかったため、新規ドメインを取得。
- PC向けのHTMLでmediaクエリも設定もなく、スマホで見ると文字が小さいままだった。そのため、リニューアル後は文字サイズは14px~に指定。さらには、文字サイズを簡単に変えられるボタンも設置することで、幅広い年代に対応するようにした。
- 「新着情報」が一番下にあり、サイト訪問者に気付かれづらい場所にあった。そのため、リニューアル後は、トップ画面の上部に配置。
試作段階では、既存テンプレートのままだと「新着情報」部分が、埋もれてしまう色合いのため、最終的にはCSSをカスタマイズ。
- 1ページにすべての情報が乱立、メニューもないためユーザーが得たい情報を見つけづらい構造であった。リニューアル後、内容をグループ分けし、よく使用される項目(講習会など)をトップに表示させ、シンプルなデザインに。<br>クライアントとヒアリングを重ねながら、構成には約1か月かけた。