ホームページを制作する前に準備しておくこと

ドメイン・サーバーの準備

ドメインとは、ウェブサイトを閲覧する際にサイトを特定するために必要なものになります。仮に、「https://urala-design.jp/」であればドメイン名は「urala-design.jp」となります。ユーザーが覚えやすく、わかりやすいものを選んだり、ブランド名や企業名などをドメイン名にするなどするとよいでしょう。

つぎにサーバーですが、ホームページのデータを保管し、インターネット上に公開するもので、WEBサイトの公開には必要不可欠となります。大きく分けると、自社サーバーを構築する方法とレンタルサーバーやクラウドサーバーを借りる方法があります。

自社サーバー

カスタマイズを自由におこなうことができ、しっかり構築すればセキュリティの安全性が高いのですが、サーバー管理に関する知識や技術を持ったエンジニアが必要です。また、設備を導入するためのコストも高額で、トラブルがあったときは自分たちで対応しなければいけません。

レンタルサーバー・クラウドサーバー

レンタルサーバーは、文字通りサーバーをレンタルできます。自社サーバーに比べて、月々の利用料はかかりますが、自社サーバーに比べて導入までのコストが安く、専門知識のあるエンジニアがいなくても問題ございません。
クラウドサーバーは、インターネット上でサーバーを利用するものになります。自社でサーバー構築・運用の手間がかかるため、初期費用は無料であったり、導入コストが抑えられるメリットがあります。また、構築や運用の手間がかかる分、カスタマイズの自由度が高く、スペックの変更も自由にできます。

ディレクトリマップ、サイトツリー、ワイヤーフレームを作成する

ディレクトリマップとは、WEBサイトのページを一覧にまとめた表のようなものです。どんなページが必要なのかをピックアップし、タイトルや記事の内容、URLを表にします。
サイトツリーとは、ページの構成をツリー状にしたもので、トップページから各ページがどのように遷移するかを視覚的にわかりやすくしたものになります。サイトツリーを制作することで、サイト全体の構成が把握しやすくなります。
ワイヤーフレームとは、WEBサイトのレイアウトを決めるものになります。
この３つを揃えておくことで、各作業者が共通の完成イメージを持つことができます。

サイトのデザインを制作する

ワイヤーフレームを基に、デザインツールを使いデザインを作っていきます。XDやPhotoshopなどで制作していきます。

コーディングを行う

HTMLやCSS、JavaScriptなどの言語を用いて、コードを書いていきます。1からコードを書いてデザインを再現し、動作や機能を付けてウェブサイトに落とし込んでいきます。

アップロード、公開

4で作成したコードを、準備したWebサーバーにアップロードします。FTPとよばれる、ファイルの転送ソフトを使用し、アップロードが完了すればWEBサイトは公開となります。

会社のパンフレットや商品カタログ

自社はどのような会社なのか、商品にはどういった特徴があるのか等、制作するデザインの参考資料として、提示しておくと良いでしょう。会社のWebサイトやECサイトが既にある場合は、URLも共有しておきましょう。

サイト内で使用する写真やロゴ等のデザインデータ

サイト内で使用したい写真やロゴデータなどがあれば事前に提示しておきましょう。画像等が
がない場合は有料画像を使用したり、制作会社が用意したりしてくれるので、その旨を伝えておくとよいでしょう。

イメージのWebサイト

こんなサイトにしたいという参考のサイトがあれば、ピックアップしておきましょう。トンマナやサイトの構成、こんな機能がほしいなど、詳しいポイントも併せて伝えておくとよいでしょう。