小高憲之介商事

制作サンプル

ホームページの一例

業種や目的に合わせて、デザインの雰囲気は毎回変えています。気になるものがあれば、クリックすると簡単な概要を確認できます。

Live Core Web Vitals

LCP
計測中
待機
INP
操作で計測
待機
CLS
計測中
待機

いまこのページを開いている端末での実測です。ボタンを押すと INP が更新されます。

CASE STUDY

制作サンプルを、数字で見る

見た目だけでなく、表示速度・安定性・導線まで設計しています。数値はデモサイトの設計目標です。

EXTREME GYM 制作サンプル

フィットネス

EXTREME GYM

SNS流入の熱量を逃さない表示速度を、画像最適化とサーバー描画で設計。

画像転送量
0%減
LCP目標
0.0s
CLS目標
0.00
デモを見る
集客・採用サイト 制作サンプル

コンサルティング

集客・採用サイト

多ページ構成でも Core Web Vitals を崩さない情報設計と next/image。

問い合わせ導線
0箇所
LCP目標
0.0s
モバイル幅
0%対応
デモを見る
コーチング LP 制作サンプル

パーソナル

コーチング LP

1枚で世界観と予約まで完結。余白とタイポグラフィでブランドを立てる。

スクロール完了
0ページ
LCP目標
0.0s
CTA
0箇所
デモを見る
INTERACTIVE DEMO

触って、速さを体感する

スライダーで「改善前」と「改善後」を比較できます。右の数値は、いまこのページを開いているあなたの端末でのリアルタイム実測です。

改善前
改善後

スライダーを動かして、改善前と改善後を比較できます。

next/image・予約された余白・軽い JavaScript。クリックはすぐ反応します。

未計測

Realtime

このページの実測値

  • LCP
    表示の速さ
    計測中
    待機
  • INP
    操作の応答
    操作で計測
    待機
  • CLS
    レイアウトの安定
    計測中
    待機

Google が検索品質の指標にしている Core Web Vitals を、この場で計測しています。数値は端末や回線で変わります。