omnia

制作期間
2週間
担当
デザイン
使用ソフト・スキル
  • Photoshop,
  • Xd
制作内容
マーケティングに強みを持つ架空のWeb制作会社のサイト。(TOPページのみ)
サイトURL
https://xd.adobe.com/view/a7cc8f05-12f1-4f19-ab0b-8fb48a6fed13-f29f/grid
omniaのトップページの画像
コンセプトシート
omniaのコンセプトシート
デザインのポイント

■ 導線を考える

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

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

omniaのヘッダー

■ TOPビュー、ABOUT

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

omniaの強みを表す写真

■ SERVICE、SOLUTION

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

omniaのserviceページのアイコン

■ WORKS

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

■ CONTACT

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

■ レイアウト、カラー

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

omniaのページへ
omniaスマホ画面の画像
omniaのPC画面の画像
omniaのスマホ画面の画像
omniaのスマホ画面の画像

omniaのページへ

Works

Contact