本文へスキップ
WEBサイト
平屋の住宅カタログを、紙からWebへ
紙のカタログと同じ内容を、スマートフォンで見られるWebサイトにしました。間取り図を指で拡大でき、モデルごとに外観・内観・プランを並べて比較できます。
- 種別
- Webサイト
- お客様
- 住宅メーカー様
- 制作年
- 2026年
- 対応画面
- スマートフォン・タブレット・パソコン
- 使った技術
- 静的サイト／Cloudflare Pages／WebP画像
THE BRIEF
紙のカタログを渡すだけでは、その場で見て終わってしまう。スマートフォンで後から見返せる形にしたい、というご相談から始まりました。
OUR SCOPE
担当した範囲
当社が実際に手を動かした範囲です。
- サイト全体の設計・デザイン
- 全ページの実装
- 写真・間取り図の加工と最適化
- 公開作業（独自ドメイン・配信設定）
- 公開後の修正対応
HOW WE BUILT IT
どう考えて作ったか
外観の写真を先に見せる
家を探している方がいちばん最初に見るのは外観です。各モデルの入口を外観写真にして、そこから間取りへ進む流れにしました。
間取り図は拡大できるようにする
間取り図はスマートフォンの画面では文字が小さく読めません。指で広げて細部まで確認できるようにし、拡大したときに輪郭がぼやけない解像度で用意しました。
写真の重さを抑える
写真の多いサイトは開くのが遅くなり、見る前に閉じられます。画質を保ったまま容量を落とす形式に変換し、画面に入ってから読み込む方式にしました。
FEATURES
作った機能
- モデルごとのプランシート
- 間取り図の拡大表示
- スマートフォン向けの写真の並べ方
- モデル一覧からの絞り込み
AFTER RELEASE
公開後も、モデルの追加や図面の差し替えのたびに更新を続けています。
MAINTENANCE
図面や写真をお預かりして差し替え、内容を確認したうえで公開しています。
OTHER WORKS
CONTACT
電気工事は、平山へ。Web・アプリは、山岡へ。
どちらか分からないときは代表番号へ。内容をうかがい、合う窓口でお返事します。
MOVIES
動画でも、電気のことを。
代表が「電気の平でん」として、住宅の電気の基礎知識を発信しています。スイッチの穴あけ、幅3cmの間接照明、防水コンセントの取り付けなど、現場でやっていることをそのまま出しています。
YouTube電気の平でんちゃんねる
チャンネルを見る
会社案内
- 商号
- 株式会社HIRADEN PLUS（ヒラデンプラス）
- 代表者
- 代表取締役社長 平山 俊啓（ひらやま としひろ）
- 役員
- 専務取締役 山岡 裕輝（やまおか ゆうき）
- 所在地
- 徳島県徳島市春日2丁目6番21号
- 電話
- 090-2899-3713（代表）
- 事業内容
- 電気設備工事／Web制作／業務アプリ開発／DX・AX（AI活用）支援／MV・動画制作
- 保有資格
- 第二種電気工事士
- 対応エリア
- 電気工事：徳島・香川・淡路（出張対応）／Web・アプリ：全国対応（オンライン）