"唯一無二"へのカスタマイズ

クオリティWebデザインでは、基本テンプレートの中からもとになるテンプレート(気に入ったレイアウト)をお選びいただき、背景色、文字色、ナビゲーションメニュー、リンクボタンの色や画像などのパーツを変更していきます。

テンプレートといっても、あらかじめ決められているのはレイアウトのみ。現在公開されている世界中のホームページも、分類してみればほとんどがこれらのレイアウトで構成されています。
同じテンプレートでも、業種の違いやお客様の想いで唯一無二のホームページが完成します!

プランの最大の特長ですので、ぜひ最後までお読みいただきたいページですが、お急ぎの方はお気軽にお問い合わせください。

レイアウトを選ぶ

構造を選ぶ

ホームページのレイアウト構造を以下のタイプからお選びいただけます。
ここでは、レイアウトのみご確認ください。メニュー・コンテンツタイトルの背景や画像などは変更できます

2列型タイプ

メインのコンテンツとバナーやリンクなどのサイドバーが左右に並ぶタイプです。メイン記事、サイドバーは左右入れ替え自由です。

2列型Aタイプ
テンプレート 2列型Aタイプ

ヘッダー、メニューが上に並ぶタイプです。
一番人気で、メインカテゴリーが5~6個の場合に適しています。

2列型Bタイプ
テンプレート 2列型Bタイプ

メニューがサイドバーに縦に並ぶタイプです。
メインカテゴリーが多いまたは増やしていく場合に適しています。

2列型Cタイプ
テンプレート 2列型Cタイプ

スライドショーとメインコンテンツの幅が同じで、メニューがサイドバーに縦に並ぶタイプです。

2列型Dタイプ
テンプレート 2列型Dタイプ

ヘッダー、スライドショー、メニューの順に並ぶタイプです。

1列型タイプ

コンテンツが縦1列に並ぶタイプです。ランディングページなどもタイプに属します。

1列型Aタイプ
テンプレート 1列型Aタイプ

ヘッダー、メニュー、スライドショー、コンテンツの順に並ぶオーソドックスなタイプです。

1列型Bタイプ
テンプレート 1列型Bタイプ

ヘッダー、スライドショー、メニュー、コンテンツの順に並ぶタイプです。スライドショーを強調したい場合におすすめです。

ページ幅を選ぶ

ブラウザに対して、ページの幅を固定するか、ブラウザの幅に合わせるかをお選びいただけます。固定幅であっても、お客様にご指定いただいた幅より狭い場合、最大幅は100%になります。

※固定幅でサイズのご指定がない場合の初期値は1280pxになります。

固定幅
固定幅テンプレート

ブラウザの幅が一定の値を超えると左右に余白ができます。
メニュー・フッター背景だけを100%にすることも可能。

100%幅
100%幅テンプレート

ブラウザの幅にホームページの幅を合わせます。
スライドショーの幅のみ固定し、左右に余白を設けることも可能。

カラーを選ぶ

大まかな指定

ホームページのイメージカラーホームページ全体のカラーを大まかにご指示いただく方法です。

たとえば、「全体的なイメージカラーは赤。でも背景は白で」や、「全体的にモノトーンだけど、重要な部分だけ彩度を落とした赤で!」など…。

もちろん、全体的なイメージカラーをご指定いただいた上で部分的にカラーをご指示いただいても構いません。

大まかにご指示いただいたイメージカラーをもとにこちらでデザインし、提案させていただきます。

詳細な指定

ホームページのカラーを細かくご指定いただくこともできます。ご指定いただける箇所は以下の通りです。

  • 背景色
  • 文字色(通常の文字色)
  • 見出し色(ページやコンテンツのタイトルなどの文字色)
  • 文字色(通常の文字色)
  • リンク文字色
  • マウスをのせたときのリンク文字色

パーツを選ぶ

リンクボタン、タイトルのアクセントや、スライドショーのボタンなど、基本的には全体のデザインに合わせて弊社が選択しますが、もちろんお客様のご希望にも応じます。

弊社では、Font AwesomeのWebフォントを使用しますので、多彩な表現が可能になります。

スライドショーのボタン

スライドショーの各ボタンのパーツの例です。スライドショーの各名称はスライドショーのページをご覧ください。

ディレクションナビゲーション

  • Arrow

  • Angle-Double

  • Arrow-Circle-o

  • Arrow-Circle

  • Caret

  • Chevron
コントロールナビゲーション

サムネイルを使用しない場合のボタンです。ボタンのライン、カラーをご指定いただけます。

  • 正方形
  • 正方形(角丸み)
  • 長方形
  • 長方形(角丸み)
  • 楕円
見出しやリストのアクセント

アクセントのカラーは基本的に見出しの文字色と同色にしますが、ここだけ色を変更することも可能です。


  • fa-circle-o

  • fa-check

  • fa-check-circle-o

  • fa-check-circle

  • fa-check-square-o

  • fa-check-square

  • fa-exclamation

  • fa-hand-o-right

  • fa-external-link

  • fa-heart

  • fa-list

  • fa-square-o

上記はほんの一例です。

オーダーメイド感覚!

こんな感じでテンプレートをカスタマイズし、お客様のホームページ制作していきます。ここまでご覧いただきお分かり頂いたともいますが、決まっているのはレイアウトだけです。そもそも世の中に存在する数えきれないほどのホームページを見てみても、ごく限られたパターンで制作されています。国家のホームページであっても小規模の企業のホームページであってもです。

最初に紹介した6種類レイアウト。これが世の中のすべてとは言えませんが、このパターンに従い、色やパーツを変えることでオリジナリティあふれるホームページが出来上がるのです。弊社でも、この基本的な構造をもとにホームページを制作していくので作業時間を抑え、低価格でホームページを提供できるというわけです。