ホームページをリニューアルしました|触れて、確かめられるサイトへ
株式会社kiseeeenのホームページ(kiseeeen.co.jp)をリニューアルしました。
大切にしたのは、「何をしている会社か」がひと目で伝わることと、見て・触って確かめられることの2つです。この記事では、新しいサイトの見どころを画像でご紹介します。

見どころ1:まずは「FIG 01」をなぞってみてください
トップページ右側のパネルは、すりガラスの向こうに実際の事例の数字が隠れています。カーソルでなぞった所だけピントが合い、「3時間30分→15分」といった数字が読めるようになります。
「ぼやけた業務を、見える化する」という私たちの仕事を、そのまま形にした表現です。

見どころ2:お困りごとの言葉から、サービスを選べる
サービス名から探すのではなく、「時間のムダを、見つけたい」「IT担当の代わりがほしい」といった、お困りごとの言葉から入れるようにしました。どこからでも、ひとつだけでもご相談いただけます。

| こんなお困りごとに | 対応するサービス |
|---|---|
| 時間のムダを、見つけたい | 業務の見える化 |
| 何から始めるか、決めたい | AI活用の計画づくり |
| 社員が、AIを使えるようにしたい | AI研修 |
| 手作業を、仕組みに変えたい | 開発・自動化 |
| ホームページを、作り直したい | Web制作 |
| IT担当の代わりがほしい | 情シス代行 |
| 導入や投資の判断に、助言がほしい | IT顧問(社外CTO) |
見どころ3:散らばった悩みが、スクロールで整う
「こんなこと、ありませんか。」のセクションでは、バラバラに貼られたカードが、スクロールに合わせてきれいに整列します。散らかった状態が整理されていく様子を、動きで表しました。

見どころ4:事例は「数字の出所と条件」まで
事例は専用のページにまとめました。数値は事例資料に記載のあるものだけを、その条件とあわせて載せています。

| 対象 | 内容 | サービス |
|---|---|---|
| クリエイティブ制作会社 | 研修1回から、社内でAIを使った業務の自動化が広がった | AI研修 |
| 法律事務所 | 開設3か月で、ChatGPTの回答で1番目に紹介された | Web制作 |
| ラベル印刷業務 | 毎日3時間30分の作業が15分に。年約780時間を削減 | 開発・自動化 |
| 受注処理の定型業務 | 確認だけ人が行う、2段階の自動化 | 開発・自動化 |
| 製造業 | 社内のITを、社外情シスとしてまるごと支える | 情シス代行 |
見どころ5:進め方は「AIにすべてを任せない」
「進め方」のページでは、仕事を「繰り返す仕事か」「ルールで決まる仕事か」の2つの軸で4つに分ける考え方を、図にしています。バブルにカーソルを当てる(スマートフォンではタップする)と、具体的な業務の例が表示されます。

| 領域 | 仕事の性質 | 任せ先 |
|---|---|---|
| A | ルールが決まった繰り返し作業 | プログラムで自動化 |
| B | 定型の流れに沿いつつ、文章に揺らぎが出る仕事 | AIが下書きし、人が確認 |
| C | 突発的で、決まった形がない仕事 | 人が対応 |
| D | 件数は少ないが、経営の質を決める仕事 | AIが考えるための下準備を担当 |
「単純作業こそAIに」と思われがちですが、正確さが要る作業はプログラムの方が確実です。そのほか、「小さく始めて、確かめてから広げる」進め方も紹介しています。
見どころ6:このサイト自体が「ラボ」の作品です

サイトの動きや表現は、自社の技術で作っています。「ラボ」のページでは、その技術を「業務とプログラム」「Webサイトの表現」「AI」の3つの柱で公開しています。

| 柱 | 見られるもの |
|---|---|
| 業務とプログラム | 無料ツール、プログラムの技術デモ、自社で開発したソフトウェア、解説記事 |
| Webサイトの表現 | SVGによる表現、動き、文字、質感、UIの部品、ヒーローの演出などの見本帳 |
| AI | 自社で動かしているAIエージェントの構成図、専門ソフトをAIに操作させるMCP連携の動画 |
「なぜ今、AIなのか」も、根拠とあわせて
トップページでは、AI活用の現状を3つの数字で紹介しています。いずれも出典を明記しており、サイト上のリンクから元の資料を確認できます。

ぜひ、実際に触ってみてください
画像では伝えきれない動きや仕掛けを、サイトの各所に用意しています。業務のお悩みがあれば、初回のご相談は無料です。導入の相談だけでも構いません。

