制作の進め方｜千葉県船橋市のシステム開発・ホームページ制作の株式会社ノベルティ

制作プランやプロジェクトの内容により必要な調査内容が異なります。

• 業界調査
• 競合調査
• ターゲットのニーズ調査
• 社内アンケート調査

など、事前のヒアリング内容とあわせて調査を行い、プロジェクトの方向性を決定していきます。

Webサイト・ホームページ制作の場合、サイトのページ構成を視覚的に表したサイトマップを作成します。

サイト制作の目的に合わせてページ構成を検討していきます。例えば、新規顧客獲得を目指すのであれば初めてサイトに来た人に向けたページを設けるなど、お客様によって必要なページは様々です。

サイトマップは制作の方向性の指針となります。お客様にも共有し、必要なページが漏れなく含まれているかどうか確認していただきます。

要件定義書とはシステム開発の指標を示したもので、開発する具体的な機能や暫定工数などをまとめたシートです。

例えば、会員機能付きのサービスを作る場合、ユーザーの会員登録機能だけでなく

• プロフィール情報（写真や連絡先）の管理
• 会員限定コンテンツ機能の実装
• 会員限定のニュースレターや通知の有無

など、「会員機能付きサービス」といってもどこまで開発するかはお客様のご要望と予算によって異なります。
ユーザー体験や業務改善など、様々な視点からみて、便利で使いやすいシステムとなるよう細かく定義を行います。

要件定義書はお客様との間で開発内容をに相違がでないよう必ず作成し、すり合わせを行っています。

ワイヤーフレームとはページの画面設計を示したものです。色やデザインは含まず、要素の配置を表した骨組みです。

具体的には

• コンテンツ（テキストや画像、動画など）の配置や順番
• ボタンの配置やそのボタンの挙動（どのページに遷移するか）
• 設計意図

などが確認できます

ワイヤーフレーム作成はプロジェクトの初期段階でお客様との共通認識を確立するための重要なステップです。これにより、デザインフェーズの大幅な変更を予防し、制作をスムーズに進めることができます。

デザインは単純な美しさだけでなく、見やすさ・使いやすさも重要です。

• ナビゲーションの明瞭化
• 情報の視覚的な整理
• コンバージョン*1の最大化

などもデザインの重要な役割です

企業のブランドイメージを尊重しつつ、ターゲットに対して訴求効果を高める質の高い洗練されたデザインをご提案します。
デザイン確定まで、お客様からのご意見をいただきながら仕​​上げていきます。
ノベルティでは、一つの指標としてユニバーサルデザインを取り入れています。

*1）ユーザーが問い合わせ、購入などのアクションを起こし、行動が成果に「転換」すること

構築・開発フェーズでは作成したデザインをもとにテスト環境上で、ビジュアルや機能、アニメーションなどを構築していきます。
プロジェクトに要件に合わせた適切な技術選定や、最新のSEO基準に合わせた明瞭な設計となるようチーム全体での技術共有を徹底し、デザインフェーズまでに組み立てられたUI/UX設計のパフォーマンスの最大化を目指していきます。

また、システム開発では、細かいテストを繰り返し、不具合や改善点がないか、本当に使いやすい設計であるのかを確認しています。
テスト完了後はお手元のPC・スマートホンで確認できる仮URLを共有し、お客様側でもテストをお願いしています。ご要望やご意見を反映しながら、最終的なWebサイト・ホームページを仕​​上げていきます。

各制作と並行して、ページに掲載テキストや写真を準備していきます。

サイト内に掲載するテキストは、サービスの理解を深める重要なコンテンツとなります。
自社が伝えたいことだけではなく、ユーザーが求めている有益な構成となるよう組み立てていきます。
コンテンツの作成サポートはプランにより対応範囲が異なりますので、契約の段階でヒアリングさせていただきます。

またWebコンテンツにおいて写真や動画から得られる視覚要素はとても重要な役割を担っています。
UI/UXやデザインに合わせた撮影ディレクション、出張撮影も合わせてご依頼いただくことで、より品質が高くメッセージの理解を深めるコンテンツとなります。
特にコーポレートサイトや採用サイトなど、企業の色を出すサイトについては撮影オプションの追加をおすすめしています。