Studioで作られたサイト事例30選を目的・業種・テイスト別に厳選紹介【弊社制作実績つき】

Studioで作られたサイト事例を30件厳選しました。

はじめに評価基準の例として、GAMADAS制作事例も1件掲載します（※30件とは別枠です）。

以降の事例も「何を伝えているか（訴求）」「次の行動への導線」「信頼情報」の3点で短く解説しているので、自社に近い目的の事例からすぐ比較できます。

GAMADAS制作事例

以下は弊社がStudioで制作したサイト事例です。

以降の事例も同じ観点（訴求・導線・信頼）で短評し、比較できるように整理しています。

サイト名：CFサービス（ケンブリッジフィルターサービス株式会社）

• 目的タグ：#問い合わせ

• 業種タグ：BtoB／空調・設備メンテナンス

• テイストタグ：ミニマル/信頼

• 見どころ：コントラストを最適化し、画像ルールと余白設計で情報が読み取りやすい（信頼）。

• 参考にするならここ：製品詳細ページの「資料ダウンロード」導線 

• URL：https://cfservice.co.jp

上記サイト制作について、詳細を下記にまとめてありますので興味のある方はぜひご覧ください。

https://gamadas.jp/cases/cfservice

目的別　Studioで作れるサイト事例（12件）

目的別に、Studioで作られたサイト事例を整理しました。

各事例は「訴求・導線・信頼」の観点で短評しているため、自社の目的に近いものから比較できます。

問い合わせ　(4件)

導線（CTA・フォーム）と信頼情報（実績・FAQなど）が揃い、問い合わせまで迷いにくい事例を4件厳選しました。

サイト名：あさひほうむ（株式会社あさひほうむ）

• 目的タグ：#問い合わせ

• 業種タグ：建築／注文住宅・リノベーション（工務店）

• テイストタグ：ミニマル/信頼

• 見どころ：メニューと施工事例を整理し、見学予約・資料請求へ迷わず誘導（導線）。

• 参考にするならここ：右下の固定CTA（モデルルーム見学予約／無料カタログ請求）

• URL：https://asahihome.jp

サイト名：上原公認会計士事務所

• 目的タグ：#問い合わせ

• 業種タグ：士業／税理士・会計（起業支援・税務顧問）

• テイストタグ：ミニマル/信頼

• 見どころ：組織体制とスタッフ写真で信頼を先に提示し、相談・問い合わせへつなげる（信頼）。

• 参考にするならここ：ヘッダー右上の「お問い合わせ」固定導線

• URL：https://www.uehara-kaikei.jp

サイト名：防災井戸屋

• 目的タグ：#問い合わせ

• 業種タグ：防災／井戸（災害時協力井戸の施工・整備）

• テイストタグ：世界観/ストーリー（手描きイラスト）

• 見どころ：手描きFVで価値訴求を明確化し、施工事例→問い合わせ導線が迷いにくい（導線）。

• 参考にするならここ：「井戸MAP」導線で“自分ごと化”させる設計

• URL：https://www.bousaiidoya.com

サイト名：Mebuki Studio

• 目的タグ：#問い合わせ

• 業種タグ：制作／Web制作・デザイン（名古屋・大府）

• テイストタグ：ミニマル/信頼

• 見どころ：対応範囲と料金を明示し、相談まで迷わない導線を作る（導線）。

• 参考にするならここ：料金メニューで「何がいくら」を先に出す構成

• URL：https://mebuki-studio.jp

採用　(3件)

会社理解から募集要項、応募までの流れが整理され、応募判断がしやすい採用サイト事例を3件厳選しました。

サイト名：Studio株式会社 採用情報

• 目的タグ：#採用

• 業種タグ：IT／SaaS（ノーコードWeb制作プラットフォーム）

• テイストタグ：ミニマル/信頼

• 見どころ：ミッションと社員インタビューで訴求し、選考フロー→応募が明快（導線）。

• 参考にするならここ：ヘッダーの「カジュアル面談／募集要項・エントリー」

• URL：https://studio.inc/career

サイト名：DATUM STUDIO｜中途採用サイト

• 目的タグ：#採用

• 業種タグ：データ活用/DX支援（データエンジニアリング・データサイエンス）

• テイストタグ：エディトリアル/読み物系

• 見どころ：Philosophy〜仕事〜環境を整理し、Magazineで信頼を積み上げる（信頼）。

• 参考にするならここ：グロナビ＋「Entry」ボタン固定（導線が迷わない）

• URL：https://career.datumstudio.jp

サイト名：東急株式会社 新卒採用サイト

• 目的タグ：#採用

• 業種タグ：インフラ／鉄道・不動産・生活サービス（まちづくり）

• テイストタグ：エディトリアル/読み物系

• 見どころ：多事業の全体像を訴求し、採用コース→募集要項へ迷わず進める（導線）。 

• 参考にするならここ：コンテンツ内の「MYPAGE / ENTRY」導線の置き方

• URL：https://www.tokyu-recruit.jp

LP　(3件)

訴求から信頼づけ、CTAまでの流れが明快で、行動（申込・購入）につながりやすいLP事例を3件厳選しました。

サイト名：Chromateach（クロマティーチ）

• 目的タグ：#LP

• 業種タグ：製造業／画像認識・FA（産業向け新技術）

• テイストタグ：ミニマル/信頼

• 見どころ：価値訴求→特許/PoC提示で信頼を固め、問い合わせへ誘導（信頼）。

• 参考にするならここ：「特許取得済み・PoC対応」直後にCTAを置く順番

• URL：https://nisshodenkiseigyo.com/chromateach

サイト名：コーヒーシティフェスティバル2025

• 目的タグ：#LP

• 業種タグ：イベント／フェス（コーヒー）

• テイストタグ：世界観/ストーリー

• 見どころ：日程・会場・チケットを先に提示し、購入導線が迷いにくい（導線）。

• 参考にするならここ：FV付近にチケット導線（外部販売）を固定的に置く

• URL：https://coffee-city-fes.com

サイト名：DARK SKY MONGOLIA

• 目的タグ：#LP

• 業種タグ：旅行／オーダーメイドツアー（モンゴル）

• テイストタグ：体験/ストーリー

• 見どころ：旅の魅力を訴求し、無料相談フォームへ直結させる設計が強い（導線）。

• 参考にするならここ：「無料相談フォーム」を主導線に据える置き方

• URL：https://www.darksky-tour.jp

ブランディング　(2件)

コンセプトの訴求と信頼の積み上げが両立しており、指名につながるブランディングサイト事例を2件厳選しました。

サイト名：未来構想型｜周年ブランディング（TDS）

• 目的タグ：#ブランド

• 業種タグ：BtoB／周年ブランディング支援

• テイストタグ：ミニマル/信頼

• 見どころ：「30年後の姿」を起点に訴求し、ワークショップ形式で信頼を補強（訴求）。

• 参考にするならここ：FVで“提供価値”を一文で言い切るコピー設計

• URL：https://anniversary-branding.tds-g.co.jp

サイト名：W/A コンテクストブランディングサービス

• 目的タグ：#ブランド

• 業種タグ：ブランディング支援／クリエイティブ・マーケティング

• テイストタグ：ミニマル/信頼

• 見どころ：「自社言語の構造化」を軸に支援内容を明文化し、信頼を積む設計（信頼）。

• 参考にするならここ：「自社言語→コンセプト→一貫性」の3点で整理する見せ方

• URL：https://wa-concept.jp

業種別　Studioで作れるサイト事例（9件）

業種別に、Studioで作られたサイト事例を整理しました。

自社に近い業種から見ることで、必要な情報（実績・料金・予約導線など）の見せ方が掴みやすくなります。

BtoB（3件）

事業内容・実績・導入フローなどの信頼情報が整理され、相談につなげやすいBtoBサイト事例を3件厳選しました。

サイト名：株式会社野村電線

• 目的タグ：#問い合わせ

• 業種タグ：BtoB／電線・ケーブル・電子部品（専門商社）

• テイストタグ：ミニマル/信頼

• 見どころ：創業・取扱領域を先に示し、安心して相談できる設計（信頼）。

• 参考にするならここ：会社案内で「沿革→事業→拠点」を整理する順番

• URL：https://www.nd-j.co.jp

サイト名：SpiralAI株式会社

• 目的タグ：#問い合わせ

• 業種タグ：BtoB／AI・LLM（感情特化型LLM「Geppetto」） 

• テイストタグ：ミニマル/信頼

• 見どころ：プロダクト訴求を明確化し、会社情報で信頼を補強（信頼）。

• 参考にするならここ：「事業内容」ページで価値を1段落で言い切る

• URL：https://go-spiral.ai

サイト名：SHIRO DESIGN

• 目的タグ：#問い合わせ

• 業種タグ：BtoB／ブランディング・Web・グラフィック・映像制作

• テイストタグ：ミニマル/信頼

• 見どころ：戦略→制作領域を整理し、相談時に比較しやすい信頼設計（信頼）。

• 参考にするならここ：Servicesで対応範囲を“成果起点”で並べる見せ方

• URL：https://shirodesign.jp

店舗・地域（2件）

来店・予約・問い合わせの導線がシンプルで、スマホでも迷いにくい店舗・地域ビジネスの事例を2件厳選しました。

サイト名：笑顔が続く美容室 らふる／らふる 其の二

• 目的タグ：#問い合わせ

• 業種タグ：店舗／美容室

• テイストタグ：エディトリアル/記事読み物系

• 見どころ：Web予約を前面に出し、来店まで迷わない導線が強い（導線）。

• 参考にするならここ：「Webでのご予約」への入口の作り方

• URL：https://laughful-hair.com

サイト名：マルヨシ自動車株式会社

• 目的タグ：#問い合わせ

• 業種タグ：店舗／自動車整備・点検（地域密着）

• テイストタグ：ミニマル/信頼

• 見どころ：「安心・信頼」を言語化し、相談しやすい印象を作る（信頼）。

• 参考にするならここ：トップで“強み（まごころ/技術）”を一文で伝える 

• URL：https://maruyoshi-car.com

教育・スクール（2件）

コースや対象者の整理が分かりやすく、体験・相談へスムーズにつながる教育・スクール系の事例を2件厳選しました。

サイト名：個別指導塾のsolve 新宿店

• 目的タグ：#問い合わせ

• 業種タグ：教育／個別指導塾（1対1・プロ講師）

• テイストタグ：ミニマル/信頼

• 見どころ：対象学年・領域を整理し、指導の信頼が伝わる構成（信頼）。

• 参考にするならここ：「対応範囲（受験/不登校等）」の見せ方

• URL：https://turquoise217719.studio.site

サイト名：ビジネス基礎力アップシリーズ（株式会社ウイネット）

• 目的タグ：#問い合わせ

• 業種タグ：教育／教材（専門学生向け指導教材）

• テイストタグ：ミニマル/信頼

• 見どころ：教材の効果を要点で示し、選定の判断材料が揃う（訴求）。

• 参考にするならここ：「学べる力（作文/会話/プレゼン）」の整理

• URL：https://www.kisoryoku-up.wenet-text.jp

クリエイター/ポートフォリオ（2件）

実績の見せ方とプロフィール設計で信頼を作り、依頼につなげやすいポートフォリオ事例を2件厳選しました。

サイト名：Kanmi（心地よい伝え方を提案するクリエイティブパートナー）

• 目的タグ：#問い合わせ

• 業種タグ：クリエイター／Webデザイン・サイト制作

• テイストタグ：ミニマル/信頼

• 見どころ：実績とサービスを簡潔に見せ、最短導線で問い合わせへ誘導（導線）。

• 参考にするならここ：WORKS（実績）→CONTACTの最短導線

• URL：https://kanmi-design.studio.site

サイト名：asa no design（ポートフォリオ）

• 目的タグ：#問い合わせ

• 業種タグ：クリエイター／フリーランスWebデザイナー・SNSマーケ

• テイストタグ：ミニマル/信頼

• 見どころ：1ページで実績・自己紹介を提示し、フォームで即相談へつなげる（導線）。

• 参考にするならここ：ページ下部の問い合わせフォーム配置

• URL：https://asanodesign.studio.site

テイスト別　Studioで作れるサイト事例（9件）

見た目の好みから探したい方向けに、テイスト別に事例を整理しました。

各事例は「訴求・導線・信頼」のどこが強いかも短評しています。

ミニマル/信頼系（2件）

情報を整理して見せることで、安心感と読みやすさを両立しているミニマル/信頼系の事例を2件厳選しました。

サイト名：塚地建築

• 目的タグ：#問い合わせ

• 業種タグ：建築／工務店（新築・リフォーム・店舗改修）

• テイストタグ：ミニマル/信頼

• 見どころ：理念→施工事例で信頼を固め、相談まで迷わず誘導（信頼）。

• 参考にするならここ：施工事例（WORKS）を軸に情報を整理する見せ方

• URL：https://tsukaji-kenchiku.com

サイト名：一般社団法人ASUWA

• 目的タグ：#ブランド

• 業種タグ：団体／スポーツ×社会活動

• テイストタグ：ミニマル/信頼

• 見どころ：活動の目的を端的に示し、活動情報で信頼を積み上げる（信頼）。

• 参考にするならここ：「協賛（賛助会員）募集」の提示方法

• URL：https://asuwa.or.jp

世界観/ストーリー系（3件）

コンセプトや物語で惹きつけ、共感から選ばれる見せ方が参考になる世界観/ストーリー系の事例を3件厳選しました。

サイト名：鬼八りんご園

• 目的タグ：#ブランド

• 業種タグ：農園／食品（りんご）

• テイストタグ：世界観/ストーリー

• 見どころ：強いコピーで価値観を提示し、物語で共感を生む訴求が強い（訴求）。

• 参考にするならここ：FVで“何を届けるか”を一文で言い切るコピー

• URL：https://onihachi-ringo.com

サイト名：KOGEI COMMONS

• 目的タグ：#ブランド

• 業種タグ：プロジェクト／工芸・オープンファクトリー

• テイストタグ：世界観/ストーリー

• 見どころ：産地の熱量を伝え、参加団体一覧で魅力を一望できる（訴求）。

• 参考にするならここ：出展・参加団体（Lineup）で価値を束ねる見せ方

• URL：https://kogeicommons.jp

サイト名：IMA株式会社（IMA Inc.）

• 目的タグ：#ブランド

• 業種タグ：事業開発／伴走プログラム

• テイストタグ：世界観/ストーリー

• 見どころ：ミッションと言葉で世界観を定義し、支援内容の理解を促す（訴求）。

• 参考にするならここ：タグライン（短い言葉）で世界観を固定する方法

• URL：https://ima-inc.world

体験/動き重視系（2件）

体験価値を視覚的に伝え、比較・検討から次の行動へつなげやすい体験/動き重視系の事例を2件厳選しました。

サイト名：WALTERS TRAILER HOUSE

• 目的タグ：#LP

• 業種タグ：住まい／トレーラーハウス（製造・販売）

• テイストタグ：体験/動き重視

• 見どころ：「最安値」訴求→用途→事例→FAQで不安を潰し、相談へ誘導（導線）。

• 参考にするならここ：訴求→根拠（事例/FAQ）の順で組む構成

• URL：https://walters-trailer.studio.site

サイト名：泊まれる音楽室

• 目的タグ：#問い合わせ

• 業種タグ：宿泊／ゲストハウス（音楽体験）

• テイストタグ：体験/動き重視

• 見どころ：音楽体験を先に描き、設備・アクセスまで迷わず辿れる（導線）。

• 参考にするならここ：「お部屋＆設備」で利用イメージを具体化する

• URL：https://tomareru-ongakushitsu.net

エディトリアル/読み物系（2件）

文章や発信を軸に理解と信頼を積み上げ、回遊しながら納得できるエディトリアル/読み物系の事例を2件厳選しました。

サイト名：沐読｜mokudoku

• 目的タグ：#ブランド

• 業種タグ：店舗／読書室（空間）

• テイストタグ：エディトリアル/読み物系

• 見どころ：短い文章で空間価値を伝え、営業日・予約情報へ自然に誘導（導線）。

• 参考にするならここ：「お知らせ」で運用前提の更新導線を作る

• URL：https://mokudoku.net

サイト名：ビジネスラップ produced by ロックオン柳田

• 目的タグ：#問い合わせ

• 業種タグ：BtoB／PR・コンテンツ制作（ラップ）

• テイストタグ：エディトリアル/読み物系

• 見どころ：用途を具体例で示し、TOPICSで実績を積んで相談につなぐ（信頼）。

• 参考にするならここ：「TOPICS（実績/活動）」で信頼を積み上げる設計

• URL：https://bizrap.jp

最後に

本記事の事例は、見た目の好みではなく「訴求・導線・信頼」の観点で比較できるように整理しました。気になる事例をそのまま真似るのではなく、自社の目的に合わせて“翻訳”することで、再現性が上がります。

事例を自社に落とす最短手順

① 目的に近い事例を3つ選ぶ

まずは「問い合わせ／採用／ブランド／LP」など、自社の目的に近い事例を3つだけ保存します（候補を増やしすぎないのがコツです）。

② 訴求・導線・信頼で差分をメモする

3つの事例を見比べて、

• 訴求：誰に何を一言で伝えているか

• 導線：最初のCTAは何か／どこにあるか

• 信頼：実績・数字・FAQなどがどこにあるか
  をメモします。

③ まずはFVとCTAだけ真似して作る

最初から全体を作り込まず、まずは

• FVの情報の順番（誰向け→何→根拠→CTA）

• 主要CTAの配置（1つに絞る）
  だけを自社に合わせて作り、反応を見て他の要素を足します。

※FV（ファーストビュー）は、ページを開いたとき最初に見える範囲です。CTAは「お問い合わせ」「予約」など、次の行動を促すボタンやリンクを指します。