02 セーフティオレンジ
日差しの強い屋外でも主ボタンを見失いにくい、力強い現場型。
AS WORKS K / BRAND STUDIES / No.41–45
会社らしさを、
毎日の画面に。
名刺の白と黒。角に走る赤と黄色。
ロゴの縁取りと、屋根・板金の線から考えた5案です。
番号を押すと、スタッフ・管理者の画面を見比べられます。
配色・字形の方向性を示す仮表記
COLLECTION 02 / ASTRA / No.26–35
使い方から考えた、
次の10案。
一つずつ入力する。写真から振り返る。会社別に見渡す。
見た目と情報の並べ方をセットで比較してください。番号を押すと、その案へ移動します。
COLOR STUDIES / RED × YELLOW / No.36–40
赤と黄色。
五つの、違う表情。
現場の目印にも、会社の個性にも。
高視認・上品・スポーティ・親しみ・帳票重視から選ぶ5案です。
HOW TO CHOOSE
選び方は3ステップです
共通の要件をもとにした表示見本です。入力の並べ方や情報の見せ方が異なります。スタッフ画面と管理画面を別の案から選んでもOKです。
1スタッフ用スマホ画面を見る
2管理者用PC画面を見る
3「この案を選ぶ」を押す
NON-NEGOTIABLES
全案共通の使いやすさ
☀
屋外でも読める高いコントラストと大きな数字
☝
手袋でも押しやすい44px以上の主要ボタン
✓
状態を文字でも表示色だけに頼らず入力ミスを防止
TOP PICKS
まず見るなら、この3案
使いやすさと印象のバランスで選定
03 トラストブルー
請求・集計・会社管理との相性がよく、長く使いやすい業務型。
05 白磁ミニマル
スマホで迷いにくく、古さも出にくい。清潔感と現場感の中間。
RICH COLLECTION
さらに質感を上げた、5つの特別案
光・奥行き・素材感まで比較できます
プリズム・オーロラ
虹色の光と透明レイヤー
カーボン・コマンド
黒×警告色の作戦盤
ミネラル・グラス
鉱物の透明感と柔らかい光
テレイン・アトラス
地形図と土の現場感
エグゼクティブ・オブシディアン
黒曜石とシャンパンゴールド
AMERICAN WORK CULTURE
アメリカンな空気をまとう、5つの現場案
道路標識・鉄工所・ガレージ・デニム・作業手帳の質感
Route 66 Workwear
ロードサインとワークジャケット
Detroit Steel
鉄板・リベット・工業都市
Pacific Garage
西海岸の整備工場と夕日
Western Blueprint
デニムと青焼き設計図
All-American Fieldbook
赤・紺・生成りの作業手帳
HIP-HOP STREET COLLECTION
ビートとストリートを感じる、5つの特別案
レコード・グラフィティ・ストリートウェア・ネオンの質感
Boom Bap Concrete
コンクリートと太いビート
Graffiti Transit
地下鉄・スプレー・蛍光色
Vinyl Gold
レコード溝とクラシックゴールド
Streetwear Mono
白黒・ステッカー・ライム
Neon Cypher
サイファーと音の波形
参考にした設計パターン
Field Service・勤怠・タスク管理・建設管理の実在UIを確認し、Jobberのカレンダー、Deputyの要確認カード、Procoreの複数日報、ServiceTitanの現場カードに加え、米国の建設・製造ダッシュボード、音楽サービス、ストリートウェアサービスから「現場に転用できる構造・文字階層・素材感」だけを抽出しました。画面の模写や特定ブランド・アーティストの再現ではなく、現場ノート用に再設計しています。