メインコンテンツへ
Onbit
Onbit

samples

サンプル一覧

LP・HP に加え、予約機能つきサイトと CMS(更新できるサイト)のサンプルも並べました。種別と業種で絞り込めます。

type

種別で絞り込み

filter

業種で絞り込み

sort

並び順

★ pickup

特に気に入っているもの

6 samples

194 件の中から、配色・余白・タイポグラフィのバランスがうまくいったと思うものを並べました。最初に雰囲気を掴みたいときはこちらから。

★ ピックアップ
ひだまりキッズルーム — 病児保育室の、あたたかい手描き調 HP のサムネイル
クリニック · あめ色・紙の質感・丸ゴシック・やさしい 2026-08-22

ひだまりキッズルーム — 病児保育室の、あたたかい手描き調 HP

クリニック併設の病児保育室を想定した HP。あめ色の紙の質感に手描きのふうせん・おひさま・ことりを浮かべ、真上から見た間取り図で「どの部屋に預けられるか」を一目で伝えます。

Hero(ふうせん・おひさま・ことりが浮遊)どんなときに使えるか(丸バブル 4 つ)6 つの特長真上から見た間取り図(SVG)
詳しく見る → デモを開く ↗
★ ピックアップ
ソラ・キッズ — インターナショナルプリスクールの、動きで見せる HP のサムネイル
教室 · スカイブルー・クリーム・丸ゴシック・にぎやか 2026-08-21

ソラ・キッズ — インターナショナルプリスクールの、動きで見せる HP

0 歳から通えるプリスクールの HP。ブロブ型に切り抜いた写真、手描きの落書き、流れる園名テロップなど、動きを多めに入れて「楽しそう」を最初の 3 秒で伝える構成です。

Hero(ブロブ写真 3 点 + 回る地球 + 落書きが浮遊)園名の流れるテロップお知らせ 4 件(NEW バッジ)About(吹き出し型写真 + 円弧テキスト + 数字カウントアップ)
詳しく見る → デモを開く ↗
★ ピックアップ
アトリエ・キッズ — 子ども向けアートスクールの明るいオレンジ のサムネイル
教室 · 鮮やかオレンジ・丸ゴシック・あたたかい 2026-05-05

アトリエ・キッズ — 子ども向けアートスクールの明るいオレンジ

こどもの「やってみたい」を主役に置いたアート教室の HP。鮮やかなオレンジ + 丸みのあるゴシックで、コース・講師・提携先までを 1 本に通した構成です。

Hero(子どもが描く写真 + 無料体験バッジ)4 つのアトリエの特長年齢別 4 コース講師 3 名(円形ポートレート)
詳しく見る → デモを開く ↗
★ ピックアップ
みらいのまちフェスティバル — 地域お祭りのポップ のサムネイル
イベント · クリーム × オレンジ × ライトブルー・丸ゴシック・親子向け 2026-05-05

みらいのまちフェスティバル — 地域お祭りのポップ

地域のお祭りを想定した HP サンプル。クリーム × オレンジ × ライトブルーのポップなトーンで、見どころ・ステージスケジュール・アクセス・FAQ を一気通貫で見せる構成です。

Hero(青空 + バナー + 開催日)見どころ 5 つ(アイコン + 一行説明)ステージスケジュール + アクセスマップFAQ + 来場予約
詳しく見る → デモを開く ↗
★ ピックアップ
foglia — 料理教室のあたたかなセリフ書体 のサムネイル
講座 · クリーム × オリーブ・セリフ見出し・写真主役 2026-05-05

foglia — 料理教室のあたたかなセリフ書体

クリーム × オリーブを基調にした料理教室の HP サンプル。今月のスケジュール・人気のコース・受講生の声・ギャラリーを 1 ページに通した構成です。

ヒーロー(キービジュアル + 2 つの CTA)今月のレッスンスケジュール 4 件人気のコース 3 件受講生の声 3 件
詳しく見る → デモを開く ↗

about samples

サンプルについて

ここで紹介しているのは、実際の案件ではなく Onbit が用意した参考デモです。
構成や雰囲気をベースにしながら、お客さまごとに文章・写真・色味を作り直してお渡しします。

let's talk

気軽に、お話を聞かせてください

30 分の無料相談です。教室・宿・治療院・小さな店、どんな業種でもまずは聞かせてください。「まだぼんやりしていて」も大丈夫。合わなければ、そっと離れていただいて構いません。

相談してみる 30分・無料
LINEで送る メールで送る