SERVICE GUIDE — Webサイトデザイン
事業の入り口を、
ゼロからつくる。
4 Types
つくる前に、何のためのサイトかを決める。
「Webサイトが欲しい」というご相談の中身は、実はいくつかの目的に分かれています。
目的が違えば、必要なページも、書くべき言葉も、かける費用も変わります。
まずはどの型に近いかを一緒に見極めるところから始めます。
コーポレートサイト
会社の信用を担保する、最も基本になる型。取引・採用・問い合わせのすべての土台になります。まず1つ持つならこれです。
サービス・ブランドサイト
特定の商品やサービスを深く伝える型。世界観をつくり込み、興味を持った人を申込みまで導きます。
採用サイト
働く場としての魅力を伝える型。社風や人が見えることで、応募の数だけでなく質が変わります。
ランディングページ
広告と対で使う、1ページ完結の型。行動をひとつに絞り、そこへ最短で導く構成にします。
はじめての1サイトは、コーポレートサイトからをおすすめしています。
会社の輪郭が定まっていれば、サービスサイトや採用サイトを足していくときの軸になるためです。
ご予算と時期に応じて、段階的に広げていく進め方もご提案します。
Before Design
決めるべきことは、
デザインの前にあります。
誰に、何を、どう受け取ってほしいのか。
ここが定まっていないサイトは、どれだけ美しく仕上げても機能しません。
誰に届けるのか
取引先か、エンドユーザーか、求職者か。相手が変われば、必要なページも言葉づかいも変わります。
何を約束するのか
「何ができる会社か」を一言で言えること。それがサイト全体を貫く背骨になります。
どう動いてほしいのか
問い合わせか、資料請求か、応募か。ゴールをひとつ決めると、導線とページ構成が決まります。
弊社では、この3点をヒアリングで言語化してから設計に入ります。ここに時間をかけるほど、あとの工程が速く、迷いがなくなります。
「デザインとコーディング」だけがWeb制作ではありません。
何をどの順で載せるかの設計から、公開当日のサーバ作業までを一貫してお引き受けします。
Scope 01
設計・情報整理
サイトマップとワイヤーフレームを作成し、ページ構成と導線を先に固めます。ここで全体像に合意してから、デザインへ進みます。
Scope 02
デザイン
トップページで方向性を決め、下層ページへ展開します。ロゴやブランドの世界観があれば、それを軸に組み立てます。
Scope 03
実装・コーディング
スマートフォンからデスクトップまで、画面幅に応じて最適に表示されるよう実装します。表示速度にも配慮します。
Scope 04
CMS構築
WordPressを組み込み、お知らせや実績をご自身で更新できるようにします。更新可能な箇所の設計も含みます。
Scope 05
原稿・写真のディレクション
必要な原稿と写真の一覧をお渡しし、書き方や撮り方までご相談に乗ります。撮影の手配も承ります。
Scope 06
公開作業
ドメイン取得、サーバ契約、SSL設定、公開後の表示確認まで。専門的な手続きは弊社で代行できます。
6つの工程で進めます。
各段階の成果物をご確認いただき、合意のうえで次へ進むため、後戻りが起きにくい進行になります。
Step 01
ヒアリング・目的の設定
事業内容、届けたい相手、サイトで起こしたいことをお聴きします。ご予算と公開希望時期もこの段階で共有します。
Step 02
サイト設計
ページ構成と導線を、サイトマップとワイヤーフレームで可視化。デザインに入る前に全体像を確定します。
Step 03
デザイン
トップページで方向性を決めてから、下層ページへ展開。画面を見ながら具体的にご確認いただけます。
Step 04
原稿・写真の準備
設計と並行して進める工程です。必要な項目をお渡しし、文章の整理や撮影のご相談にも対応します。
Step 05
実装・CMS構築
デザインを実際に動くサイトへ。更新できる箇所を組み込み、確認用のURLでご覧いただきながら仕上げます。
Step 06
テスト・公開
表示・動作・フォームを一通り確認し、公開作業を行います。更新方法のご説明までを納品に含みます。
What You Prepare
ご準備いただくものと、スケジュールの目安。
スケジュールを左右する最大の要因は、実は制作側ではなく原稿と写真の準備です。
早い段階で着手できるよう、必要なものを最初に一覧でお渡しします。
原稿
会社概要、事業内容、あいさつ文など。箇条書きや既存のパンフレットからでも構いません。文章の整理は弊社でも承ります。
写真・素材
社屋、商品、仕事の様子、人物など。手持ちがなければ撮影の手配、またはストックフォトのご提案をします。
ロゴデータ
できればAi・SVGなどの拡大しても劣化しない形式を。お持ちでない場合は、ロゴ制作からのご相談も可能です。
ドメイン・サーバ
すでにお持ちなら情報のご共有を。新規の場合は取得と契約から弊社で代行します。
目安は2〜3ヶ月
10ページ前後の標準的なコーポレートサイトの場合、ご発注から公開まで2〜3ヶ月程度です。ランディングページ1枚であれば1ヶ月前後から。
公開日が決まっている場合
展示会、創業、新店舗のオープンなど期日がある場合は、そこから逆算して工程を組みます。まずはご相談ください。
費用について
ページ数、機能、原稿・写真の準備範囲によって変わるため、個別にお見積りいたします。お見積りのご相談は無料です。
段階的に始める
まず必要最小限のページで公開し、運用しながら足していく進め方も可能です。ご予算に合わせてご提案します。
Selected Works
これまでに手がけたWebサイト。
株式会社シーシーダブル
「データが拓く未来」を掲げるICTソリューション企業のコーポレートサイト。事業の全体像と実績が一目で伝わる構成にしました。
ゼブラ「STYLUS 2WAY」
文具メーカー・ゼブラの商品サイト。紙にもiPadにも使える2WAYペンの特長を、利用シーンの写真や動画とともに直感的に伝える構成です。
SHIBUYA Tech FESTIVAL
テックイベントの公式サイト。カラフルに弾けるキービジュアルを軸に、開催情報へ迷わずたどり着ける、イベントの熱量が伝わる構成です。
愛知淑徳大学建築学部
新設学部の公式サイト。シンボルを大きく据えたメインビジュアルと余白を活かした構成で、入試情報まで迷わない導線を設計しました。
眠りのクリニック神楽坂
「眠れない人も、眠りすぎる人も。」クリニックのWebサイト。写真とやわらかなトーンで、はじめての受診でも安心感のある佇まいに。
合同会社シゴトトセイカツ
「シゴトとセイカツを再定義する」がテーマのサイト。縦組みのタイポグラフィと余白で、読みものに集中できる誌面のような画面に。
新規制作・既存サイトの刷新の両方を含みます。画像はクリックで拡大できます。
Webサイトは、公開した日が最も情報の少ない状態です。
実績やお知らせが積み重なるほど、伝わる力も、検索から見つけてもらえる確率も上がっていきます。
公開はゴールではなく、育てはじめる地点だとお考えください。
守る — 保守運用
サーバやWordPressは、放置すると脆弱性の入口になります。更新、バックアップ、障害時の復旧までを継続してお引き受けします。
測る — 効果測定
どのページが読まれ、どこで離脱しているのか。数字で状況を把握することで、次に手を入れるべき場所がはっきりします。
育てる — 更新
実績、お知らせ、事例。更新され続けているサイトは、それ自体が事業が動いていることの証明になります。
保守運用については、別の資料にまとめています
サーバ・WordPress・プラグインの更新
、バックアップとミラー
、障害時の復旧
、アクセス解析まで
。作業範囲と考え方をご紹介しています
。uuuu.to/hosting/ ｜ 資料下部のリンクからもご覧いただけます
。
