エレメントデザインとは、エレメント(要素)毎のデザインを予めデザインしておいて、ページを制作する際にこれらの要素を組み合わせて制作してゆく手法です。

 

エレメントデザインを事前に決めておくことで、ページごとに個別のデザインを一から制作する必要がなくなり、デザイン費が高くなることを防ぐことができます。また、要素レベルでデザインが統一されているため、サイト全体で一貫性のある見た目を保つことができ、ブランドイメージの向上にもつながります。

 

さらに、見出しやボックス、ボタンなどのエレメントを共通化しておくことで、お客様自身が投稿される「お知らせ」「トピックス」などでも統一したデザインを簡単に再現できるようになります。結果として、運用時の作業効率が向上し、管理側・閲覧側どちらにとっても見やすく使いやすいサイトを構築できます。

 

エレメントデザインには主に次の様なパーツをデザインします。

 

• タイトル 6段階(h1～h2)
• アイキャッチ
• リードコピー
• 本文
• 画像配置(1カラム～3カラム)と画像キャプション
• 2カラム～3カラム時のタイトル・画像・本文の配置
• 表組
• リンクボタン
• その他、そのサイトでよく使うパーツ

 

例えば、このサポートサイトも、予めエレメントデザインを決定しており、当社担当者はページ毎にデザインしているのではなく、予め作成しておいたエレメントを使って投稿を行っている為、文章投稿のみである程度統一性のあるページ追加ができる様になっています。

 

エレメントデザインを採用する事で、デザイン費だけでは無く、コーディング費も抑える事が出来ます。