WEBサイト(リニューアル)| Aoki Management Office

webサイト(全面リニューアル)

クライアントAoki Management Office
制作デザインwebサイト(全面リニューアル)
担当領域ウェブデザイン・コーディング・
グラフィックデザイン・イラストレーション
使用システムWordPress(ブログ更新対応)
制作時期2026.08

社会保険労務士法人を母体とするグループ企業、株式会社アオキマネジメントオフィス様のコーポレートサイトを、サンポグラフィーカが全面リニューアルしました。
デザイン、イラストレーション、コーディングまで一貫して担当しています。
同社は社労士法人のバックオフィスを担い、マネジメント支援から広報・デザインまで8つの事業を持つ会社です。その全体像を整理し、初見でも役割が伝わる構成とビジュアルに置き換えました。

士業コンサルティングファームの事業コンセプトを図解で伝えるアオキマネジメントオフィスのトップページデザイン
ウェブサイトのご相談はこちら

新規制作・リニューアル・部分改修まで対応します。

士業らしいスマートさと、親しみを両立させたデザイン

士業に関わる会社には、まず信頼感が求められます。
一方で、硬すぎる印象は相談のハードルを上げてしまいます。今回は彩度を抑えた配色と余白の広いレイアウトで落ち着きを保ちつつ、丸みのある書体と手描き調のイラストで温度を加えました。

8つの事業を、番号順に見渡せる形に

マネジメント支援・業務設計を01に置き、人事、総務・経理、法務、IT・DX、AI活用、企画・営業、広報・デザインまでを番号順に配置しました。番号を大きく扱うことで、8つという数が負担ではなく対応力として伝わります。各項目には一行の説明と専用イラストを添え、詳細を読む前に内容が想像できる状態にしています。

会社の関係性を、オリジナルのグラフィックで表す

会社情報のページでは、アオキマネジメントオフィスと社労士法人の関係を1枚のグラフィックに描き起こしました。両者が連携しながらも業務内容と責任範囲を分けている構造を、シンプルに表しています。
文章で読み解く必要をなくし、一目で関係が分かる形を目指しました。

アオキマネジメントオフィスと社労士法人の役割関係を1枚の図で示したオリジナルグラフィック

デザインで「立ち位置」を分かりやすくする

同社の特徴は、外部から助言する立場ではなく、グループの一員として実務を担う点にあります。この違いは言葉だけでは埋もれやすいため、図とイラスト、配置のルールで伝える方法を選びました。

並列の情報は、同じ形・同じ大きさで揃える

同社が大切にしている「属人化を減らす」「業務を見える化する」「誰が担当しても回る仕組みをつくる」には、優劣がありません。大きさや位置に差をつけると、意図しない優先順位が生まれます。そこで同形・同サイズで横並びに配置し、それらが等しく重要であることを形で示しました。

CSSアニメーションで、印象に温度を加える

スクロールに合わせて要素がやわらかく現れる動きを、CSSで実装しました。
画像や動画を増やさずに実現しているため、表示速度に影響しません。動きの幅と速さは控えめに設定し、落ち着きを損なわない範囲で前向きな社風が伝わるよう調整しています。

検索から見つけてもらう前提でコーディングする

見た目を整えるだけでは、検索結果に並びません。
見出しの階層設計、パンくず、構造化データ(検索エンジンに内容を伝える記述)、画像の軽量化、検索需要のあるワードの選定、スマートフォン表示の最適化までを制作範囲に含めています。
デザインと実装(コーディング)をワンストップで手掛けているため、美しいビジュアルを維持したまま、表示速度を損なわない最適なバランスを実現できています。

公開後に更新が続く仕組みまで設計する

サイトは公開した日が完成ではなく、更新の積み重ねで成果が変わります。
更新が止まる原因の多くは、サイト管理者のやる気ではなくサイトの仕組みの側にあります。そこで公開後の運用まで含めて設計しました。

ブログ「AMOノート」の記事レイアウト

同社が発信を始めたオウンドメディア「AMOノート」も設計しています。
読者が快適に読み進められるよう、アイキャッチや見出しの配置を最適化。さらに、各サービスごとにソートできる仕組みを実装し、目的の記事へダイレクトに遷移できる導線を作りました。
その一方で、メディアを継続させるには「運用のしやすさ」も不可欠です。そのため、管理者が投稿画面で迷わない設計にも注力し、更新が途切れないための仕組みづくりを裏側から支えています。

アイキャッチと見出しで読み進めやすく整えたブログ「AMOノート」の記事ページデザイン

リニューアル後の更新体制

サービス追加や採用情報の差し替えは、公開後に必ず発生します。
都度の見積もりが負担になる場合は、月額で気軽に依頼できるプランもご用意しています。制作した本人がそのまま更新を担当するため、細部の意図を保ったまま手を入れられます。

詳細は下記の[webサイト 修正・更新]をご覧ください。

SERVICEWebサイトの定額更新・保守管理プランテキスト修正や画像差し替えから、レイアウト変更やフォーム修正まで。都度見積もりなしで、月額9,000円から気軽にご依頼いただけます。詳しく見る

新規制作もリニューアルも、部分的な改修だけでも対応します。
「どこから手をつけるべきか」の段階からご相談いただけます。

お気軽にご相談ください

お見積もりのみのご依頼も承ります。