サービスをつなぐ
SMT、THT、検査、組立を一つの流れとして伝える。
- クライアント
- P&R Gerätetechnik
- 分野
- 電子機器製造 / EMS
- 担当
- 企画・デザイン・開発
- 構成
- 多言語・レスポンシブ
01 / 課題
豊かな技術を、明快な入口へ。
基板から完成した機器まで、P&Rは多くの製造工程をつなぎます。その技術の奥行きを伝えながら、具体的な製品を相談したい人にも、初めて会社を知る人にも、迷わない入口をつくりました。
実像を見せる
実際の製造現場の写真で、企業の技術と姿勢を伝える。
道筋を整える
全体像から必要なサービス、そして相談へと導く。
02 / デザイン
技術を見せる。信頼につなげる。
ペトロールブルー、余白、端正なMetropolis書体で、技術の世界に落ち着きを与えました。実際の現場写真と動きのあるイラストが、内容を引き立てながら工程を伝えます。
書体 / METROPOLIS
細部に宿る精密さ。
カラーパレット
#165F70
#103F48
#F2F6F5
#FFFFFF
P&Rの電子機器製造現場で撮影された写真。
03 / ウェブサイト
全体と、その細部。
製造、企業、そしてそのデジタルの表現をご覧ください。
実際のページを撮影 · 2026年11月10日
04 / 実装
独自の表現を、使いやすい体験へ。
Astroで独自開発した静的サイトが、各コンテンツをつなぎます。サービス、業界、知識、導入事例への道筋を整理。サイト内で動くイラスト、モバイル表示、多言語を一つの仕組みにまとめました。
わかりやすい構造
サービス、業界、知識をつなぐ共通の設計。
目的のある動き
工程を伝える控えめなアニメーション。必要に応じて一時停止できます。
相談への道筋
適切な次の一歩から、具体的なプロジェクトの相談へ。
05 / 成果
複雑な製造を、明快な物語へ。
P&Rの技術力を可視化し、サービスをつなぐウェブサイト。写真、内容、操作が調和する、この企業ならではの世界になりました。
ウェブサイトを見るonthewall® / we create worlds