■ 導線を考える

• ・何が強みのWeb制作会社なのか
• ・何が出来るのか
• ・結果はどうなのか
• ・その他の情報
• ・お問い合わせに繋げる

ゴールまでの行動を仮定し、ユーザーが気になる情報順でレイアウトを考えました。 主な連絡手段となる電話とコンタクトフォームへのリンクをヘッダー上部に分かりやすく設置しました。

■ TOPビュー、ABOUT

TOPビューのキャッチコピーで強みとなる運用面を明示。
ABOUTではより詳細に、どのようにWeb制作と向き合っているのか、他社と比較した時の強みを 明示しました。
また、見出しを連想させる握手をした画像を使用し、文章の配置は可読性を意識しました。

■ SERVICE、SOLUTION

SERVICEでは何ができるか、SOLUTIONではどの様な要望に答えれるかを明示しました。
アイコンを使用したり、番号を振る事で視覚的にも分かりやすくを心がけた。

■ WORKS

ユーザーにも重要な情報である制作実績は、こじんまりしたレイアウトにならない様、セクションの最大幅を広げる事で、１つ１つの実績を大きく見せることを意識しました。

■ CONTACT

お問い合わせフォームは、TOPページから送信できる形で設置。 他のページに飛ばさないことも、ユーザビリティを考えているという意識をしました。

■ レイアウト、カラー

シンプルでユーザーが気になる物を見つけやすいレイアウトを意識しました。 キーカラーはWeb制作会社に必要と思われる先進的、信頼、爽やかの意味を込めて青系のものを取り入れました。