株式会社モーデック様のグラフの数値を読み取るソフトウェアページのWEBサイトのデザインのみを担当しました。
内容はかなり専門的なのですが、対象がプログラマーではない一般の方が対象という事で、できるだけかたくならないようしてほしいと依頼をいただきました。
人物イラストやアイコン、グラフなどを多用する事で視覚的に分かりやすく、かつ楽しく見ていただけるようにデザインしました。
本制作では、グラフ数値読み取りソフトウェアという専門性の高いプロダクトの魅力を、幅広いユーザーに直感的に伝えることを最優先に意識しました。技術仕様は文字情報だけでは伝わりにくいため、アイコンや図解を効果的に組み合わせ、情報の階層構造を明確に整理するレイアウト設計を採用しています。配色はテクノロジー製品に相応しいネイビーとホワイトを基調とし、アクセントカラーにシアン系のブルーを用いることで、信頼感と先進性を同時に表現する効果を狙っています。
レイアウト面では、ユーザーの視線が自然に左上から右下へ流れるZの法則を意識し、製品の概要・特長・仕様という順序で情報を配置することで、読み手が無理なく理解を深められる導線を構築しました。また、各セクションに十分なホワイトスペースを確保し、情報過多による離脱を防ぐ構成を徹底しています。数値やグラフのビジュアル要素を要所に配置することで、製品への具体的な興味喚起につながるデザインに仕上げました。