日本葉緑素
公式サイトからの引用
“食彩研究カンパニーとして 食品の開発をお客様が納得いくまで とことんお付き合いします”
主なサービス・特徴
- 天然由来の着色料
- カテキンなど食品素材
- 化粧品向け原料
- OEM・受託開発
所在地：本社・熊谷工場／埼玉県熊谷市八ツ口558番地
専門用語をいきなり並べるのではなく、「色が決まらない」という顧客の困りごとから入っているのが非常に親切。熊谷本社工場の確かな技術力が自然と伝わってくる。
デザインの印象
- 「色が決まらない」「原料が分からない」という開発現場の切実な悩みを冒頭で提示し、天然着色料のプロフェッショナルとしての解決力を端的に伝えたBtoB提案型デザイン。
導線・情報設計
- 強み・製品一覧・開発事例・OEM・企業情報・FAQとBtoB検討フローに最適化されたグローバルナビゲーション。
スマホ表示
- 課題提示から製品カテゴリ、資料請求ボタンへとスムーズに視線が誘導され、移動中の情報収集にも適したレイアウト。
参考になるポイント
- 食品メーカーの開発担当者が抱える具体的な課題をファーストビューで提示する課題解決型構成
- 天然着色料の豊富なバリエーションと、熊谷本社工場を中心とした安全な製造体制
- サンプル請求や共同開発（OEM）へのスムーズな問い合わせ導線
地元事業者が参考にしやすい点
- 原料や中間財を扱うBtoB企業は、スペック一覧の前に「どんな悩みを解決できるか」を端的に示すことで、専門外の担当者からも確度の高い相談を引き出せる。
表示速度（PageSpeed Insights）
Google の無料ツール PageSpeed Insights による計測結果です。通信状況などで変わる参考値であり、当サイトが品質を保証するものではありません。INP は実際の利用データがまだ少ないため「データ蓄積中」と表示しています。
計測日: 2026-10-15
表示速度
PC
45
表示速度の主な指標
LCP メインの内容が表示されるまで 3.98s 改善の余地
LCP メインの内容が表示されるまで
【何が問題？】
- 一度読み込んだファイルの保存期間の短さ
- 最初のページデータの到着待ち時間
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 写真データの容量過多による通信の遅れ
【どうすれば良くなる？】
- 再訪問時に素早く表示するための保存期間の延長
- サーバー処理の高速化と不要な中継の削減
- デザイン取得中の標準文字による即時表示
- 画像の軽量化（軽い形式への変更・圧縮）
INP クリックした時の反応の速さ データ蓄積中
INP クリックした時の反応の速さ
【何が問題？】
- 訪問者による操作データの不足
【どうすれば良くなる？】
- アクセス数の蓄積による自動表示待ち
CLS 表示中の画面のズレ 1.030 要改善
CLS 表示中の画面のズレ
【何が問題？】
- 画像や広告の読み込みによる突然の画面ズレ
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 画像の幅と高さの未指定による画面のズレ
- 読み込み途中の大きな画面配置のズレ
【どうすれば良くなる？】
- 表示枠の事前確保による位置ズレの防止
- デザイン取得中の標準文字による即時表示
- 画像サイズ指定による表示位置の事前固定
- 表示枠の事前確保による画面揺れの抑制
TBT 操作できない時間 0ms 良好
TBT 操作できない時間
【何が問題？】
- 画面の配置計算の頻発による端末への負荷
- 複数のファイル読み込みの数珠つなぎによる遅れ
- 画面表示を待たせる重いファイルの存在
- 使われていない機能やプログラムの読み込み
【どうすれば良くなる？】
- 画面の組み立て手順の最適化による表示の円滑化
- 必要なファイルの同時読み込みと依存関係の整理
- 不要な読み込みの後回しによる画面表示の優先
- 不要な仕組みの整理によるページの軽量化
計測日: 2026-10-15
モバイル
35
表示速度の主な指標
LCP メインの内容が表示されるまで 22.05s 要改善
LCP メインの内容が表示されるまで
【何が問題？】
- 一度読み込んだファイルの保存期間の短さ
- 最初のページデータの到着待ち時間
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 写真データの容量過多による通信の遅れ
【どうすれば良くなる？】
- 再訪問時に素早く表示するための保存期間の延長
- サーバー処理の高速化と不要な中継の削減
- デザイン取得中の標準文字による即時表示
- 画像の軽量化（軽い形式への変更・圧縮）
INP クリックした時の反応の速さ データ蓄積中
INP クリックした時の反応の速さ
【何が問題？】
- 訪問者による操作データの不足
【どうすれば良くなる？】
- アクセス数の蓄積による自動表示待ち
CLS 表示中の画面のズレ 0.589 要改善
CLS 表示中の画面のズレ
【何が問題？】
- 画像や広告の読み込みによる突然の画面ズレ
- 文字のデザイン（フォント）の取得待ちによる表示の遅れ
- 画像の幅と高さの未指定による画面のズレ
- 読み込み途中の大きな画面配置のズレ
【どうすれば良くなる？】
- 表示枠の事前確保による位置ズレの防止
- デザイン取得中の標準文字による即時表示
- 画像サイズ指定による表示位置の事前固定
- 表示枠の事前確保による画面揺れの抑制
TBT 操作できない時間 0ms 良好
TBT 操作できない時間
【何が問題？】
- 画面の配置計算の頻発による端末への負荷
- 複数のファイル読み込みの数珠つなぎによる遅れ
- 画面表示を待たせる重いファイルの存在
- 使われていない機能やプログラムの読み込み
【どうすれば良くなる？】
- 画面の組み立て手順の最適化による表示の円滑化
- 必要なファイルの同時読み込みと依存関係の整理
- 不要な読み込みの後回しによる画面表示の優先
- 不要な仕組みの整理によるページの軽量化
計測日: 2026-10-15
アクセシビリティ
PC
77
計測日: 2026-10-15
モバイル
77
計測日: 2026-10-15
改善ポイント（アクセシビリティ）
【何が問題？】
- 文字と背景の色の差の弱さによる読みづらさ
- 写真や画像に対する説明（代替テキスト）の未設定
- 行き先が分からないリンクの存在
- 箇条書きの構造設定の不備
【どうすれば良くなる？】
- 文字色を濃くするなど読みやすい配色への変更
- 写真の内容を伝える分かりやすい説明文の追加
- リンクへの具体的な説明文の付与
- 正しい箇条書き設定による読み上げ順序の整備
おすすめの方法
PC
96
計測日: 2026-10-15
モバイル
96
計測日: 2026-10-15
改善ポイント（おすすめの方法）
【何が問題？】
- 裏側で起きている軽微な警告やエラー
【どうすれば良くなる？】
- 細かなエラーの解消による動作の安定化
SEO
PC
92
計測日: 2026-10-15
モバイル
92
計測日: 2026-10-15
改善ポイント（SEO）
【何が問題？】
- 写真や画像に対する説明（代替テキスト）の未設定
【どうすれば良くなる？】
- 写真の内容を伝える分かりやすい説明文の追加
