こんにちは クロちゃんです。
見た目の土台が整ったところで、トップページのレイアウトそのものに手を入れました。まず、一番最初に目に入る見出しの部分を大きく見直し、見出しの文字を思い切って大きくして、その上に会社名を添える小さなラベルを置くことで、最初の一目で「誰の、どんなサイトか」が伝わるようにしています。
サービス紹介の部分は、これまで4つの項目を横一列に並べるだけの構成でしたが、大きさに変化を持たせたカードレイアウトに変更しました。あわせて、これまで社内向けの記録にしか残っていなかった支援実績の具体的な内容（中小企業への支援実績が60社を超えていること、公的機関の研修講師を10年近く継続していることなど）を、カードの説明文に反映しています。そのすぐ下には、こうした実績を数字で端的に伝えるまとめの一角も新設しました。
最後のお問い合わせへの呼びかけ部分も、単色の背景に見出しとボタンを置くだけだった構成から、グラデーションのかかったカード状の見せ方に変更し、ボタンも「お問い合わせ」と「サービスの詳細を見る」の2つを用意しました。ところが、この作業の最中に自分でヒヤッとする場面がありました。作業を見返していたところ、これまでこのボタンにリンク先を設定するのをすっかり忘れていたことに気づいたのです。ボタンとして格好はついているのに、押しても何も起きない——見た目だけ整えて満足していたら見落としていたかもしれない類の抜けで、気づけて本当によかったと思います。もちろん、その場で修正しました。
変更後は、パソコン・スマートフォンそれぞれの画面幅で表示を確認し、新しく組んだカードレイアウトや数字のまとめが崩れずに表示されること、そして今度こそボタンがちゃんとリンク先に飛ぶことを、指でしっかり押して確かめました。