BRAND DESIGN × WEB
企画・構成から
事業の説明、手元の資料、目的
ページ構成案 → デザイン → 実装
サービス詳細
Webサイト制作 （企業・採用・サービスサイト企画・デザイン・WordPress実装）
目的に合う構成と、
使いやすい画面をつくる。
企業・サービス・採用サイトから、予約・ECへの導線まで。構成、デザイン、実装、更新の仕組みを、必要な範囲でご相談いただけます。
できること一覧へ
このページの内容できること
何をつくり、何をお渡しするか。
構成からの制作にも、原稿やデザインを支給いただくご依頼にも対応します。担当する工程と、公開後に更新する箇所を制作前に決めます。
依頼できる制作範囲
- 企画・構成
- 掲載情報を分け、ページ構成と問い合わせ・予約までの道筋を提案。
- デザイン
- 文字・写真・UIをPCとスマホの画面へ。支給原稿の優先順位も反映。
- 実装
- 合意した画面・機能をHTML/CSSやWordPress等で形にする。
- 更新設計・引継ぎ
- 文章・写真など更新する項目と、操作する方法をお渡しする。
伝えるサイトも、探せるサイトも。
宿泊施設の魅力を伝える画面と、多数の施設情報を探せる画面。情報の性質に応じた構成・導線をご紹介します。
ページの役割を、操作と更新へ。
- 情報
- 四季4棟の外観・室内・特徴を対応させ、各棟の詳細へ。
- 導線
- 宿泊の検討と、アクセス・買い出しなどの準備を分ける。
- 更新
- 既存テーマの継続・更新と比較し、独自テーマを採用。
品質・運用への配慮
スマホでは、読む順番を組み直す。
PCの縮小ではなく、見出し・画像・説明・ボタンの順番を整えます。長い文字や入力欄、指で押す入口は実画面で確かめます。
更新する人に合わせた入力へ。
お知らせ・文章・写真など、公開後に変える内容を先に決めます。WordPressの入力欄と更新方法を、管理する人へ引き継ぎます。
任せたい工程から、依頼できます。
企画からすべてを任せる場合も、原稿を活かす場合も。相手の疑問・判断する情報・次の行動をつなぎ、合意した範囲を制作します。
依頼の入口
活かすもの・決めること
仕事と成果物の例
構成・原稿を支給
支給資料と、足りない情報・導線
資料の調整 → デザイン・実装
デザインから実装
掲載内容と必要な画面・機能
PC・スマホのデザイン案、公開用の画面
更新しやすいサイト
更新する人、箇所、既存環境
WordPress等の更新設計と操作案内
フォームは、入力から受付後の扱いまでが設計範囲です。項目、送信先、確認・返信の流れ、同意、保存する情報を合意します。外部の予約・決済サービスを使う場合は、接続する箇所と管理する担当を分けます。
地域から店舗を探すページをつくりたい。
サロンや施設を、地域・都道府県から探せるページのご相談例です。地域を選ぶ → 該当する店舗を見る → 店舗の案内へ進む、という順番を画面に落とし込みます。
- 掲載する情報
- 店舗名・地域・案内先をそろえ、一覧で比べる項目と詳細で読む情報を分けます。
- 選ぶ操作
- PCとスマホで地域選択・一覧・リンクを確かめ、迷わず店舗を選べる表示を考えます。
- 更新と機能
- 件数・絞り込み条件・追加する人を伺い、一覧表示で足りるか、検索機能が必要かを決めます。
既存の店舗データや更新環境を活かせるかも確認します。必要な機能・接続先・制作範囲は、ご相談内容に応じて合意します。
原稿から画面へ、判断をつなぐ。
- 誰が読むか
- 初めて訪れる人の疑問を、見出しと導入へ。
- 何を比べるか
- 特徴・条件・対応範囲を、ページの役割へ。
- 次に何をするか
- 詳細・問い合わせ・予約を、文言と置く場所へ。
構成案には、掲載項目だけでなく情報の順番と次の入口を含めます。支給原稿がある場合も、不足する判断材料と追加作業を分けてお伝えします。
制作途中で、見ていただくもの。
作業範囲・費用への合意後に構成・画面を具体化し、次の確認を行います。
共通の5ステップと、確認する内容 → 見積もりに必要な条件 →
構成・デザインの確認
掲載項目の過不足、原稿と画像、PC/SPの読む順番を確認。実装へ進む前に、画面と担当範囲の認識をそろえます。
公開・引継ぎの確認
リンク、入力・更新する機能、管理する人を確認。フォームの送信先や外部予約との接続は、合意した仕様に沿って検証します。
相談前の疑問と、関連するサービス。
Q原稿や写真がまだそろっていなくても相談できますか？
事業の説明や手元の資料から始められます。掲載内容を先に決め、原稿・写真を誰が用意するか、必要な制作範囲を合意します。
Q構成が決まっている場合、デザインと実装だけ頼めますか？
工程の一部からご相談いただけます。支給する構成・素材と、デザイン・実装に含める範囲を制作前に決めます。
QWordPressや予約・ECを含むサイトも相談できますか？
更新する内容と必要な機能、利用中のサービスや環境をお聞かせください。新規実装と既存サービスの利用を分け、接続方法・対応可否・担当範囲を要件に応じて決めます。
Q公開後の更新や保守はどうなりますか？
更新する人と箇所を制作時に決め、必要な操作を引き継ぎます。公開後の更新・保守を依頼する場合は、対象と頻度を別途合意します。
サイト制作の条件を問い合わせる
事業の内容、掲載したい情報、必要な更新や機能をお知らせください。