TOPお役立ち情報スプリットスクリーンレイアウトデザインの企業サイト
社長コラム

スプリットスクリーンレイアウトデザインの企業サイト

貴社の企業サイトに”こだわり”はありますか?

 

情報化社会が加速する近年、ユーザーが商品やサービスを選択する際に、インターネット上の情報はますます重要視されています。
そのユーザーが信頼できる情報源としてよく挙げるのが「企業サイト」です。

 

つまり、企業サイトは企業の第一印象や信頼感、ブランドイメージを大きく左右する存在なのです。
現代において消費者のニーズの変化は著しく、企業はその変化に常に対応していくことが求められます。
そのため、企業サイトもリニューアルを絶えず行っていく必要があるのです。

 

そこで、プラットインも企業サイトを2017年12月28日にリニューアルオープンしました。

 

※追記:2018年5月18日に詳細な下層ページも公開。

 

当コラムでは、ここだけでしか知りえないプラットインの企業サイトのコンセプト、デザイン(スプリットスクリーンレイアウト)の意図について、詳しく解説します。

この記事を読むとわかること

  • 企業サイトがブランドイメージに与える影響
  • スプリットスクリーンレイアウトとは何か
  • スプリットスクリーンレイアウトのメリット
  • レスポンシブデザインが重要視される理由
  • 企業サイトで信頼感を高めるコンテンツ設計の考え方

なぜ企業サイトは重要なのか?

インターネット上で企業のブランドイメージを確立するためには、企業サイトは必要不可欠です。
なぜなら、スマホを中心にモバイル端末が普及し、いつでもどこでも情報収集が可能になったからです。
もはや企業の情報も、企業サイトを経由して行われるのが当たり前なのです。

また、社会の公器である企業はステークホルダーに対して、正確な情報を発信していく責任があります。
その点、企業サイトは自社の理念や、最新の動向、商品・サービスについての情報を丁寧に発信するという役割も担っているのです。
つまり、企業サイト運営は今や事業の一環であり、時代の変化に随時対応していく必要があります。

デザインの意図

今や、企業サイトを保有していることは当たり前とも言えます。

しかし、企業サイトが当たり前になるということは、企業サイトの数が増えたということを意味しています。つまり、基本情報しか掲載していない企業サイトでは、競合他社に埋もれてしまい、ユーザーの目に止まらないのです。

そこで重要なのが「デザイン」と「コンセプト」です。
ここに貴社ならではの”こだわり”を持つことで、ユーザーに選ばれる企業サイトになります。

プラットインも「デザイン」と「コンセプト」において、並々ならぬ”こだわり”を持っています。

ここではまず、「デザイン」について紹介します。

プラットインは「スプリットスクリーンレイアウト」という手法を用いています。
このスプリットスクリーンレイアウトとは、「ひとつの画面に2つのメッセージ」というルールの下に成り立っており、導入する企業も増え、注目を集めています。

「スプリットスクリーンレイアウト」には大きく分けて以下の2つのメリットがあります。

①要素の強弱をつけやすい
②レスポンシブデザインと相性抜群

 

要素の強弱をつけやすい

まず、①についてです。
従来の企業サイトでは、インパクトのある画像をレイアウトした「1カラムレイアウト」や、それにサイドバーを追加した「2カラムレイアウト」が多く用いられ、メインコンテンツを強調するのが一般的な手法でした。

それに対し、「スプリットスクリーンレイアウト」では画面を中央でダイナミックに分割して、それぞれのコンテンツを引き立たせることができるため、いくつかの”伝えたいこと”を強調して訴えることができます。

画面の左側にアイキャッチとなる画像を配置し、右側にその説明を加えたり、左右で背景色やフォントを異なったものにするなど、アイデア次第でオリジナリティ溢れたサイトを制作することができます。
つまり、「スプリットスクリーンレイアウト」を導入することで、インパクト絶大でありながら、見やすい&読みやすいサイトを制作でき、競合他社との差別化を図ることができるのです。

そして、プラットインはこの「スプリットスクリーンレイアウト」にとことんこだわっています。
まず、「スプリットスクリーンレイアウト」を用いる場合、サイトのキーとなるメインビジュアル”のみ”画面を分割し、要素を強調させるのが一般的です。

しかし、プラットインは企業サイトのメインビジュアルだけでなく、TOPページ全てに「スプリットスクリーンレイアウト」を適用しており、今までにない新しいデザインに挑戦しています。
そのため、非常にインパクトのある仕上がり&伝えたいことを分かりやすく&”すべきことをとことんやる”という姿勢を表現しています。

このスプリットスクリーンレイアウトデザインの新しい形により、他社との差別化を図っています。

 

レスポンシブデザインと相性抜群

次に②についてです。
そもそも「レスポンシブデザイン」についてですが、これはPC、タブレット、スマートフォンなどの複数の異なる画面サイズに対し、サイトのレイアウトデザインを自動調整することを指しています。

スマートフォンなどのモバイル端末が急速に普及していく中で、webサイトのマルチデバイス化が重要となってきており、「レスポンシブデザイン」はその面でも多くのメリットがあります。(また現在において、レスポンシブデザインは必須とも言えます)

そして、この「レスポンシブデザイン」は上記の「スプリットスクリーンレイアウト」と非常に相性が良いのです。

 

プラットインはこの2つのデザイン手法を導入することで、知りたい情報を分かりやすく、いつでも、どこでも、誰でも閲覧することを可能にしました。

コンセプトの意図

「コンセプト」において意図していることは2つあります。

①”現在の事業”と”目指す場所”の両方を伝える
②メンバーの顔を掲載する

 

“現在の事業”と”目指す場所”の両方を伝える

まず、①についてです。
プラットインは現時点においては「web制作支援」と「採用支援」の2事業が収益の柱として展開しております。
企業サイトは商品・サービス認知のための営業も兼ねているため、上記のサービスについてもプラットインの企業サイトに詳しく掲載しております。

しかし、プラットインが本当にお伝えしたいことはこれだけではありません。
プラットインは「社会に、世の中に、世界中に、なくてはならない、プラットフォームやインフラを創る」という想いを起源としています。

実際にプラットフォーム事業である「求人カタログ」を2017年から展開。2018年にはインフラ事業を展開予定です。

つまり、プラットインの収益を今担っている”現在の事業”が「web制作支援」と「採用支援」であり、将来的に”目指す場所”が「世界にプラットフォームやインフラを創る事業会社」であるということです。

プラットインが、企業サイトにてお伝えしたいことは”現在の事業”と”目指す場所”の両方です。

先述の「スプリットスクリーンレイアウト」を応用したデザイン・技術を導入することにより、今までにない形で”現在の事業”と”目指す場所”の両方をお伝えすることが可能になったのです。

 

メンバーの顔を掲載する

次に②についてです。
貴社の企業サイトは信頼・安心という印象を与えられているでしょうか?

少しデータを見てみましょう。
経済産業省が平成22年に行った「消費者購買動向調査」です。
この調査では、消費者が商品やサービスを選ぶ際にこだわるのは「信頼」と「安心」であることが明らかになりました。
つまり、企業サイトでは信頼・安心という印象を与えるコンテンツが重要になってくるのです。

ここで、コンテンンツとして効果的なのが「人の顔を掲載すること」です。
例えば、全く人の写真が掲載されていない企業サイトを信用することができるでしょうか。
初見であれば「顔も出せないほど自社サービスに自信がないのか」「危ない会社なのでは?」といった印象を与えてしまいます。
しかし、社長はじめ社員の顔を掲載することで、見た人からより高い信頼を得たり、安心感を与えることができるのです。

プラットインも代表である私をはじめとする、各メンバーの写真を多く掲載しています。
閲覧者に信頼・安心といった印象を与え、事業の受託件数upにも実際に繋がっています。

貴社だけの企業サイトを

以上、プラットインの企業サイトリニューアルについて詳しく解説させていただきました。 企業サイト作りの参考になったでしょうか?

企業間取引を行う際に、相手は必ずと言って良いほど貴社の企業サイトを閲覧します。
もし、貴社の企業サイトが他社に見劣るものであれば、売り上げに繋がる機会を損失しているかもしれません。
そこで、貴社だけのオリジナルの企業サイトを持つことが重要になります。

既にお分かりのことかと存じますが、プラットインは企業サイトに並々ならぬ”こだわり”をもっています。
そして、この”こだわり”は時代に合わせて変化させ、より良いものを追求していきます。 今回のリニューアルもその意図があってのことです。

プラットインの考えが、貴社の企業サイト作りの参考になれば幸いです。

当コラムを最後まで読んでいただき、ありがとうございました。

よくある質問

Q

スプリットスクリーンレイアウトとは何ですか?

A

1つの画面を左右に分割し、異なる情報やビジュアルを同時に見せるデザイン手法です。複数のメッセージを印象的に伝えやすい特徴があります。

Q

なぜ企業サイトにデザインが重要なのですか?

A

企業サイトは企業の第一印象やブランドイメージに影響を与えるためです。競合サイトが増える中で、デザインやコンセプトによる差別化が求められています。

Q

スプリットスクリーンレイアウトにはどのようなメリットがありますか?

A

情報に強弱をつけやすく、複数の要素を整理して見せやすい点がメリットです。また、インパクトを持たせながら視認性を高めやすい特徴があります。

Q

レスポンシブデザインとは何ですか?

A

PC・タブレット・スマートフォンなど、異なる画面サイズに合わせてレイアウトを自動調整するデザイン設計です。モバイル閲覧が増える現在では重要性が高まっています。

Q

企業サイトで信頼感を高める方法はありますか?

A

社員や代表者の顔写真、企業理念、事業内容などを掲載し、企業の実態が伝わる情報を発信することが、信頼感や安心感につながる要素として挙げられています。

この記事を書いたライター

監修:高田隼渡

プラットイン代表

Other Column

その他のお役立ち情報

社長コラム

採用サイト 2026年卒向けは先手で準備した企業が制す -2026年卒の新卒採用に向けて-

社長コラム

採用サイトを作りたい人必見!【参考事例を紹介】

社長コラム

【2025年卒】採用サイトのデザイントレンドとなるものは?

社長コラム

採用スケジュール【2025年卒】の組み方を解説!新卒採用で企業側が準備することは?

社長コラム

採用サイト 2025年卒向けは転換期-2025年卒の新卒採用に向けて

社長コラム

採用サイト 2023年卒向けは急げ-2023年卒の新卒採用の動きから-

社長コラム

採用サイト2022年卒向けは必要か-2022年卒の新卒採用の動きから-

社長コラム

2021年卒採用サイトの必要性-新卒採用動向から-

社長コラム

令和を代表する企業になるプラットイン

社長コラム

2020年卒の採用サイト制作について

社長コラム

プロシューマー(生産消費者)社会の到来か

社長コラム

社員採用する意味について考える

社長コラム

求人カタログの運営を通して

社長コラム

2020年卒の新卒採用活動について

お役立ち情報 採用について

採用がうまくいかない理由とは?

お役立ち情報

採用動画の効果は?応募を増やす作り方と成功事例

お役立ち情報

採用ブランディングとは?目的、方法、事例を解説

お役立ち情報

採用サイトとは?目的・必要性、効果的な活用方法を解説

就活コラム

就活が終わったらやるべき4つのことと後悔しない時間の使い方

就活コラム

銀行に転職したい!必要な資格やスキルとは?

就活コラム

人事経験者が伝える「面接が怖い」と感じるときの対処法

就活コラム

就活が嫌すぎてつらい人に送る前向きになれる言葉

就活コラム

小売の転職であると有利な資格の種類と取得方法

就活コラム

内定者研修の欠席連絡をするときの注意点とその後の対応

就活コラム

未経験者必見!ゲーム会社インターンおすすめ6選【規模別紹介】

就活コラム

プレミアムフライデーが根付かなかった4つの理由

就活コラム

採用サイトの社員紹介ページから社風を知れる!

メンバーコラム

2020年プラットイン新卒入社式inほっともっとフィールド神戸

就活コラム

ホテル業界へ就職するために身につけておきたいスキル3選

就活コラム

面接の時間帯は合否に関係するのか

就活コラム

お寺の採用ってどうしてる?お寺で働く方法とは

就活コラム

大学生必見!学内就活講座は受けるべき?流すべき?

就活コラム

内々定承諾書の提出期限が迫ってる!延期の方法や返信の仕方とは?

就活コラム

美大出身学生のエントリーシートの書き方

就活コラム

就職活動が辛くなってきた。就活鬱の症状と対処法

就活コラム

採用サイトのスマホ対応したデザインの特徴

就活コラム

「直接応募」とはなにか?プロが伝える!

就活コラム

入社式のスーツで気を付けることは?

就活コラム

直接応募は採用サイト活用で一石二鳥!

就活コラム

直接応募か就職エージェント活用 決めるポイントは?

就活コラム

直接応募で就活は変わるのか

就活コラム

直接応募が企業にもたらす効果とは?

就活コラム

社歌はいらないのか?社歌を制作して社歌を考えてみた

就活コラム

内定を複数貰った時の対応ガイド

就活コラム

エアライン業界のキャリアパス制度を紹介!

就活コラム

経験者が語る!-塾の事務、受付業務の仕事について-

就活コラム

色彩検定保持者が語る!「色」が就職において役立った経験談

就活コラム

グループディスカッション対策!【抽象的テーマ型GD編】

就活コラム

会社訪問に早く着きすぎた時の有効な時間の使い方

就活コラム

採用ツール制作で他社と差をつける効果的な4選-学生の心を掴む-

就活コラム

採用サイトのコンテンツ-自社の色を出す-

就活コラム

新卒採用サイトランキング-学生編集部厳選!-

就活コラム

ランキングで見る!就活の役に立てられそうな人気アルバイト20

就活コラム

採用サイト2018を1000社以上見て感じたこと

就活コラム

採用サイトのデザインを分析!特徴とは

就活コラム

新卒採用サイト2019年版をこれから制作される方へ

就活コラム

採用サイトが増えた2017年!これからも増加傾向か?

就活コラム

リクルートサイトを2000社近くまとめて気付いた特徴

社長コラム

採用マーケティングが必要な時代

社長コラム

直接応募を推奨するプラットイン

社長コラム

横スクロールの採用サイトでプラットインを伝える

お役立ち情報

【ホームページ制作会社おすすめ10選】目的別比較と制作ポイント

お役立ち情報

ホームページ制作はどこに依頼すべき?費用と成果の違い

お役立ち情報

Webサイト制作会社の選び方で見落としがちな落とし穴

お役立ち情報

かっこいい企業ホームページの作り方で分かるデザインの差

お役立ち情報

センスのいい企業ホームページ事例で分かる成果が出るデザインの共通点

お役立ち情報

採用サイトは本当に必要か。役割と求人媒体との違いを解説

お役立ち情報

企業ホームページ作成は外注か自作か?費用・手間・成果の違い

お役立ち情報

Webサイト制作会社の選び方と見落としがちな5つの盲点

お役立ち情報

会社ホームページ制作とは?作り方・費用・外注判断まで失敗しない進め方

お役立ち情報

採用サイトで応募数は増える?採用ブランディングとの関係と効果

お役立ち情報

採用サイトの相場とは?費用の目安と価格が変わる要因を整理

お役立ち情報

採用ブランディングとは?目的と設計方法の基本知識入門ガイド

お役立ち情報

【採用サイト制作の始め方】全体の流れと必要な準備・構成