ホームページ制作におけるデザインとテンプレート

瑞鶴ではWixやJimdo、Strikingly、Webnode、Weeblyなど世界全体で多くの人に使われているホームページ作成サービスを利用します。そのため、基本的には各サービスで用意されたテンプレートを基にお客様のご希望のイメージに合わせてデザインカスタマイズを行います。

 

以前はワードプレス(WordPress)を使っていたので、現在もワードプレスのテンプレートを使用してデザインを行うプランがあります。

 

例えば個人的に気にっているWix(ウィックス)には400以上のテンプレートが用意されています。テンプレートを選ぶ画面では1ページに12個のデザインが表示され、2018年3月現在で43ページあります。そこからとりあえず1ページ半分のスクリーンショットを撮りまとめてみたのが次の写真です。

 

Wixのデザイン例

 

まとめすぎて一つ一つが小さくなりましたが、ぱっと見でもはや完成形のデザインなのがわかると思います。あとはここから各個人の希望に合わせて写真を変えたり、配置を変えたり、新しい機能を付け加えたり、デザインのカスタマイズを行います。

 

豊富なデザイン

Wixを例にとって紹介すると、デザインカテゴリーは非常に細かく分けられており、大きな16のカテゴリーの中にさらに小さく分類化されています。これらで合計400以上のデザインが用意されているのです!

 

  • ビジネス
  • コンサルティング、修理&サービス、広告&マーケティング、車&バイク、不動産、法律&ファイナンス、IT&アプリ、ペット&動物

  • ネットショップ
  • ファッション&アパレル、ジェリー&アクセサリー、アート&クラフト、ホーム&インテリア、美容&健康、フード&ドリンク、スポーツ&アウトドア、電子機器、子供&ベビー

  • 写真
  • 結婚式&イベント、出版&商業写真、自然&風景

  • 動画配信
  • 音楽
  • ソロアーティスト、バンド、DJ、スタジオ&レーベル

  • デザイン
  • デザイナー、デザイン事務所、ポートフォリオ

  • 飲食店&グルメ
  • レストラン、カフェ&ベーカリー、バー&クラブ、デリバリー&シェフ、フード&ドリンク

  • ホテル
  • ホテル、貸別荘、ペンション、キャンプ場&ホステル、旅行&観光

  • イベント
  • 結婚式&お祝い、セミナー&ミートアップ、イベント企画、ライブ&パフォーマンス

  • 個人サイト
  • ポートフォリオ、履歴書、プロフィール

  • ブログ
  • 健康&フィットネス
  • 医療&介護、健康&フィットネス、スポーツ

  • 美容&ファッション
  • ヘアケア&コスメ、ファッション

  • 教育&コミュニティ
  • コミュニティ、教育&レッスン、宗教&非営利

  • アート
  • 絵画&イラスト、舞台芸術、ライター&作家、エンターテイメント

  • ランディングページ
  • 近日公開、告知&リリース

 

業種ごとのデザインの紹介

ホームページ作成の依頼を受けたら、各サービスのテンプレートからお客様のご希望に近いデザインを選び、いくつか提案させて頂きます。そこからお客様が気に入ったものをカスタマイズします。

 

一応参考までに各業種ごとにテンプレートのデザイン例を紹介していきます。あくまで抜粋なので実際にはここで紹介するデザインの何倍もあります。
※2018年3月現在、紹介するデザイン例を更新中です。

 

アパレルボタン 薬局ボタン
バークラブボタン 飲食ボタン
エステボタン ネイル美容ボタン
接骨院整体ボタン 老人ホームボタン
病院歯医者ボタン 保険代理店ボタン
旅館ホテルボタン 神社ボタン
ゴルフ場ボタン ブライダルボタン
建設会社ボタン リフォームボタン
不動産会社ボタン 農家ボタン
政治家個人ボタン 法律事務所ボタン
中小企業ボタン ネットショップボタン
雑誌メディアボタン バンドボタン
保育幼稚園ボタン  

 

WordPress(ワードプレス)を使う場合のデザイン

ホームページ制作におけるデザインとテンプレート

 

WordPress(ワードプレス)を使ったホームページ制作において、まず重要なのがテンプレート(デザインのひな形)を選ぶことです。WordPressのテンプレートは世界各国の有志(ボランティア)によって制作・公開されています。また、プロのデザイナーによって製作されたテンプレートを数千円〜3万円ほどで販売している会社もあります。

 

実際素晴らしいデザインのテンプレートが(無料のも含めて)数え切れないほどありますから、わざわざホームページ制作会社にデザイン料として何十万円も払うのは、「相当オリジナリティあふれる唯一無二の完璧なホームページにしたい!」と思っている人以外はやめたほうがいいです。

 

最近の主流はレスポンシブデザイン

レスポンシブデザイン

 

最近はあらかじめ「レスポンシブデザイン」が組み込まれているテンプレートが主流です。レスポンシブデザインとは、パソコンやスマートフォンなど画面サイズの違いに合わせて、ホームページを自動で調節して見やすく表示するシステムです。このシステムにより、わざわざ別料金(数万円)を払ってレスポンシブ対応にしたり、スマートフォン専用サイトを制作する必要はなくなります。

 

おすすめのテンプレート

それでは以下に私がおすすめするテンプレートを紹介していきます。どれもネットで公開されている物なので自由に見ることができますが、良いものは大体有料です(笑)もっとも、有料だから、高いからと言って必ずしもあなたが求めているホームページに適合するかどうかは別問題です。

 

もしご希望のテンプレートがあれば、その旨をお申込みメールに記載するか、初回打ち合わせ時に相談してください。

 

TCD

TCD

 

レスポンシブデザインを前提に、写真やイラストをギャラリーにして見せたり、ホテルのように高級感あふれる雰囲気だったり、流行りのレストランのように自慢の一品をアピールしたり、様々なコンセプトに対応したテンプレートがたくさんあります。当ホームページもTCDで、約9,000円くらいで購入しました笑。

 

TCD公式サイトのトップページ上にあるメニューから「テーマ比較ナビ」を選択すると、目的別・業種別に合ったテンプレートに整理してみることができます。女性が気に入るようなレイアウトもたくさんあります。値段は大体1万円前後で、このデザインでこの価格はコスパ良いのでお勧めです。

 

ただし、SEO(検索エンジン最適化)対策がめちゃくちゃなので、大掛かりなカスタマイズが必要です。この大掛かりなカスタマイズに関しては追加オプション料金にて対応します。

 

>>TCD公式サイトはこちら

 

賢威(けんい)

賢威のテンプレート

 

SEO業界で知らない人がいないほど有名なテンプレートです。SEOの内部対策があらかじめ完璧に整えられており、他のテンプレートを使えば使うほど、この賢威のテンプレートの素晴らしさを実感します。

 

価格は24,800円(税込)で非常に高いですが、組み込まれたSEO対策の価値を考えれば妥当です。レスポンシブ対応もしています。またバージョンアップにも無料で対応しており、永久的に最新版を使用できます。

 

ただし、デザイン性が著しく低いので、見た目が気に入らない人はデザインカスタマイズすると良いでしょう。デザインカスタマイズについては追加オプション料金にて対応します。

 

>>賢威公式サイトはこちら

 

テンプレートキング

テンプレートキング

 

テンプレートキングのテンプレートは全て無料で、しかも全てレスポンシブデザインンです。ただ全て‥と言っても2016年8月現在で16種類しかないのが残念です。会社案内系、飲食系、美容・ファッション系、教育・スクール系、医療系など、一応目的に沿ったデザインが用意されています。

 

テンプレートキング公式サイトの「テンプレート一覧」で探すことができます。無料なので、「とりあえず作るだけ作ってみたい」という人におすすめです。

 

>>テンプレートキング公式サイトはこちら

 

クラウドテンプレート

クラウドテンプレート

 

一般的な会社のホームページとしては定番のテンプレートが豊富です。面白味はないですが、レスポンシブデザインンもそこそこ種類があります。お値段は2,000円〜5,000円くらいが多いでしょうか。TCDよりも安いですが、デザイン性がないのが欠点です。

 

クラウドテンプレート公式サイトの「レスポンシブWPテーマ」で一覧化してみることができます。「ワードプレステーマ」でもよいですが、別途レスポンシブ対応しないといけないので面倒です。

 

>>クラウドテンプレート公式サイトはこちら

 

LIQUID PRESS

LIQUID PRESS

 

シンプルなデザインから、メディア向けやおしゃれな感じ、写真を多用したサイト向けなど数種類あり、すべてレスポンシブ対応です。値段は4,000〜9,000円ほどです。

 

2016年現在は全部で8種類(うち1つは無料)のようです。良くも悪くも最近はやりのデザインですので、「あまりオリジナリティにはこだわらない、流行に乗りたい」という人におすすめです。

 

>>LIQUID PRESS公式サイトはこちら

 

WordPress.org 日本語サイト

WordPress.org 日本語サイト

 

WordPressの公式サイトの日本語版です。世界中のクリエイターやデザイナーが作成したワードプレスのテンプレート(テーマ)が紹介されています。基本的には無料ですが、中には有料のテンプレートも存在します。本当に、世界中から集まったデザインなので、見ているだけで一日潰れます。

 

公式サイトのメニューにある「テーマ」を選択し、おすすめ、人気(トレンド)、最新、特徴などで絞り込むことができます。逆に絞り込まないどこから見ればいいのかわかりません笑。気に入ったデザインがあればブックマークなどしておくと良いでしょう。リニューアルしたい時にご相談いただければ対応します。

 

>>WordPress.org 日本語サイトはこちら