作為深耕 B 端設計 16 年的專業(yè)機構,蘭亭妙微(曾用簡稱:藍藍設計)始終以 “業(yè)務適配 + 效率落地” 為核心,打造了眾多行業(yè)標桿項目。以下結合公司真實案例與落地工具,拆解可復用的設計邏輯:
適配場景:軍工資質認定、無人機操控等高精度管控場景
項目保密,圖片為示 意
- 設計亮點:
- 采用 “三級權限管控”,操作員、管理員、決策者權限清晰區(qū)分,關鍵操作需雙重確認;
- 任務進度用彩色進度條直觀呈現(xiàn),待辦事項以紅色角標高亮,評審專家無需復雜查找;
- 故障告警以懸浮面板錨定右側,點擊直接定位問題源頭,同步關聯(lián)歷史數(shù)據(jù)。
- 核心價值:在保障數(shù)據(jù)安全的前提下,操作效率提升 70%,滿足軍工領域 “高精準、嚴合規(guī)” 需求。
項目保密,圖片為示 意
適配場景:多角色審核、長流程數(shù)據(jù)校驗的金融場景
- 設計亮點:
- 將 “征信報告生成” 拆分為 “數(shù)據(jù)導入 - 自動校驗 - 人工復核 - 結果導出” 四步流程,核心操作集中在首屏;
- 數(shù)據(jù)校驗結果用綠 / 紅 / 橙三色標注,異常項自動彈出修正建議;
- 操作日志全程留痕,支持權限追溯,符合金融行業(yè)合規(guī)要求。
- 核心價值:審核員無需頻繁跳轉頁面,90% 工作可在首屏完成,報告生成效率提升 80%。

適配場景:電站實時監(jiān)控、能耗統(tǒng)計、故障預警場景
- 設計亮點:
- 核心數(shù)據(jù)(實時發(fā)電量、設備狀態(tài)、收益統(tǒng)計)做成可視化大屏,綠 / 紅標識正常 / 故障;
- 移動端 + PC 端雙適配,運維人員在現(xiàn)場可通過手機提交巡檢記錄、查看設備參數(shù);
- 峰值負荷時段自動標紅提醒,支持一鍵跳轉故障處理頁面。
- 核心價值:中控室實時掌控全站狀態(tài),現(xiàn)場運維效率提升 60%,故障響應時效縮短至分鐘級。
- Axure RP:軍工、金融類復雜流程原型搭建,支持條件判斷、動態(tài)面板,精準還原多角色操作邏輯;
- Figma:團隊協(xié)作原型設計,適配能源監(jiān)控等多端適配項目,支持實時同步修改意見。
- ECharts:金融征信數(shù)據(jù)圖表、能源監(jiān)控大屏開發(fā),開源免費且適配國內網(wǎng)絡環(huán)境,支持自定義顏色體系;
- GIS 相關工具:國土、能源類項目的地圖融合開發(fā)(如克拉瑪依自然資源政務平臺),實現(xiàn)地塊信息一鍵查詢。
- QT/MFC/WPF:軍工嵌入式系統(tǒng)(如無人機控制系統(tǒng))界面開發(fā),保障高穩(wěn)定性與設備兼容性;
- React + Ant Design:金融、能源類企業(yè)級系統(tǒng)開發(fā),組件豐富且符合 B 端操作習慣;
- Bootstrap:移動端適配開發(fā),確保運維人員現(xiàn)場操作的便捷性。
- 藍湖:設計稿與前端開發(fā)銜接,精準傳遞顏色、間距、組件樣式,確保 1:1 還原;
- 內部項目管理系統(tǒng):每周現(xiàn)場溝通記錄、每日成果反饋、階段性進度復盤,保障項目按節(jié)點交付。