業種別 制作サンプル
胆振エリアの小規模事業者さま向けに、ホームページの見本を業種別に公開しています。
同じ業種のスポット(1ページ・5万円)とスタンダード(5ページ・初期8万+月8,800円)は並べて掲載していますので、プランごとの違いをそのまま見比べていただけます。
美容・サロン
SUMI/すみ(美容室)
1ページ版と同じ、室蘭・中央町の二席の美容室を5ページに広げた見本。長さごとに並べたヘアスタイル12点、店主と店での流れ、料金とはじめての方へ、店の場所とお知らせを、ページを分けてゆったり見せる構成です。
hair room 灯(美容室・ヘアサロン)
西胆振(伊達・室蘭・登別)の美容室を想定。「いつもの髪が、いちばん心地いい。」を軸に、白髪ぼかしを含むカラー見本、スタイルカタログ、店主のご挨拶、LINE予約導線を5ページで構成。年齢を問わず通いやすい、上質で明るい雰囲気の配色・フォントで統一。
灰白/かいはく(美容室)
室蘭の美容室を想定した、写真と余白で世界観を伝える1ページ。「髪がすこし軽くなると、日々も、すこし軽くなる。」を軸に、大判のスタイル写真、メニュー・料金、店主より、電話・LINE予約導線を構成。差し色を置かない静かな配色で、同じ美容室でも hair room 灯 とは対照的な見せ方です。
Bellezza(エステサロン)
西胆振(伊達・登別)のエステサロンを想定。痩身×小顔フェイシャルを軸に、メニュー・料金、こだわり・施術者紹介、お客様の声、電話・LINE・メール予約導線を5ページで構成。セージ緑×ブラスの落ち着いた配色で統一。
HANARE ESTHE(脱毛サロン)
室蘭市の女性専用・完全予約制の脱毛サロンを想定した1ページ。担当は毎回同じ1人・完全個室・都度払いを最初の画面で伝え、オーナー紹介・店の中・初めての日の流れ・料金・よくある質問・駐車場と入口の目印までを1枚にまとめた構成です。
からだ・健康
たかの整体院
伊達市の院長ひとりの整体院を想定。まずお話を伺うこと・やさしい手技・その日の分だけのお支払いを前に出しました。お悩みごとの見かた・先に病院へ行く目安・初めての日の流れ・料金・お客様の声とお知らせ・院長と院内まで、5ページで揃えたサンプルです。
ひなた整骨院
伊達市の院長ひとり・受付ひとりの小さな整骨院を想定。腰・膝・肩を急に痛めた時の相談先として、けが・痛みのご相談、健康保険・交通事故・労災の案内、院長と院内、初めての流れ・料金・地図まで、5ページで揃えたサンプルです。
ぽっけ歯科クリニック(歯科医院)
室蘭市の一般歯科医院を想定。「一生、自分の歯で。」を軸に、削る前に確かめる・治したあとも守っていく、という医院の姿勢を前に出しました。初診の流れと持ち物、費用の目安(保険外は値段と注意点をセットで)、院長あいさつまで、5ページで揃えたスタンダード構成。医療広告ガイドラインに沿い、体験談・症例写真は載せていません。
パーソナルジム そらいろ(パーソナルジム・上品版)
室蘭市のパーソナルジムを想定した1ページ構成。「痩せるより、整える。」を軸に、コース・料金、体験当日の流れ、トレーナー紹介、LINE体験予約の導線を落ち着いた深緑×白でまとめた信頼型。
パーソナルジム そらいろ(パーソナルジム・LP型)
同じジムを縦長ランディングページ型で構成した販促版。「3ヶ月後の自分を、今日、決める。」のキャッチに体験0円の帯、選ばれる理由、通われた方の変化、料金プラン、お客様の声、FAQを黒×イエローの強い配色で一気に見せる。
教室・写真館
珠の音そろばん教室(そろばん教室)
北海道室蘭市の個人経営そろばん教室を想定した1ページ構成。「そろばんは、頭のたいそう。」を軸に、身につく力・時間割つきの月謝表・教室のようす・先生の紹介・級の目安・よくある質問を、藍×生成りの和の配色でまとめた信頼型。子どもの顔を出さない写真構成にして、保護者の掲載不安に配慮。
ひだまりピアノ教室(個人ピアノ教室)
北海道室蘭市の個人経営ピアノ教室を想定。「近所のピアノ教室、ひだまりです。」を軸に、未就学児・小学生・大人・シニアの4コース紹介、体験レッスンの詳しい案内と空き状況、講師の略歴、夏の発表会、生徒さん・保護者の声、よくあるご質問をまとめたスタンダード5ページ構成。ひだまりクリーム×若葉グリーンの明るい配色。
写真室 ひとひら(写真館)
伊達市の貸切の写真室を想定した1ページ。写真が商品そのものなので、ファーストビューは写真と屋号だけにして文字を重ねません。七五三・百日・入園入学・成人式・家族写真・マタニティの6メニュー、時期の目安がわかる撮影ごよみ、大きく並べたギャラリー、撮影の流れ、よくあるご質問、LINEで送る内容の案内までを構成しています。
士業
室蘭ひまわり税理士事務所(税理士)
北海道室蘭市の税理士事務所を想定。「数字のことは、ひとりで抱えなくていい。」を軸に、サービス内容・料金と進めかた・ご相談事例・事務所案内の5ページ構成。税理士の約半数が60歳以上(日税連2024・全国)、西胆振25人のうち16人がHPを持たないという実測をふまえ、料金を先に見せる・先生の顔と事務所の中を見せる、の2点で差をつけた。セージグリーン×アイボリー×深緑の落ち着いた配色。
飲食店
喫茶 なぎさ(喫茶店)
室蘭の街なかにある喫茶店を想定した1ページ。ファーストビューに営業時間の帯を出し、看板のモーニングと鉄板ナポリタンを写真つきのお品書きで並べて、価格と提供時間まで先に見せています。スマホでは画面の下に電話とInstagramのボタンを常に表示。「何が食べられて、いくらなのか」が最初に分かることを優先した作りです。
汐待珈琲焙煎所(自家焙煎コーヒー店)
室蘭の港のそばにある自家焙煎の店を想定した1ページ。写真の見せ方を場所ごとに変えているのが特徴で、焙煎は写真を画面の端まで広げて左右交互に、店内は隙間2pxのモザイク、豆の価格は画面を半分に割り、写真を留めたまま読ませます。価格は明朝の細い行に数字だけを置き、ページで数字が出るのはそこ一か所です。同じカフェでも「喫茶 なぎさ」とは正反対の、世界観で選ばれる店の見せ方です。
手作りタルトと焼き菓子のカフェ
季節のフルーツタルトと焼き菓子が看板の小さなカフェ。白い壁と木のぬくもりの世界観を、スライドヒーロー・メニュー・ショーケース・Instagram連携まで1ページに詰め込んだ構成例。
Wine Bar 白鳥(ワインバル)
東室蘭駅近くのカウンター10席の小さなワインバルを想定した1ページ構成。夜の灯りで統一した写真を主役に、コンセプト・お料理6品・グラスワイン・流れるギャラリー・Instagram風の写真欄・アクセスを、ワインレッド×生成りでまとめた。料理名は写真の下、価格は税込表示、20歳未満の方への注意書きつき。
宿・観光
旅館 ひより
伊達市の街なかにある、二代目の夫婦が営む客室7室の旅館を想定。お部屋・お風呂、お料理、宿の人のこと、料金の目安・電話予約・行き方・よくある質問をまとめた「ご宿泊案内」まで、お電話の前に知りたいことを5ページで揃えたサンプルです。
にかいや(民泊)
洞爺湖町の住宅街にある一棟貸しの民泊を想定。お部屋と6人の寝る場所、まわりの過ごし方、料金・入り方・ハウスルールをまとめた「ご予約の前に」、アクセスとよくある質問まで、要所に英語を添えて5ページで揃えたサンプルです。
お店・ものづくり
湾うち水産(水産会社・市場の仲卸)
室蘭市を想定した、市場の仲卸の水産会社を5ページで構成。トップのお知らせ・今月の旬、旬の入荷カレンダーと入荷だより、飲食店・宿の方向けの取引条件と休市カレンダー、年末の贈答のご案内など、季節ごとに更新し続けて「今」を伝える仕掛けを入れています。鉄色を基調にした定番型です。
花と、こみち(花屋・生花店)
室蘭の小さな生花店を想定。用途から選ぶ導線、参考価格+相場の二段表示、納品実例、お供えガイド、外部ネットショップ連携の注文導線をスタンダード5ページで構成。セージグリーン×生成りの明るいナチュラル配色。
なみま(石けん・キャンドル工房)
伊達市の小さな自宅工房を想定した1ページ。最初の画面は、昆布・海塩・米ぬか・蜜蝋などの素材と石けんを白い紙に並べた「素材帖」の写真で、何を作る工房かをひと目で伝えます。週末マルシェ中心の出店先、作品6点の価格、買える場所、バスボム作り体験、ギフトの相談までを1ページに。チャコールと紙の色に、ハスカップの赤紫を一点だけ使った世界観型です。
ひとつぶ雑貨店(雑貨店)
伊達市の住宅街にある、店主1人の小さな雑貨店を想定した1ページ。作家さんの器や木もの、ガラスが並ぶ白い棚の写真で、どんなお店かをひと目で伝えます。基本の営業日と「今月の営業日はInstagramのピン留め投稿で」の案内、取扱作家6名の紹介、店主のアクセサリー教室、アクセス、委託作家さんの募集までを1ページに。白と墨に、からし色を一点だけ使った世界観型です。
住まい・建設
西胆振塗装店
伊達市の小さな塗装店を想定。一級塗装技能士の代表と職人の2人で営む店として、工程を写真でお渡しすること・項目ごとの見積りを前に出しました。施工事例(塗る前と後)・料金の目安・見積書の見本・LINEで写真相談まで、5ページで揃えたサンプルです。
西胆振リフォーム
伊達市の小さなリフォーム会社を想定。工事ごとの料金の目安(含まれるもの・別になるもの・金額が変わる理由)と、地域・工期・費用つきの施工事例を前に出しました。水回り・内装・冬の寒さ対策・料金・施工事例・流れとよくある質問・会社案内・対応エリア、写真を添えて送れるご相談フォームまで、10ページで揃えたサンプルです。
株式会社湖陵建設(建設・土木・採用向け)
洞爺湖町の土木・建設会社の「採用(求人)」を主役にしたサンプル。人手不足が続く建設業に向けて、給与・休日の明記、先輩の声、1日の流れ、資格取得支援を5ページで構成。事業内容・施工実績で公共工事の信頼感も伝える、人手不足対策のスタンダード構成。
暮らしのサービス
濱田自動車整備工場(自動車整備・車検)
北海道伊達市の自動車整備工場を想定。「クルマのこと、ぜんぶ相談できる近所の整備工場」を軸に、車検料金の目安(法定費用と当店基本料の2段分離)、板金塗装のBefore/After、LINEでの写真見積相談を5ページで構成。電話ファースト・LINE従の導線設計。
暮らしのお手伝い屋 田中
洞爺湖町の便利屋を、水色と白の5ページに。できること・料金の目安と計算・ご依頼の流れに、季節ごとに増えていく「お手伝いの記録」を加え、頼む前の心配を減らす構成。
福祉・介護
デイサービス はまなす(介護・総合サイト)
西胆振エリアの小規模デイサービスの「会社の顔」になる総合サイトサンプル。利用者のご家族とケアマネジャーに向けて、一日の流れ・料金の目安・空き状況・ご利用までの流れを5ページでまとめたスタンダード構成。採用特化サンプルと同一施設の姉妹サイト(相互リンク)で、2本セット営業にも対応。
デイサービス はまなす(介護・採用特化)
西胆振エリアの小規模デイサービスの「採用(求人)」に特化したサンプル。夜勤なし・週2日〜・未経験OKを軸に、仕事の1日・先輩の声・働きやすさ・募集要項を5ページでまとめたスタンダード構成。集客ではなく人手不足対策のための、応募ハードルを下げる見学・LINE導線設計。
あゆみの森 むろらん(放課後等デイ)
西胆振エリアの放課後等デイサービス・児童発達支援を想定。療育プログラム・1日の流れ・受給者証申請の流れ・料金・スタッフ紹介・活動ブログを5ページでまとめたスタンダード構成。保護者が安心して見学申込みできる導線設計。
しごとのアトリエ うみかぜ(就労継続支援B型)
西胆振エリアの就労継続支援B型事業所を想定。作業内容・1日の流れ・利用までの流れ・よくある質問・日々のようすを5ページでまとめたスタンダード構成。見学・体験の申込みまで迷わず進める導線設計。