Skip to main content

最近流行りのSaasを、ご存知でしょうか?

Saasとは、クラウドサーバーに上がっているソフトウェアを、インターネット経由でユーザーが利用できるサービスのことです。

この説明だとピンとこない方もいらっしゃるかと思うので例を出すと、GoogleスプレッドシートやSlackなどがこれに当てはまります。どちらもBtoBのSaasです。

特徴を挙げると分かりやすいと思うのですが、要するにSaasとは、インターネット経由で複数名のユーザーと同時にデータを編集できる、様々なソフトウェアのことを指します。

さて、そんなSaasですが、UIデザインをするにあたってどんなサイトが参考になるのでしょうか。

今回は、特におススメのサイトを以下に4つピックアップしました。

  • SANKOU!
  • S5-Style
  • straightline bookmark
  • Responsive Web Design JP

それぞれ、どんな特徴があるかを説明していきます。

SANKOU!  

Webデザイン制作の参考になる国内のステキなサイト集

事例の数:2,489(21/08/04現在)

高品質なWebサイト・ECサイト・LP・コンテンツページが揃う、サイトギャラリーです。特徴は更新頻度の高さで、流行を追うのであればSANOU!がおススメです。

検索機能がユニークで、例えばWEBサイトを探したい、LPを探したいなどのサイトの形式で検索も出来れば、コーポレートサイトやブランドサイトなどの会社側のジャンルで探すことも可能。下の方に行けば、シンプルだとかスタイリッシュだとか、デザイナー目線のカテゴリも揃っているのがうれしいところです。

またお気に入り機能があって、♡を押すと「お気に入りのサイト」に保存できます。参考サイトの選定時などに活用できます。

S5-Style  

Web Design Inspiration

事例の数:8,056(21/08/04現在)

「S5-Style」では、高品質なデザインのサイトが厳選されながらも、8,000以上の事例を掲載しています。

検索機能が優れていて、例えは提供するサービスのジャンルからフィルターを掛けたり、クリエティブ的にどういった注目点があるのか、色は何色が基調とされているのかなど、着目点を変化させて検索することが可能です。

また、Technicの欄からCSSやHTMLなどの技術仕様別に絞り込むことも可能です。 今どんな技術をもとにしたサイトを参考にしたいのか、という目的ベースでも検索が行えるという強みを持ったサイトです。

straightline bookmark  

web design bookmarking

事例の数:26,366(21/08/04現在)

「straightline bookmark」は、国内外の優れたWebデザインを2万点以上も収録している、掲載数最高峰ギャラリーの一つです。

検索の選択肢が豊富ですが、それもあってか初の利用では戸惑うかもしれません。左上のtag listをクリックすることで、検索機能を活用することが出来ます。

それさえわかれば、この検索機能は多機能で非常に便利です。色での検索やジャンル別検索。多国籍なギャラリーサイトであるため、どの言語圏のサイトであるか、という検索方法も存在します。

また、このサイト独自の検索方法として、サイトパターンというものが存在します。これはどういうことかというと、サイトのレイアウトのパターンがどういった形を採用しているのか、というレイアウト検索機能です。すでにレイアウトが決まった状態で、たくさんのサンプルを見たい、という方は必見かと思います。

他にも、ユーザーによるブックマークやいいねの数を確認できるなど、客観的な評価を把握できる点も優れています。

Responsive Web Design JP  

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

事例の数:5,200(21/08/04現在)

「Responsive Web Design JP」は、高品質のレスポンシブデザインサイトを、世界中から集めたギャラリーです。
レスポンシブデザイン、というのは閲覧ユーザーの表示画面サイズからデザインサイズを最適化して表示するデザインのことを指します。こういったレスポンシブデザインを行うのにはコーディング技術が必要なため、技術的な関心が強い方にお勧めのギャラリーと言えるでしょう。

検索方法はカテゴリ、色、技術、タイプの四つをベースに可能で、安定した検索機能を有していると言えそうです。
サムネイルは、スマホ、タブレット、PCが一覧表示されているため、それぞれがどんなデザインなのか、というのが一目で分かります。レスポンシブデザインをメインに考えている場合は、このサイトが最適でしょう。

まとめ  

以上が、BtoB向けSaasのUIデザイン作成で特に参考になるサイトになります。

中でもSaasに絞って検索を掛けるのには工夫が要りますが、やはり情報通信系の会社サービスから絞り込んでいくのが見つかりやすいかと思います。

ご参考になれば幸いです。

Leave a Reply

今すぐ相談したい場合はこちら

もしあなたがデザイナーを探しているなら、以下の連絡先まで

info@cosmorena.space

phone icon+050-5850-9282

お悩みをお聞かせください


{{ ProviderProps.errors[0] }}