WORKS

制作事例

町工場から、温泉旅館、保育園、SaaSのLPまで。特に印象に残っている25件を載せました。気になる事例は、押すとくわしく開きます。

気になる事例は、
押すと開くよ!

CASE STUDIES

業種も、規模も、
目的もいろいろ。

予算も目的もそれぞれ違いますが、どの事例にも共通しているのは「ブランドの空気を、ちゃんとWebに翻訳する」ということ。1ページのLPから、195ページのコーポレートサイトまで、同じ気持ちで作っています。

制作期間

3週間〜5ヶ月

ページ数や内容で変わります

業種

13ジャンル

製造業・医療・士業など

最大のサイト

195ページ

エレマテック

FIND YOUR CASE

気になる分野から、見てみる

業種・分野のボタンで絞り込めます。カードを押すと、担当した範囲・ポイントが開きます。

すべての事例 25件

  • 制作事例:株式会社明治機械製作所のホームページ(トップ画面)

    製造業公開2024

    株式会社明治機械製作所

    エアコンプレッサ・スプレーガン総合メーカーの信頼感を、青と赤で。

    42ページ制作 約4ヶ月

    くわしく見る:株式会社明治機械製作所
    業種
    産業機械
    公開時期
    2024年
    規模
    42ページ/制作期間 約4ヶ月

    担当範囲

    • 企画・設計
    • デザイン
    • コーディング
    • CMS構築
    • 多言語対応

    ここがポイント

    1. 70年以上の社歴を「太く落ち着いた青」と「アクセントの赤」で表現
    2. 製品カタログPDF・代理店一覧・お問い合わせを上部に集約
    3. グローバル展開を見据え、日英2言語の同時公開
  • 制作事例:三和パッキング工業株式会社のホームページ(トップ画面)

    製造業公開2024

    三和パッキング工業株式会社

    自動車部品のシーリング技術を、素材感のあるサイトで。

    28ページ制作 約3ヶ月

    くわしく見る:三和パッキング工業株式会社
    業種
    自動車部品(ガスケット)
    公開時期
    2024年
    規模
    28ページ/制作期間 約3ヶ月

    担当範囲

    • 企画・設計
    • ディレクション
    • デザイン
    • コーディング
    • 英語ページ

    ここがポイント

    1. ガスケットの「圧縮・封止」の技術力をマクロ写真で見せる
    2. BtoB訴求の硬さと、素材の温度感を両立
    3. 採用ページを別動線で強調
  • 制作事例:ロンシール工業株式会社のホームページ(トップ画面)

    製造業公開2023

    ロンシール工業株式会社

    床材・防水材メーカーのコーポレート。製品事例を主役に。

    86ページ制作 約5ヶ月

    くわしく見る:ロンシール工業株式会社
    業種
    建材(床材・防水材)
    公開時期
    2023年
    規模
    86ページ/制作期間 約5ヶ月

    担当範囲

    • 情報設計
    • デザイン
    • コーディング
    • CMS
    • 事例DB構築

    ここがポイント

    1. 物件ジャンル × 製品の二軸で検索できる事例DBを構築
    2. 建築家・施工会社の両方から探せる導線設計
    3. 製品画像を高解像度で見せる、グリッド主体のレイアウト
  • 制作事例:くまもとこどもクリニックのホームページ(トップ画面)

    医療公開2024

    くまもとこどもクリニック

    東京・神楽坂の小児科。こどもとお母さんに、まっすぐ届くデザイン。

    22ページ制作 約3ヶ月

    くわしく見る:くまもとこどもクリニック
    業種
    小児科・アレルギー科
    公開時期
    2024年
    規模
    22ページ/制作期間 約3ヶ月

    担当範囲

    • 企画
    • コピー
    • デザイン
    • イラスト
    • コーディング
    • WEB予約システム連携

    ここがポイント

    1. 「夜尿症(おねしょ)外来」など、悩みベースの導線を強調
    2. 優しい黄緑×レンガ色で、小児科らしい安心感
    3. 院長プロフィール・診療方針を、人柄が伝わる写真で
  • 制作事例:まえだ婦人科クリニックのホームページ(トップ画面)

    医療公開2024

    まえだ婦人科クリニック

    婦人科の繊細さを、柔らかい余白で。

    26ページ制作 約3ヶ月

    くわしく見る:まえだ婦人科クリニック
    業種
    婦人科
    公開時期
    2024年
    規模
    26ページ/制作期間 約3ヶ月

    担当範囲

    • 企画
    • デザイン
    • コーディング
    • お知らせ機能

    ここがポイント

    1. 検診・ウェルエイジング・腟のエイジングケアなど、年代ごとの悩みから探せる導線
    2. ピンクを使わず、やわらかいオレンジと黄色に、うさぎのイラストを添えて
    3. 休診や診療時間の変更を、トップですぐ見つけられるように
  • 制作事例:グランツクリニックのホームページ(トップ画面)

    医療公開2024

    グランツクリニック

    美容クリニックの上質感を、金線と黒で。

    38ページ制作 約3.5ヶ月

    くわしく見る:グランツクリニック
    業種
    美容皮膚科
    公開時期
    2024年
    規模
    38ページ/制作期間 約3.5ヶ月

    担当範囲

    • 企画
    • デザイン
    • コーディング
    • 症例写真DB

    ここがポイント

    1. 黒基調 × ゴールドラインで、ラグジュアリーな世界観
    2. 施術メニュー・症例・ドクター紹介を密度高く配置
    3. モバイルからの予約導線を、画面下に常時表示
  • 制作事例:ミア税理士事務所のホームページ(トップ画面)

    士業公開2024

    ミア税理士事務所

    若い経営者が安心して頼める税理士事務所サイトを。

    16ページ制作 約2ヶ月

    くわしく見る:ミア税理士事務所
    業種
    税理士
    公開時期
    2024年
    規模
    16ページ/制作期間 約2ヶ月

    担当範囲

    • 企画
    • コピー
    • デザイン
    • コーディング

    ここがポイント

    1. 「料金が見える」を最優先に、価格表をトップに掲載
    2. スタートアップ・個人事業主・法人で導線を3分岐
    3. チャットツール連携で、初回相談の心理的ハードルを下げる
  • 制作事例:YELLOW CAFE(カゴネット)のホームページ(トップ画面)

    飲食公開2024

    YELLOW CAFE(カゴネット)

    黄色とコーヒーの香りが、画面から立ちのぼるように。

    12ページ制作 約1.5ヶ月

    くわしく見る:YELLOW CAFE(カゴネット)
    業種
    カフェ
    公開時期
    2024年
    規模
    12ページ/制作期間 約1.5ヶ月

    担当範囲

    • 企画
    • コピー
    • デザイン
    • コーディング
    • メニュー写真撮影

    ここがポイント

    1. 黄色を主役に、文字組みで個性を出す
    2. メニュー・テイクアウト・店舗情報の3軸
    3. 営業日カレンダーを店主が自分で更新できるCMS
  • 制作事例:東海環境株式会社のホームページ(トップ画面)

    BtoB公開2024

    東海環境株式会社

    大阪・八尾の産業廃棄物処理を、明朗な料金と即応性で選ばれる存在に。

    6ページ制作 約1.5ヶ月

    くわしく見る:東海環境株式会社
    業種
    産業廃棄物処理・リサイクル
    公開時期
    2024年
    規模
    6ページ/制作期間 約1.5ヶ月

    担当範囲

    • LP企画
    • コピー
    • デザイン
    • コーディング
    • CTA設計

    ここがポイント

    1. 建設混合廃棄物の単価をファーストビューに掲示し、価格を起点にした訴求へ
    2. 電話・LINE・お問い合わせフォームの3経路を常時露出させ、離脱を最小化
    3. 産廃というBtoBサービスを、現代的な白×青の配色で清潔感ある印象に再構築
  • 制作事例:リロホテルソリューションズ 診断のホームページ(トップ画面)

    BtoB公開2024

    リロホテルソリューションズ 診断

    ホテル運営の課題を診断するLP。30秒の自動診断で問い合わせを獲得。

    1ページ制作 約1ヶ月

    くわしく見る:リロホテルソリューションズ 診断
    業種
    ホテル運営支援
    公開時期
    2024年
    規模
    1ページ/制作期間 約1ヶ月

    担当範囲

    • LP企画
    • コピー
    • デザイン
    • 診断ロジック設計

    ここがポイント

    1. 診断フローで離脱率を抑えながらリードを獲得
    2. BtoB向けの落ち着いた配色
    3. 結果ページから直接お問い合わせへ
  • BEGG & CO(パリゴ)

    EC・アパレル公開2023

    BEGG & CO(パリゴ)

    スコットランド老舗ストールのブランドページを、セレクト感そのままに。

    6ページ制作 約1.5ヶ月

    くわしく見る:BEGG & CO(パリゴ)
    業種
    アパレルEC
    公開時期
    2023年
    規模
    6ページ/制作期間 約1.5ヶ月

    担当範囲

    • ブランド構成
    • デザイン
    • コーディング
    • EC組み込み

    ここがポイント

    1. モノトーン × フルブリードのストール写真で、素材感を最大限に
    2. ブランドストーリーから商品ページへの自然な動線
    3. 既存ECシステムへの埋め込み実装
  • 制作事例:STELLA SEED(ステラシード)のホームページ(トップ画面)

    美容・コスメ公開2024

    STELLA SEED(ステラシード)

    コスメブランドの透明感を、淡い色面と余白で。

    22ページ制作 約2.5ヶ月

    くわしく見る:STELLA SEED(ステラシード)
    業種
    化粧品・ヘアケア
    公開時期
    2024年
    規模
    22ページ/制作期間 約2.5ヶ月

    担当範囲

    • 企画
    • アートディレクション
    • デザイン
    • コーディング
    • ブランド一覧設計

    ここがポイント

    1. 複数ブランドの世界観を、共通のフレームの中で個別に表現
    2. プロダクト写真は背景を抜き、淡いベージュで包む
    3. 採用情報・IR・ブランド一覧を、上品にまとめる情報設計
  • 制作事例:AutoHunt(AI採用プラットフォーム)のホームページ(トップ画面)

    SaaS・LP公開2024

    AutoHunt(AI採用プラットフォーム)

    転職潜在層と出会う、AI採用プラットフォームのサービスLP。

    1ページ制作 約1.5ヶ月

    くわしく見る:AutoHunt(AI採用プラットフォーム)
    業種
    HR Tech / 採用SaaS
    公開時期
    2024年
    規模
    1ページ/制作期間 約1.5ヶ月

    担当範囲

    • LP企画
    • コピー
    • デザイン
    • 実績ロゴ配置
    • CV導線設計

    ここがポイント

    1. ファーストビューで価値提案と業界アワード受賞実績を同時に訴求
    2. 導入企業ロゴ群と主要KPIの可視化で、第一印象の説得力を最大化
    3. 資料ダウンロードと問い合わせの2系統CTAで、検討段階別にリードを取り分け
  • 制作事例:IVRy コールセンターLPのホームページ(トップ画面)

    SaaS・LP公開2024

    IVRy コールセンターLP

    AI電話自動応答のSaaS、広告流入向けのLP。

    1ページ制作 約3週間

    くわしく見る:IVRy コールセンターLP
    業種
    SaaS(電話AI)
    公開時期
    2024年
    規模
    1ページ/制作期間 約3週間

    担当範囲

    • LP企画
    • コピー
    • デザイン
    • タグ設計

    ここがポイント

    1. 広告クリエイティブと一気通貫した構成
    2. 導入企業ロゴを敷き詰め信頼感を担保
    3. 無料トライアルへの最短導線
  • 東罐ロジテック株式会社

    製造業公開2023

    東罐ロジテック株式会社

    物流子会社のリブランディング。BtoBの安心感を、機能的な構成で。

    24ページ制作 約2.5ヶ月

    くわしく見る:東罐ロジテック株式会社
    業種
    物流・倉庫
    公開時期
    2023年
    規模
    24ページ/制作期間 約2.5ヶ月

    担当範囲

    • 情報設計
    • デザイン
    • コーディング
    • 採用LP

    ここがポイント

    1. 親会社の信頼性を引き継ぎつつ、独自色を持たせた配色
    2. 事業所一覧・取扱品目・採用情報の3軸でメニュー設計
    3. 社員インタビューで採用面の温度感を上げる
  • A.D.E.F(アーデフ)

    EC・アパレル公開2024

    A.D.E.F(アーデフ)

    ジュエリーブランドの静けさを、ミニマルな構成で。

    14ページ制作 約2ヶ月

    くわしく見る:A.D.E.F(アーデフ)
    業種
    ジュエリー
    公開時期
    2024年
    規模
    14ページ/制作期間 約2ヶ月

    担当範囲

    • 企画
    • アートディレクション
    • デザイン
    • コーディング

    ここがポイント

    1. 余白主体のミニマル設計
    2. プロダクト写真は1点ずつ大きく
    3. コレクションごとの世界観を守るレイアウト
  • 制作事例:星野リゾート 界 草津のサイト(トップ画面)

    宿泊・観光公開2025

    星野リゾート 界 草津

    草津の名所をイラストの輪にして、旅の予定が決まっていく特集ページに。

    2ページ制作 約2〜3ヶ月

    くわしく見る:星野リゾート 界 草津
    業種
    温泉旅館(特集ページ)
    公開時期
    2025年
    規模
    2ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 草津の名所や楽しみを、イラストの輪にして最初の画面に置いた
    2. 3つの質問に答えると、自分に合う2泊3日のコースが出てくる
    3. 湯めぐりや愛犬との旅など、コースの一覧からも選べる
  • 制作事例:エレマテック株式会社のサイト(トップ画面)

    BtoB公開2025

    エレマテック株式会社

    ふだん見えない部品を、暮らしの場面の写真で見せたコーポレートサイト。

    195ページ制作 約2〜3ヶ月

    くわしく見る:エレマテック株式会社
    業種
    電子部品の商社
    公開時期
    2025年
    規模
    195ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. スマホを持つ手や車のハンドルなど、部品が使われている場面を大きな写真で
    2. 株主・取引先・働きたい人など、読む人ごとに入口を分けた
    3. 日本語のほかに、英語と中国語でも読める
  • 制作事例:もぐし海のこども園のサイト(トップ画面)

    保育・教育公開2025

    もぐし海のこども園

    天草の港町の保育園。子どもたちの笑顔が主役のサイト。

    9ページ制作 約2〜3ヶ月

    くわしく見る:もぐし海のこども園
    業種
    保育園(こども園)
    公開時期
    2025年
    規模
    9ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. カメを抱えて笑う子どもたちの写真を、最初の画面いっぱいに
    2. メニューのひとつひとつに、イラストを添えた
    3. 「自然にタッチ」「牛深町のこと」のページで、園の外の暮らしも伝える
  • 制作事例:glamparkのサイト(トップ画面)

    宿泊・観光公開2025

    glampark

    はじめての人にも、過ごし方が思い浮かぶグランピングのサイト。

    13ページ制作 約2〜3ヶ月

    くわしく見る:glampark
    業種
    グランピング施設
    公開時期
    2025年
    規模
    13ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. テントの外観や中の様子、食事、愛犬との時間の写真を大きく切り替えて見せる
    2. 施設さがしと予約の入口を、右上に置いた
    3. 旅館やホテルに併設したドームテント、という形が一目で分かる
  • 制作事例:石井造園株式会社のサイト(トップ画面)

    建設・造園公開2025

    石井造園株式会社

    横浜の造園会社のサイト。イラストの木や人が、少しずつ増えていく。

    13ページ制作 約2〜3ヶ月

    くわしく見る:石井造園株式会社
    業種
    造園・土木
    公開時期
    2025年
    規模
    13ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 「まちのみどりをまもります」などの言葉に合わせて、イラストが育っていくトップ
    2. 個人のお庭から公共施設まで、事例をまとめて見られる
    3. B Corp の認証や、伐採した木を薪にする取り組みもページを分けて伝える
  • 制作事例:neuler pilatesのサイト(トップ画面)

    健康・フィットネス公開2025

    neuler pilates

    淡いオレンジとアーチ形の写真で、はじめての人も入りやすいスタジオのサイト。

    14ページ制作 約2〜3ヶ月

    くわしく見る:neuler pilates
    業種
    ピラティススタジオ
    公開時期
    2025年
    規模
    14ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 淡いオレンジの地に、アーチ形の写真を置いたやわらかい雰囲気
    2. 料金や体験レッスンの流れ、よくある質問を1ページにそろえた
    3. 体験レッスンの予約は、画面の右側からすぐにできる
  • 制作事例:SANU 2nd Homeのサイト(トップ画面)

    宿泊・観光公開2025

    SANU 2nd Home

    愛犬と暮らす人に向けた、シェア別荘のランディングページ。

    1ページ制作 約2〜3ヶ月

    くわしく見る:SANU 2nd Home
    業種
    シェア別荘
    公開時期
    2025年
    規模
    1ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 自然の中で犬と過ごす写真を大きく使い、深い森の色でまとめた
    2. ラインナップやオーナーの声を、順に読める並びにした
    3. 最後は、資料を見るボタンまで迷わずたどり着ける
  • 制作事例:有限会社 地域サービスイモネのサイト(トップ画面)

    医療公開2025

    有限会社 地域サービスイモネ

    働く人たちの写真で、想いを最初に伝える介護の会社のサイト。

    11ページ制作 約2〜3ヶ月

    くわしく見る:有限会社 地域サービスイモネ
    業種
    訪問看護・介護
    公開時期
    2025年
    規模
    11ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 現場で働く人たちの写真を、大きく切り替えて見せる
    2. 「自分たちが受けたいサービスを」という想いを、最初の画面に
    3. 事業所がいくつもあるので、メニューから各施設のページへ迷わず行ける
  • 制作事例:横田農場のサイト(トップ画面)

    農業・食品公開2025

    横田農場

    稲穂のイラストと子どもの写真で、お米づくりを楽しく伝える農場のサイト。

    9ページ制作 約2〜3ヶ月

    くわしく見る:横田農場
    業種
    お米の生産・直売
    公開時期
    2025年
    規模
    9ページ/制作期間 約2〜3ヶ月

    担当範囲

    • デザイン
    • コーディング

    ここがポイント

    1. 稲穂やトラクターのイラストで、明るくやさしい雰囲気に
    2. 「購入はこちら」を右上に置いた
    3. 田んぼの学校の案内や、日々の農場だよりもトップから読める
  • ほかにも
    あるよ!

    NOT LISTED HERE?

    ここにない事例も、
    お見せできます。

    業種や予算、目的が近い事例を、オンラインの打ち合わせでお見せします。「うちの業種だとどうなる?」だけのご相談でも大丈夫です。

    事例を見せてもらう

業種ごとに実際に作ったサイトのトップ画面が横に流れる帯

DESIGN SAMPLES

うちの業種だと、
どうなる?

温泉旅館や商社、保育園、ピラティススタジオなど、9つの業種で実際に作ったページを並べました。どう作ったかも、1件ずつ書いています。

無料で相談する 電話