Works / Software Robotics
「利用」から「自動」へ。
新領域を信頼できる事業へ。
勤務先在籍時に担当したSaaS・ロボティクス企業のコーポレートサイトです。ワイヤーフレーム作成から画面設計、HTML/CSS実装まで一貫して担当しました。


- INDUSTRY
- SaaS・ロボティクス
- TYPE
- コーポレートサイト
- SCOPE
- ワイヤー・画面設計・実装
- PLATFORM
- HTML / CSS
Project Background
未知の技術を、企業担当者が理解し、問い合わせを判断できる情報へ変える。
新しいSaaS領域では、技術用語や未来像だけでは導入価値が伝わりません。会社の挑戦、事業内容、ニュース、採用、問い合わせを明確に分け、先進性と企業としての実在感を同時に伝える設計にしました。
新領域の意味が伝わりにくい
「ソフトウェアを利用から自動へ」という変化を起点にし、事業の方向性を短い言葉で理解できるようにしました。
先進性が不安につながりやすい
落ち着いたダークトーンと整ったナビゲーションで、挑戦的な事業を支える企業の信頼感を加えます。
目的別の入口が見つけにくい
企業情報、SaaS事業、お知らせ、採用、問い合わせを分け、閲覧者ごとの次の行動を明確にしました。
DESIGN CONCEPT静かな信頼の中に、
技術の精度、企業の誠実さ、挑戦する熱を同時に表現。
自動化の未来を灯す。
Concept
ダークネイビーにシアンとオレンジを加え、技術と挑戦を可視化。
精密さを感じるダークネイビーを基調に、接続性を示すシアンと、挑戦の熱を示すオレンジをアクセントとして使用。余計な装飾を抑え、メッセージと事業情報に視線が集まる構成です。
※掲載画像は権利関係に配慮し、実制作物をもとに名称や表現の一部を変更したダミーキャプチャです。
変化をコピーで伝える
「利用」から「自動」へという対比により、新しい事業領域を短時間で理解できるようにしました。
企業情報を明快に分類
事業、ニュース、採用、問い合わせを上部に整理し、目的の情報へ直接進める設計です。
信頼と先進性を両立
暗色の落ち着きとロボティクス画像を組み合わせ、導入を検討できる企業像をつくりました。
Project Scope
ワイヤーフレームから画面設計、HTML/CSS実装まで担当。
勤務先在籍時の制作案件として、企業情報、SaaS事業、ニュース、採用、問い合わせの情報設計を行い、デザインをHTML/CSSでWebページとして実装しました。
Start a Project
専門的な技術を、信頼して相談できる企業サイトへ整えませんか。
サービス内容の整理から対応します。先進性だけでなく、導入判断につながる情報設計をご提案します。
