西鉄情報システム 様 eラーニング「LOM」のLP

西鉄情報システム「労働安全衛生・食品衛生のeラーニングサービス『LOM』」のLP

デザインコンセプト

西鉄情報システム株式会社様が提供する、労働安全衛生・食品衛生のeラーニングサービス「LOM（LaKeel Online Media Service）」の集客用ランディングページです。

読み手として想定したのは、製造・食品・物流といった現場を抱える企業の安全衛生担当者や管理者の方々。この方々が日々抱えているのは「教育の内容が現場に伝わらない」ことと、「受講管理そのものに手間がかかる」ことの二重の負担です。
この2つを画面の一番上で言い当てることを、デザインの起点としました。

ファーストビューのコピーは「現場に伝わる。管理もラクになる。安全教育を”仕組み化”。」の三段構え。教育を受ける側の変化、教育を回す側の変化、そしてその先に手に入る状態を、短い文で順に置いています。

加えて右側には、ヘルメット姿の作業員と食品工場の白衣スタッフの実写を配置しました。サービス紹介の画面が抽象的になるほど「自社に関係あるのか」の判断は遠のくため、あえて現場そのものの写真で「うちの話だ」と直感してもらう設計です。

トーン＆マナーは、eラーニングにありがちな無機質さ・堅苦しさから意図的に離し、明るく前向きな学びの空気に振り切りました。

義務として消化する研修ではなく、続けられる仕組みとして受け取ってもらうこと。アニメのキャラクターイラストを全編に散らし、オレンジを基調としたのはそのためです。

レイアウト・アニメーション

全体は縦スクロール1本のストーリーテリング構造です。「LOMとは？」でサービスの輪郭を示し、対応カテゴリで自社の業種に当てはまるかを確認してもらい、「こんなお悩みありませんか？」で6つの課題を提示。そこからオレンジのシェブロン矢印で視線を落とし、「短時間で、抜け漏れなく解決します!!」へ接続します。悩みと解決を矢印1つで橋渡しすることで、読み手が自分の課題を認識した直後に答えが届く順番を担保しました。

解決策の01〜06は、3列×2行のグリッドに整理しています。大きなオレンジの連番、アイコンやイラスト、赤字でハイライトした補足という同じフォーマットを6枚とも徹底し、1枚あたりの情報量を揃えました。形式が揃っているぶん比較しながら読み進められ、6つ全体で「教育が自動で進む仕組み」という一つの像を結びます。

グレート・ビーンズは、Webマーケティングの戦略からコンテンツ制作、デザイン・実装まで、ワンストップでお任せいただける強みがあります。