木凪工務店 / 制作デモ01
PCのトップ画面
会社の紹介、サービス、問い合わせへつながる情報の順序を見る。
SELECTED WORK / 制作見本
実際の画面で、伝わるかたちを。
実際に制作した画面から、情報の整理や見せ方をご紹介します。掲載しているのは架空企業の制作デモです。実顧客への導入実績ではありません。
1つの架空企業の制作デモを、5つの画面で紹介しています。実顧客の実績ではありません。
木凪工務店 / 制作デモ02
スマホのトップ画面
狭い画面での文字の折り返しと、相談入口の位置を見る。
木凪工務店 / 制作デモ03
PCのページ全体
写真と文章の配置、セクションごとの余白の変化を見る。
木凪工務店 / 制作デモ04
スマホのページ全体
情報を縦に読み進めるときの順序と、表示の長さを見る。
木凪工務店 / 制作デモ05
伝えたいことから、
5ページへ。
- トップ何の会社か
- サービス頼めること
- 施工事例架空の計画例
- 会社案内考え方と地域
- お問い合わせ相談の入口
5ページの情報構成
トップ、サービス、施工事例、会社案内、お問い合わせの役割を見る。
左右にドラッグ、または矢印で切り替え
架空企業の制作デモ
木凪工務店
木の質感と落ち着いた余白で、家づくりの相談内容が伝わる5ページの企業サイトです。
トップサービス施工事例会社案内お問い合わせ
工務店を想定
5ページ＋補助ページ
実際の問い合わせは受け付けない動作デモです。写真は掲載イメージで、実際の施工実績を示しません。
画面内に表示している企業・計画・地域は制作デモの設定です。便利DEネットの事業情報ではありません。
PCの実画面
主要部分を表示しています。クリックすると実画面を大きく確認できます。
スマホ幅の実画面
デスクトップブラウザでの幅390px表示です。実機iPhoneの検証を示す画像ではありません。
01
頼めることを整理
新築、改修、住まいの手入れを分け、相談前に分かることを整理しました。
02
写真に役割を持たせる
全体の方向性、個別の暮らし、会社の考え方を、写真と短い説明で伝えています。
03
スマホで次の一歩へ
本文の読みやすさ、見出しの折り返し、メニューと相談導線を実画面で調整しました。
この方向性を、ご自身の事業に
見た目だけでなく、
伝える内容から。
まずは、つくりたいことから。
話を整理するところから、
お手伝いします。
内容と必要な素材を確認し、制作範囲・費用・進め方をご案内します。