44dat DESIGN GALLERY

生活支援ロボット

Meridian Robotics(メリディアン)

架空ブランドを立てて制作したデザインデモです(2026-07-03 公開)。

実際のサイトを見る 別タブで開きます

Meridian Robotics(メリディアン)(生活支援ロボット)のホームページデザイン

Meridian Robotics は生活支援ヒューマノイド「Kit」を開発する横浜のロボティクスカンパニー。起き上がり補助・移乗準備・物品受け渡し——介助の現場に残る身体負荷を、人のペースを乱さずに減らします。神奈川県内 3 施設で実証運用中。

全ページビュー

Meridian Robotics(メリディアン) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト Meridian Robotics(メリディアン)— 生活空間で人の動作を静かに支える生活支援ヒューマノイド “Kit” を開発する国内ディープテック

スタイル
生活支援ヒューマノイドの“人に近づく精度”を主役化する、白基調×介助空間の温度を帯びた中間色のヒューマンセンタード・ミニマル(テック誇示ではなく共生を訴求)
レイアウト
分割スクリーン(左に生活シーン別ユースケース動画、右に立場を明文化した見出し+短文)+その下にユースケース別マイクロストーリーを縦積み。ファーストビューは一次CTA1本に集約し、開発者/研究者導線は下層のセクション内で分岐
タイポグラフィ
欧文ネオグロテスク+和文ヒューマニストサンセリフの二層。見出しは技術礼賛でなく“人の動作を支える”という立場を短く言い切る組み
モーション
ユースケース別マイクロストーリー主導。1本の格好いいヒーロー動画ではなく「起き上がり補助」「移乗準備」「物品受け渡し」など生活支援シーンごとに短く区切り、prefers-reduced-motionで静止フレームにフォールバック
配色
オフホワイト基調に、介助空間を想起させる温度のある中間色(生成りベージュ・淡いテラコッタ・セージ)を関係性の色として1色差す。工業的なテック青は退け、AA確保のインクグレーで本文を締める
狙い
白基調に生活シーン別の短尺動画を並べ“誰のどの負荷をどう減らすか”を編集軸に据え、一次CTAを1本に絞ってブランドの意志を立て、ロゴ帯ではなく実証現場・安全設計・稼働条件の一次情報で信頼を組む構成
設計の勘所
分割スクリーンの片側をユースケース別マイクロストーリー動画にし、立場を明文化した見出しと一次CTA1本を対置。信頼はロゴ帯でなく「どの環境で何を共同検証したか」の実証現場写真+稼働条件で示す

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。