基本的には、お客様のサーバーと同じサーバー内に、用意させていただきます。
これは、なるべく本番環境と同じ環境での開発・動作確認を行う事が目的です。
テスト環境や開発環境のFQDNは、通常サブドメインを設定させていただきます。
サブドメインはdev.お客様のドメイン名とさせていただく事が多いです。
但しPHPバージョンアップを伴う場合は、別ドメインで用意し直す場合が多いです。
これは、サーバーの仕様でPHPの切替がドメイン単位でしか切り替えられない場合がある為です。
www.mydomain.co.jp(本番環境)、dev.mydomain.co.jp(テスト環境)でPHPバージョンアップの為の修正を行う場合、dev.mydomain.co.jpで修正作業を行う為に、PHPバージョンを切り替えると本番環境側も、切り替えたバージョンのPHPもそのバージョンになってしまうので、切り替えたPHPの不具合がそのまま出てしまいます。
これを防ぐ為に、www.mydomain.siteの様なドメインを新たに取得してサーバーに設定した上で修正作業を行います。
※当社お勧めのXサーバーをご利用ならば、.siteのドメインが無料で利用できます。(但し、契約条件あり)
お客様が契約しているサーバーで、テスト環境が利用できない場合は、当社のサーバーにテスト環境をご用意致します。
当社サーバーに用意したからと言っても、別途費用を頂戴する事はございません。
当環境を再び、開発環境とさせていただく為に、その間お客様サイドでの設定変更・テスト投稿の有無に関わらず、その時点の本番環境データを移設させていただきます。予めご了承ください。
devは、development(開発)の略で、開発環境としてよく使われるサブドメイン名です。
devとする事で、dev.ドメイン名に限って、開発環境と自動的に判断されてFDQN単位で制限しているプラグインでも、追加ライセンスを取得しなくても利用可能としている場合がある為です。
納品後、1年間はそのまま利用していただけます。
お客様サイドでの動作検証や、投稿の練習等に自由に利用していただいて構いません。
1年間の間に新規修正依頼等を発注いただければ、その修正依頼の納品日より更に1年間は利用を延長致します。
利用期限超過後の環境存続はお約束できません。当社の都合で事前予告なく削除させていただく場合がございます。
当環境を再び、開発環境とさせていただく為に、その間お客様サイドでの設定変更・テスト投稿の有無に関わらず、その時点の本番環境データを移設させていただきます。予めご了承ください。
希望があれば、接続できる様に設定する事は可能ですが以下の条件がございます。
エレメントデザインとは、エレメント(要素)毎のデザインを予めデザインしておいて、ページを制作する際にこれらの要素を組み合わせて制作してゆく手法です。
エレメントデザインを事前に決めておくことで、ページごとに個別のデザインを一から制作する必要がなくなり、デザイン費が高くなることを防ぐことができます。また、要素レベルでデザインが統一されているため、サイト全体で一貫性のある見た目を保つことができ、ブランドイメージの向上にもつながります。
さらに、見出しやボックス、ボタンなどのエレメントを共通化しておくことで、お客様自身が投稿される「お知らせ」「トピックス」などでも統一したデザインを簡単に再現できるようになります。結果として、運用時の作業効率が向上し、管理側・閲覧側どちらにとっても見やすく使いやすいサイトを構築できます。
エレメントデザインには主に次の様なパーツをデザインします。
例えば、このサポートサイトも、予めエレメントデザインを決定しており、当社担当者はページ毎にデザインしているのではなく、予め作成しておいたエレメントを使って投稿を行っている為、文章投稿のみである程度統一性のあるページ追加ができる様になっています。
エレメントデザインを採用する事で、デザイン費だけでは無く、コーディング費も抑える事が出来ます。
新規・リニューアルに限り、HOMEのデザインを2パターン提出します。
提出するデザインは、PC向け・SP(モバイル向け)のどちらかです。
デザイン提出は、先ずファーストビューのみ提出します。このデザインでトンマナ(配色・使用フォント等、デザインの雰囲気)を確認していただき、希望をお伝えいただきます。
その後、希望に沿ったトンマナで2パターン提出致します。
異なるデバイス向けデザイン(先にPC提出した場合は、SP)は、決定したデザインを元に提出します。
また、SPの場合はPC版を踏襲するデザインで良いという場合は、デザイン提出は行わずコーディング時に対応する為、両方提出する場合よりも、デザイン費はお安くなります。
2パターンを見比べて決定していただいた上で、それ以外(下層ページなど)のデザイン展開致します。
デザイン費用追加で、希望パターン数を提出する事も可能です。
LPの場合も2パターン提出致しますが、まず提出するブロック数は3ブロック+CVブロック 2ブロックまでとなります。
※CVとはコンバーションブロックの事で、LPの目的(商品販売であれば、購入ボタンなど)の為のブロックの事です。
提出した3ブロックまでのデザインをご確認いただき、どちらを採用するか決定した後に、全てのデザインを制作して提出します。
また、LPの場合も異なるデバイス向けデザイン(先にPC提出した場合は、SP)は、決定したデザインを元に提出します。
また、SPの場合はPC版を踏襲するデザインで良いという場合は、デザイン提出は行わずコーディング時に対応する為、両方提出する場合よりも、デザイン費はお安くなります。
下層ページのデザインは、基本1パターンの提出です。
また、エレメントデザインを利用して構成するページは、デザイン提出はありません。
尚、何れもあくまでも当社の標準形式であり、追加費用となりますがお客様の希望に沿う事は可能です。
基本的に、依頼前にデザイン提出する事は出来ません。
但し、案件内容や規模によっては、当社の判断で提出に応じる場合もございます。
お気軽にご相談ください。
※広告代理店様などがプレゼンの為に、デザイン発注する事は可能でございます。(デザイン費は請求致します)
もちろん可能です。実際、当社案件の半数は、元請け様やエンドユーザー様が別に発注したデザイナーのデザインを支給いただいて、制作しています。
尚、そのデサイナー様にこちらをご確認いただいてください。
特に、そのデザイナー様がDTP専門デザイナーの場合は、DTPと様式が異なりますのでウェブデザインの事を理解いただいた上で、デザインしていただいてください。
案件によります。
一般的なウェブサイトの場合は、デザイン含めてご依頼いただくか、お客様がデザインデータをご用意ください。
例外として、次の様なサイトはデザイン費が必要ありません
※この場合、お客様のご希望通りのデザイン適える事は出来ないものがございます。
もちろん可能です。
実際、某有名企業のロゴも含めて提案・採用された案件依頼も多数ございます。
但し、ロゴ制作はロゴ制作としてのデザイン費をいただきます。
当社デザイナーは、ウェブデザインだけでは無く、DTPの実績も豊富なデザイナーです。
もちろん可能です。
当社はあくまでも、ウェブサイトは集客ツールの一部として取り扱いしている(ウェブサイトの性質による)為、ウェブサイト・パンフレット・チラシ等の紙媒体も含めて一緒にご提案する事も可能です。
両方お考えの場合は、別々に依頼(紙媒体は別の会社に依頼)するよりも、効率的で総合的な費用もお安くなるというメリットがあります。
また、当社デザイナーは、ウェブデザインだけでは無く、DTPの実績も豊富なデザイナーです。
もちろん可能です。
当社が提携しているカメラマンをご紹介します。
※撮影費用はカメラマンに直接お支払いください。
文章がコピーできるデータ形式でお願いします。
具体的には、txt形式、docx・doc形式(Word)、xlsx・xls形式(Excel)、pptx・ppt形式(PowerPoint)など。
pdfからテキストコピーできるなら、PDFでも住まいません。
次の場合は、原則として原稿として使えません。
テキストデータが取りだせれば、psd・psb形式でも構いません。
次の場合は、原則として原稿として使えません。
テキストデータが取りだせれば、ai形式でも構いません。
Illustratorでデザインした場合は、必ずアウトラインしたデータをお願いしますが、一緒にアウトライン前のデータも支給してください。
次の場合は、原則として原稿として使えません。
HTML上にテキストとして表示する場合は、注意が必要です。
機種依存文字の場合があり、特定のパソコンやスマホの機種・OSでしか扱えない文字の為、異なる環境で表示した場合、文字化けとなります。
タイトル部分等で使う場合は、その部分は「画像」として表示します。
原稿内で機種依存文字が入っていないか心配な方は、機種依存文字チェッカーをチェックしてくれるサイトがありますので、こちらでチェックしてみてください。
また、記号の中にはプログラム側で使用している為に使ってはならない文字があります。
詳しくはこちらをご覧ください。
尚、当社ではコーディングする際には機種依存文字の確認も含めて、コーディングしてますので機種文字文字や、プログラム上使ってはならない文字は、できる限り文字参照という実体参照（エンティティ参照）やUnicode エスケープを使って、置き換え致します。
但し、稀に文字参照では変換できない文字もございますので、その場合は使用やめる、別の文字に変更するなどご相談させていただく場合がございます。
ウェブデザインは、ページの種別・ボリュームによってデザインしなければならない要素数が異なるので、その分工数(制作時間)が異なります。
従って、当社ではその工数の違いでデザイン費を決定しており、大きく分けて以下の5段階でデザイン費用を決定しています。
新規やリニューアルでサイト制作する場合は、一番工数を必要とするのは、サイトHOMEです。このページは、サイトの入り口となる為、特に拘ってデザインします。
ここでデザインしたヘッダやフッタ、サイドバーなどは、HOMEから展開される下層ページなどで共通部品として利用する為、当然下層ページデザインよりも工数を必要とします。
また同じHOMEデザインでも、ウェブサイトによってボリュームが全く異なるので、一律料金を設けておりません。
当社にご依頼ご検討されている場合で、おおよそのデザイン費を知りたい場合は、参考サイトをご提示いただければ、概算をお応えする事は可能です。
希望の方は、こちらよりお問合せください。
HOMEや下層ページのうち、特にアピールしたい場合は、そのページだけで他ページよりも多くの要素・デザインパターンを必要する事になります。
これは、通常のページデザインをするというよりも、ランディングページ(LP)のデザインに近い工数を必要とします。
例えば、特別なセールなどキャンペーンを告知する為のページを制作する場合は、他のページよりもより拘ってデザインする必要があったり、デザイントーンを変更してデザインします。
この様なページデザインがLP扱いとなります。LP扱いとなったページは、デザインだけではなくコーディングも同様の工数増となるので、コーディング費用もLP扱いとなります。
稀に1ページだけで完結させたいウェブサイト(ティザーサイト含む)をご希望される事もございますが、これも基本的にはLP扱いとなります。
LP扱いになるかどうかの判断は、掲載したい要素数・画像数・ワイヤーフレームのボリュームによって判断します。
アーカイブ画面の様に、同じ要素グループ(例えば タイトル・画像・キャプション・詳細文を1セット)とした場合が、繰り返し利用される様な場合は、LP扱いにはなりません。
ウェブサイトで表示する為のページは、デザインされたものをブラウザで表示する為の工程が必要です。
決定したデザインはそのままではブラウザで表示できないため、HTML や CSS という技術を用いて ウェブページとして正しく動作する形に組み立てる工程が必要になります。このコーディング作業に加え、PC・タブレット・スマートフォンなど、利用されるデバイスや画面サイズに応じたレイアウトの最適化を行います。閲覧者がどの環境でも快適に操作できるよう、基本的なアクション※や表示調整を行うことがコーディング費用に含まれます。
※基本的なアクションとは次の様なものが含まれます。
コーディング費用内に含まれる機能について、詳しくはこちらをご覧ください。
HTMLコーディングは、ページの種別・ボリュームによってコーディングしなければならない要素数が異なるので、その分工数(制作時間)が異なります。
従って、当社ではその工数の違いでHTMLコーディング費を決定しており、大きく分けて以下の6段階でHTMLコーディング費用を決定しています。
新規やリニューアルでサイト制作する場合は、一番工数を必要とするのは、サイトHOMEです。このページは、サイト全体で使用する共通要素や方向性が集約されている為、下層ページよりも多い工数を必要とします。
下層ページとは、ウェブサイトのツリー構造のうちHOMEを頂点としたら、第2階層以下のページを指します。
HOMEと下層で共通要素が異なる場合は、第2階層のうち特定の1ページを下層テンプレートとします。このページ以外の下層ページは、ここでコーディングしたHTMLのうち共通部分を流用してコーディングしてゆくので、下層ページの特定1ページだけは、他の下層ページよりも多い工数を必要とする為、比較して高い見積額となります。
ウェブサイトでは、同じページでも複数の要素に対して、それぞれの管理画面、処理が混在している事は少なくありません。
例えば、HOME画面の場合で次の様な希望があるとします。
(HOMEに表示する要素)
1.スライド
2.バナー
3.ニュース最新記事
4.下層コンテンツへの誘導
この場合
1.スライド→スライド追加・編集の為の処理と管理画面
2.バナー→バナーの追加・削除・リンク設定・並び順の処理と管理画面
3.ニュース最新記事→ニュースに登録した記事から最新10件を表示する処理
4.表示したい下層コンテンツと、並び順、リンク先を自動取得する処理
この様に
・そのページの要素名
・その要素はお客様サイドで管理画面からの更新が可能か?
・その要素の処理を実装する為の想定工数
・それ以外の情報(必要に応じてどのテンプレートをを使うか?など)
を明示したのが、このCMS想定作業工数表となります。
この対応表は、全ての案件で提出するものでは無く、必要と判断した案件で提出しています。
判断基準は、それぞれのページが複数の処理が混在しているサイトの場合です。
※2025年9月以降に導入した見積提出で、それ以前では提出していません。
HTMLコーディングやデザインには、そのページの要素数、長さ、処理によって段階を分けています。
これを、どのページはどの種別に見積設定しているか?を明示した表となります。
この対応表は、全ての案件で提出するものでは無く、必要と判断した案件で提出しています。
※判断基準は、それぞれのページが細かく見積設定している案件です。例えば「HOME、下層」だけで分けられる様なウェブサイトの場合は提出していません。
※2025年9月以降に導入した見積提出で、それ以前では提出していません。
同類ページとは、次の様なページをコーディングする場合に、適応する見積です。
例えば、タイトルや掲載画像・本文などは異なっても、その配置・デザインが変わらない場合は、新たにスタイル定義をする必要が無いので、比較的工数が軽減されます。
その為、この様なページは同類ページとして通常の下層ページコーディング費用の半額以程度のコーディング費用としています。
これは主にWordpressを利用したウェブサイトで適応する見積種別です。
WordPressのブロックエディタで挿入した要素には、ブロックエディタ特有のHTMLが挿入されます。その為、この要素の仕様に沿ってスタイル指定を行う必要がある為、通常のHTMLよりも若干工数を必要とします。その為、見積額も通常と比べて実感高い見積額を設定します。
エディタ対応とするメリットは、制作したページの画像・文字がWordpressの管理画面でお客様自身で変更する事が可能となります。
あくまでも、配置された画像・文字が修正できるのであって、新たな要素を追加する事は出来ません。ブロックエディタの仕様上、管理画面上で追加は可能ですが、追加した場合体裁崩れする可能性が高いです。
JSとはJavaScriptの事で、JavaScriptはページの要素動きを加えたり、特定の処理をする場合に使います。
例えば、スクロールしたら「ページトップへ戻る」のボタンが表示される、ボタンをクリックしたら隠れている要素が表示される、といったよく使う動きや処理は、予め定義しているものや、汎用的に公開されたライブラリを利用する為、追加費用をいただく事はありませんが、そのページの特定の処理の為に新たに定義する場合は、その処理を実現する為にプログラミングする必要がございます。
その為に専用JS用の見積費用をコーディング費とは別に加算する事があります。
問い合わせフォームの様にフォームパーツが設置してあるページの事です。
フォームパーツとは、入力フォーム、選択フォーム(セレクトメニュー、チェックボックス、ラジオボタン)が設置されていて、送信ボタンをクリックする事で、その内容がサーバーに記録されたり、メールを送信したり、その入力内容によって結果表示するなど、訪問者のに入力・選択内容によって異なる処理を行う為の入り口のページの事です。
但し、検索フォームの様にフォーム数が、1～2程度の場合は含まれません。
この様なページは、その処理に合わせた特別な処理が必要な為、通常のコーディング費用よりも若干多い工数を必要とします。