デザイン制作

デザインコンセプトの設計

実際に手を動かしてデザインする前に、まず行うのがデザインコンセプトの設計です。

「クライアントの商品・サービスの魅力をどのようにアピールするか」
「デザインを通してユーザーにどんな印象を持ってもらいたいか」
を言語化し、コンセプトシートを作成します。また配色・フォント・モチーフなどのように具体的なポイントもあらかじめ決めておきます。

トップページのデザイン案作成

コンセプトが決定したら実際にデザインの制作に移ります。WEBサイト全体の個性が表れやすいトップページから取り掛かるのが一般的です。

またいきなりページ全体をデザインするのではなく、部分的にデザインした時点で担当ディレクターや担当外のデザイナーと議論の場を設けています。議論と改善を何度か繰り返し、方向性のすり合わせができたら全体を仕上げます。

社内ミーティング・改善

トップページ全体のデザインが仕上がったら、改めて複数人でチェックを行います。見た目の美しさだけでなく「わかりやすく魅力が伝わるか？」「ユーザーの心に残るか？」という視点で意見を出し合い、納得のいくデザインができあがるまで改善を繰り返します。

下層ページのデザイン案作成

トップページのデザインが固まったところで、下層ページの制作に移ります。WEBサイト全体で統一感が出るよう、あらかじめ決めておいたコンセプトや、トップページの方向性を取り入れるのがポイントです。トップページ同様、議論と改善を繰り返しながら制作します。

また現代はWEBサイトを見る端末が多岐にわたります。幅広い画面サイズに対応できる柔軟なデザイン（レスポンシブデザイン）の作成も標準で行います。

社内ミーティング・改善

サイト全体のデザインを最終チェックする工程です。ここまでの段階で既に議論と改善を何度も行っていますが、最後まで妥協せず改善点を探してデザインの完成度を高めます。

モーションデザイン

「モーション＝動き」をデザインする工程です。アニメーションを付けて表示したり、ページのスクロールやマウスの動作に合わせた動きを付けたりします。

参考サイトを提示したり、簡単な動きであればデザインソフト（Figma）上で作成するなどの方法で、動きのイメージを形にします。

ご提案・お打ち合わせ

出来上がったデザイン案をクライアントにご提案します。お打ち合わせの場を設けて、レクサのディレクターからデザイン案についてご説明するのが一般的です。さらなる改善点を見つけるため、クライアントが感じたご意見やご感想をしっかりヒアリングします。

またお打ち合わせでの協議事項をまとめた議事録と制作したデザイン案を、お打ち合わせ後にクラウド（Dropbox）上で共有します。

すり合わせ・確定

デザイン案をご確認いただいたうえで修正のご希望があれば、すり合わせを行います。クライアントとレクサ双方が納得できたところでデザインを確定とし、次の「デモサイト構築」の工程に進みます。

エンジニアへ引き継ぎ

デザイン制作までの工程はデザイナーが中心となって進めてきましたが、次のデモサイト構築からはエンジニアが中心となります。

ここではデザインのポイントや実装時の注意点などを、デザイナーからエンジニアへ引き継ぎます。