Website production
Webサイト制作
見た目だけでなく、誰に何を伝え、どの行動へつなげるかを整理して、使いやすく見やすいサイトを制作します。
01
情報を並べる前に、目的と読む順番を決める
店舗、教室、個人活動、サービス紹介など、サイトの種類が同じでも必要な情報の順番は異なります。届けたい相手、見た後にしてほしいこと、更新を続ける情報を整理し、ページ構成とナビゲーションへ反映します。
- トップページと下層ページの情報設計
- PC・スマートフォンに合わせた画面設計
- お知らせ、ブログ、商品・サービス紹介などの更新枠
- キーボード操作、フォーカス表示、読みやすい文字サイズへの配慮
制作範囲は、実際の運用方法に合わせて決めます
ページ数や機能を先に増やすのではなく、公開後に誰が何を更新するかまで確認して構成します。入力フォームや予約、決済など外部送信を伴う機能は、送信先、保存方法、迷惑送信対策、利用規約などを決めたうえで実装範囲を判断します。
現在の自主制作サンプルでは、安全に操作を確認できるよう、入力確認と完了画面だけを再現し、外部送信は行っていません。
- 企画
- 目的、対象、必要情報、更新方法を整理
- 構成
- ページ一覧、導線、見出し、行動ボタンを設計
- デザイン
- 業種と目的に合う配色、文字、写真、余白を設計
- 実装
- HTML、CSS、JavaScriptでPC・スマートフォンへ対応
- 公開準備
- 表示、リンク、画像、基本的な安全設定を確認
Related explanations
関連する作品解説
業種ごとに異なる目的と情報設計を、3つの自主制作で説明しています。