Template 001企業・個人事業向け

Simple
Business

会社・士業・個人事業・各種サービス業に使いやすい、信頼感と読みやすさを重視した王道ビジネステンプレート。実際のPCスクリーンショットとスマホスクリーンショットを使って、完成後のイメージが伝わりやすい商品ページに整えました。

レスポンシブ対応HTML / CSSのみ初心者向けコメント商用利用想定

デモサイトを見る無料ダウンロード

こんな方におすすめ： はじめて自社サイトを作る方 / すっきりした企業サイトが欲しい方 / 後からページや実績を増やしたい方

template001-demo / index.html

6 PAGES
企業・個人事業向け

TYPEBusiness企業・個人事業向け

LEVEL★★☆初心者〜中級者

PAGES6基本ページ構成

STYLEResponsivePC / Tablet / Mobile

RECOMMENDED FOR

どんなホームページに向いている？

業種にぴったり一致していなくても大丈夫です。まずは構成と信頼感のある雰囲気で選べる、汎用性の高いテンプレートです。

ABOUT TEMPLATE

迷いにくい、
基本に強い構成。

Simple Businessは、「とりあえず会社のホームページを作りたい」という場合でも、あとから内容を増やしたい場合でも使いやすい汎用型テンプレートです。

まずはデモを見てみる →

情報が伝わる

会社の強み・サービス・実績・連絡先まで、訪問者が知りたい情報を自然な順番で配置。

編集しやすい

HTML内に「★ここに会社名」「★ここに説明文」といった初心者向けコメントを入れています。

育てやすい

カード追加やページ増設がしやすい構造で、中級者以上のカスタマイズにも対応できます。

スマホ対応

PCだけでなくタブレット・スマートフォンでも読みやすいレスポンシブレイアウトです。

DESIGN PREVIEW

実際のテンプレート画像で、完成後をイメージ。

CSSだけのダミーではなく、実際のテンプレートサムネイルを大きく見せることで、ダウンロード前に雰囲気が伝わりやすくなります。

PRODUCT PREVIEW

Clean layout.
Clear message.

ビジネス向けの信頼感と、初めてでも扱いやすいシンプルさを両立。大きな見出し、余白、カードの整列で読みやすくまとめています。

トップページの第一印象が整いやすい
サービス・実績・会社案内へ自然に誘導
文章や画像を差し替えるだけでも使いやすい

Simple Business preview

PAGE STRUCTURE

必要なページを、
ひと通り。

配布版には、次の6ページを収録しています。会社・個人事業・サービス業の基本サイトとして、そのまま編集して使えます。

トップページ

キャッチコピー、強み、サービス、実績、お知らせ、問い合わせ導線。

index.html

会社案内

代表メッセージ、会社概要、理念などを掲載。

about.html

サービス

サービス内容や料金・特徴をカード形式で紹介。

service.html

実績・事例

制作実績・導入事例・施工例など幅広く転用可能。

works.html

アクセス

所在地、営業時間、交通案内、地図掲載エリア。

access.html

お問い合わせ

メールリンクや外部フォームへの導線を設置。

contact.html

EASY CUSTOMIZE

初心者は、
ここから変更。

最初から複雑なCSSを読む必要はありません。よく変更する部分を分かりやすくまとめています。

会社名・キャッチコピー

HTMLのコメントで変更場所を明示。

メインカラー

CSS冒頭の色コード1か所を変更。

--main-color: #315eea;

画像

imagesフォルダの同名画像を差し替え。

images/main.jpg

メニュー

表示名とリンク先をHTMLで変更。

<a href="about.html">会社案内</a>

CUSTOMIZE LEVEL

どこまで変更するかは、自分次第。

変更内容難易度触る場所初心者向け

文章・見出し★☆☆HTMLおすすめ

画像の差し替え★☆☆img / imagesおすすめ

配色変更★☆☆CSS変数おすすめ

カード追加★★☆HTML慣れたら

レイアウト変更★★★CSS中〜上級

DOWNLOAD

Template 001
Simple Business

6ページのHTML、共通CSS、差し替え用サンプル画像、初心者向けREADMEをまとめた配布ZIPです。JavaScript・PHP・CGIは使用していません。無料利用時はフッターのMACHIKA WEBクレジット表記とリンクを残してご利用ください。

HTMLCSSREADME初心者コメント付き

DOWNLOAD 配布版 v1.0

6 HTML pages
CSS / Images / README

無料ZIPをダウンロードデモサイトを開く →

READY TO USE

デモを確認して、ZIPを編集してみよう。

会社名・文章・写真・色を変更するだけでも、自分のホームページとして使い始められます。

テンプレート一覧へ戻る

SimpleBusiness