サイボウズ Office | 中小企業の“チーム力”を強化するグループウェア

サイトイメージ

ポップ

スタイリッシュ

写真

イラスト

平面的

立体的

サイボウズ Office | 中小企業の“チーム力”を強化するグループウェア
サイボウズ Office | 中小企業の“チーム力”を強化するグループウェア

ちょうどいいポイント

+αのフラットデザイン

主にフラットデザインのイラストを使用しているこちらのサイト。一見シンプルですが、背景に同系色のグラデーションを適用したり、パーツごとに青みがかった影を付けたりしています。これらの工夫によって平坦な印象を防ぎ、シンプルながらも質感ある仕上りに。フラットデザインの良さを生かすには、ほんの少し抑揚を付けてあげることがおすすめです。

タブを使った見せ方

事例を紹介するセクションは、どうしても縦長or横長になってしまいますよね。こちらではタブを採用しており、要点のみ一言表示、詳細は下層ページへリンクさせています。一画面に収まるので、コンパクトに見せることが可能です。スクロールの手間を省ける点では、ユーザビリティの向上にも繋がります。レイアウトがマンネリ化した際は参考にしてみてはいかがでしょうか。

near

いざ、入店!

統一感を崩さない写真のトーン

もりは

動画の構成まで考えられててすごい❗️

かきのは

知りたい情報にたどり着ける工夫