FEATURES

機能紹介

STELA は3つのモジュール（公開サイト・管理画面・共通基盤）で構成されます。標準で提供する機能の詳細をご紹介します。

00

WHAT YOU GET

お客様が受け取る2層構成

STELA は self-hosted 型で、お客様の自社サーバへ導入。データはお客様所有、ソースコードの著作権は弊社が保有。納品される構成は以下の2層です。

フロントサイト（公開ページ）のモックアップ
LAYER 01

フロントサイト（公開ページ）

エンドユーザーが閲覧する商品カタログ・お問い合わせ・会社情報。お客様の独自ドメインで公開（例: example.com）。

  • 商品カタログ・カテゴリ・タグ・価格帯フィルタ
  • セット商品・導入事例
  • お問い合わせフォーム（reCAPTCHA v3 + 自動返信メール）
  • 会社概要・Googleマップ
クライアント管理画面のモックアップ
LAYER 02

クライアント管理画面

お客様自身が日常運用する管理画面。Basic 認証で保護（例: example.com/admin/）。

  • 商品・セット商品・事例の追加・編集・削除
  • ドラッグ&ドロップで並び順変更
  • CSV 一括更新・更新履歴ロールバック
  • お問い合わせ管理（ステータス + メモ）
  • 会社情報・サイト設定（カスタム項目自由追加）
  • GUI 完結（コーディング不要）

※ 動作要件: PHP 8.1 以上 / MySQL等のDB不要（JSONファイル管理）
※ 推奨ホスティング: Xserver Premium プラン（さくらVPS / AWS Lightsail 等も可）

01

PUBLIC SITE

公開サイト機能

訪問者が閲覧する公開ページ群。業種・ブランドに合わせて構成・デザインをカスタマイズします。

F.01 / Top

トップページ

業種・ブランドに合わせたファーストビュー。商品カテゴリ・人気商品・導入事例・問い合わせ導線を集約。

F.02 / Catalog List

商品一覧

カテゴリ階層・タグ・価格帯での絞り込み、並び替え（おすすめ順 / 新着順 / 在庫順 等）、ページネーション標準装備。

F.03 / Catalog Detail

商品詳細

商品スペック・FAQ・関連商品・利用シーンを構造的に表示。「問い合わせリスト追加」ボタン付き。

F.04 / Search

商品検索

商品名・スペック・タグを横断的に検索。インクリメンタルな絞り込みで素早く商品を探せる。

F.05 / Packages

セット商品

複数商品の組み合わせ提案。業種により「セット」「コーデ」「コース」等に呼称変更可能。

F.06 / Case Studies

導入事例

過去の利用例・お客様の声・成功事例。利用商品との紐付け表示で、検討者の参考に。

F.07 / FAQ

よくある質問

カテゴリ分け・アコーディオン式の FAQ。問い合わせ前の疑問を事前に解消。

F.08 / Company

会社概要

企業情報を構造化して表示。カスタム項目（自由追加）と Google マップ埋め込みに対応。

F.09 / Process

ご利用の流れ

問い合わせから納品・運用までのフロー。業種・モデルに応じてステップをカスタム可能。

F.10 / Inquiry List

見積もりリスト

localStorage で気になる商品を一時保存。まとめて問い合わせフォームへ送信できる。

F.11 / Inquiry Form

問い合わせフォーム

3ステップ（入力 → 確認 → 完了）。CSRF 保護・reCAPTCHA・自動返信メール標準対応。

F.12 / 404 / Privacy

エラー・法務ページ

404 エラーページ、プライバシーポリシー、その他の必須法務ページを標準装備。

02

ADMIN PANEL

管理画面機能

クライアント側の運用担当者向け。Excel が使えるレベルの方なら、誰でも日常運用を回せる UI。

A.01 / Dashboard

ダッシュボード

在庫サマリ・新規問合せ件数・最近の操作ログを一覧表示。運用の概況を一目で確認。

A.02 / Item CRUD

商品管理

商品の新規登録・編集・削除。スペック・タグ・FAQ・関連商品を動的フォームで管理。ドラッグ&ドロップで並び順変更がフロントへ即時反映。

A.03 / Image Upload

画像アップロード

1商品あたり最大10枚まで画像アップロード対応。ドラッグ&ドロップで簡単操作。

A.04 / Package CRUD

セット商品管理

複数商品をまとめたセット商品・セットの作成と編集。価格帯・推奨シーンも設定可能。

A.05 / Case CRUD

導入事例管理

事例の新規登録・編集。利用商品との紐付け、画像最大10枚アップロード対応。

A.06 / CSV Import

CSV 一括更新

商品データの CSV アップロード。差分プレビューで影響範囲を確認の上、ワンクリックで反映。

A.07 / CSV Template

CSV テンプレート出力

現在の商品データを CSV ダウンロード。Excel で編集してアップロードする運用に対応。

A.08 / Backup

バックアップ・ロールバック

編集前データを自動バックアップ。任意の時点へワンクリックで復元可能。

A.09 / Inquiry Mgmt

問い合わせ管理

受信問合せの一覧・ステータス遷移・対応メモ記入。CRM 的な管理が可能。

A.10 / Site Settings

サイト設定

会社名・電話番号・住所・コピーライト等を編集。カスタム項目（自由追加）と Google マップの表示/非表示切替に対応。

A.11 / Preview

非公開プレビュー

未公開の商品・コンテンツをサイト公開前に確認できるプレビューモード。

A.12 / Activity Log

操作ログ

管理画面での全操作を記録。誰がいつ何を変更したかを追跡可能。

03

COMMON BASE

共通基盤・セキュリティ

全ページで標準的に提供されるセキュリティ・SEO・運用基盤。安心してご利用いただける品質を担保します。

C.01 / Mobile

モバイル完全対応

スマホ・タブレットでの閲覧・操作に最適化されたレスポンシブデザイン。

C.02 / CSRF

CSRF 保護

フォーム送信時の CSRF トークン検証で、不正リクエストをブロック。

C.03 / XSS Escape

XSS エスケープ

出力時の自動エスケープ処理で、クロスサイトスクリプティング攻撃を防止。

C.04 / Auth

管理者認証

Basic 認証 + bcrypt ハッシュでセキュアに保護。パスワード変更も管理画面から可能。

C.05 / SSL

SSL / HTTPS

全通信を HTTPS で暗号化。Let's Encrypt 等の SSL 証明書管理を含む。

C.06 / SEO Meta

SEO メタタグ

ページごとの title / description / canonical / 構造化データを最適化。

C.07 / OGP

OG / SNS シェア対応

OG 画像・タイトル・説明文を全ページに設定。SNS シェア時の表示が美しく整う。

C.08 / Sitemap

サイトマップ

sitemap.xml と robots.txt の自動生成・更新。検索エンジンへの最適なクロール導線。

C.09 / Auto Backup

自動バックアップ

データ変更時に自動でバックアップを生成。万が一のデータ消失にも素早く復旧。

C.10 / Auto Email

問合せ自動メール

問い合わせ送信時に運営側＋送信者双方へ自動通知。PHPMailer + SMTP で確実に配信。

C.11 / reCAPTCHA

スパム対策

reCAPTCHA v3 標準対応で、ボット・スパムからフォームを保護。

C.12 / Analytics

アクセス解析対応

Google Analytics 4 / Search Console / Microsoft Clarity の標準埋め込み対応。

04

OPTIONAL

オプション対応領域

標準スコープ外の機能も、ご要望に応じて個別開発で対応可能です。納品後の追加開発も承ります。

※ いずれもオプションとして個別お見積りで対応します。詳細はお問い合わせください。

機能の詳細・カスタマイズについて
お気軽にご相談ください

Get In Touch →