新北市役男大亨 - KYART光沅創意

新北市役男大亨

「役男大亨ONLINE」是新北市政府民政局全國首創的一站式徵兵整合資訊系統。兵籍調查、體位檢查、抽籤、入營時程申請到部隊行事曆,繁複的兵役流程被整理成一條看得懂、查得到、辦得了的路。我們以遊戲化的「徵兵四部曲」串起全站,並把艱澀的體位區分標準畫成一張可點選的人體圖,讓役男與家長隨時掌握自己的兵役進度。

Task

為新北市政府民政局打造全國首創的一站式兵役整合資訊系統,讓役男與家長即時掌握每一步兵役進度

  • Strategy

    徵兵四部曲流程導覽、體位區分表圖像化介面、試算器與查詢工具、線上申辦與進度查詢、RWD 與 AA 無障礙

  • Design

    UI/UX Design, Illustration, RWD, Accessibility (AA)

  • Client

    新北市政府民政局 soldier.ntpc.gov.tw

Open Project

新北市役男大亨ONLINE

https://soldier.ntpc.gov.tw

當兵,是台灣男生的人生必經之路,卻也是一段資訊最零散的路。兵籍調查要準備什麼文件?體檢後的體位怎麼判定?抽籤在哪裡、什麼時候入營、新訓中心怎麼去?這些問題散落在法規、公文與公告之間,役男看不懂,陪在身邊的家長更是一頭霧水。新北市每年要服務近兩萬名役男,民政局希望有一個地方,能把這一切一次說清楚。

新北市政府民政局全國首創的一站式徵兵整合資訊系統,我們接下改版任務時,給自己的課題只有一個:把繁複的兵役流程遊戲化、數位化,讓役男像玩一盤大富翁一樣,清楚知道自己走到哪一格、下一步要往哪裡去。

 

1、徵兵四部曲,一條看得見終點的路:

首頁以「兵籍調查、徵兵檢查、役男抽籤、徵集入營」四部曲為主軸,大大的編號、真實的情境照片,搭配每一步底下的辦理方式、應備文件與相關法令&QA,隨捲動一格一格向前推進;頂端的四部曲快捷列始終跟著畫面,不論讀到哪裡,都能一鍵跳到下一關。

2、體位區分表圖像化介面:

體位區分標準原本是一份密密麻麻的法規條文,我們把它畫成一個站在客廳裡的人:頭部、視力及視器、聽力及聽器、心臟血管、四肢及軀幹等十五個身體部位,點一下就展開該部位的項目清單,再點一下,常備役體位、替代役體位、免役體位與體位未定以黃、綠、紅、藍四色並列對照。看不懂條文沒關係,指著身體找答案就好;需要精準查詢時,也保留文字列表與關鍵字搜尋。

3、試算器與查詢工具:

BMI、畸形足、視力、聽力、關節五種試算器,輸入數值即可預估體位;身心障礙查詢、重大傷病查詢、預定入營時間、部隊行事曆依軍種與入伍日期篩選,新訓中心交通路線圖一張一張畫好。家長不必再打電話問公所,答案就在網站上。

4、線上申辦與進度查詢:

線上兵籍調查、役男出境線上申請、役前職能教育訓練報名、優先與延緩入營、分階段軍事訓練等申辦入口全部收進同一個網站;登入支援自然人憑證與系統帳號,徵兵處理進度、申請複檢進度隨時可查,右側常駐的快捷按鈕,把最常用的服務放在一伸手的地方。

5、RWD行動友善與 AA 無障礙:

役男多半用手機上網,全站以 RWD 響應式設計,四部曲、人體圖與試算器在小螢幕上一樣好點好讀;身為政府網站,全站通過 AA 無障礙網頁檢測,驗證碼提供語音播放,後端採 Java 搭配 Thymeleaf 樣板引擎與 CSRF 安全防護,讓每一筆申辦資料都被妥善守護。

服役是一段旅程,

地圖畫清楚了,

路就不再遙遠;

從兵籍調查到入營那天,

我們陪著每一位役男,一格一格走到終點。

 

新北市役男大亨ONLINE官方網站

https://soldier.ntpc.gov.tw

感謝 Connie / Zoe / Bomba / Linda / Yuurin / Teen / Luke

The team

Meet our
design team.

Project Management

— 郭光耀 Brad Kuo
專案總監

— Connie Lin
專案營運總監

Art Direction

— Zoe Wang
視覺藝術總監

Creative Design

— Zoe Wang
— Linda Lee

視覺設計

Web Development

— Bomba Tsai
— Linda Lee

前端互動設計師

Vue Development

— Teen Yang
— Yuurin Lee

前端開發工程師

API Development

— Luke
後端技術整合工程師

Let’s talk about your website design

Got a Project?
來聊聊吧!

我們珍惜認真看待每一次與客戶聯繫的機會,期待為不同客戶演譯夢想,
運用我們美感天賦與實戰經驗,為您服務設計。

Back