自社SaaSのサービスサイトのデザイン

□ 意識したこと

ウェブサイトの作成において意識したことしては、何をしているサービスなのかが分かるようにまた文字の視認性を低下させないようにレイアウトを構成したことでした。

"何をやっているサービスなのか"については、背景を貿易船の画像にすることによって、漠然と”貿易船”→“貿易関係の何かなのか“と意識の何かに刷り込むことができる考えました。

そして、文章を読んだ際に、貿易系の何かしらのサービスであるという所にたどり着くと思います。情報を必要最小限にすることで、ブラウザをスクロールしてもっらったり、具体的な話が記載している画面に遷移させることを狙いとしていました。

また上記の画像のように背景に重ねたサービス紹介の文章を読めるように工夫しています。背景を薄暗くして白字の文章を際立たせて画面を見た際に文字に目が行くように意識してレイアウトを考えました。

その他には、当サービスのイメージカラーをオレンジとしており、サービスサイトの中でもポイントで使用しています。色による刷り込みを考えて、作成しました。