設計作品 - KYART光沅創意
Our Works

設計作品

我們認為『網站設計,是為人而設計、為人的需要而設計』
We build more than just Webpage. We build User Experience for both, you and your visitors.

領航+ – 康軒文教事業

領航+是康軒文教事業專為親子打造的兒童學習與素養...

臺鐵假期

臺鐵假期是國營臺灣鐵路公司攜手四大旅行業者推出的...

遊食購 – 商業發展署

遊食購,集結臺灣各地商圈的遊、食、購體驗,是經濟...

繽紛商圈 – 商業發展署

繽紛數位商圈平台,是經濟部商業發展署串聯全國商圈...

領導影響力學院 – 遠見天下文化事業群

領導影響力學院由遠見.天下文化創辦人高希均教授與...

臺鐵觀光列車

臺鐵觀光列車網站,把臺灣最美的移動風景收進一張黑...

臺北市私立靜心高級中學

靜心是一所從幼兒園、小學、國中到高中十二年一貫的...

食驗室

食驗室(TryNext)源自《食力foodNEX...

道路交通安全講習系統

道路交通安全講習系統是交通部公路局的雲端道安講習...

長榮交響樂團

長榮交響樂團(ESO)是臺灣唯一由民間法人機構營...

長榮海事博物館

長榮海事博物館是台灣少數以海事為主題的專業博物館...

張榮發基金會文教公益

文教公益是張榮發基金會深耕社會文化教育的核心單位...

張榮發基金會藝術季

張榮發基金會藝術季以「一套版型、年年綻放」為設計...

財團法人張榮發基金會

財團法人張榮發基金會以「回饋社會」為宏願,自19...

AI領袖學院

AI領袖學院是中華民國資訊軟體服務商業同業公會專...

事實型量刑資訊系統

事實型量刑資訊系統是司法院提供法官、檢察官、律師...

成大-馬祖

國立成功大學自2020年起與連江縣政府及在地團隊...

吉贊油飯官網

吉贊油飯源自三十年團膳經驗,是許多企業員工彌月送...

新北市役男大亨

「役男大亨ONLINE」是新北市政府民政局全國首...

綠動˙湯泉原宿 | Green Life SPA

綠動˙湯泉原宿是宜蘭礁溪的平地溫泉民宿,十五間客...

佛光山文化書城

佛光山文化書城以「傳遞知識、帶動閱讀」為宗旨,整...

Embrace Complexity

設計流程

從需求分析、視覺設計、流程規劃出發,
我們協助客戶透過圖像設計,操作行為和視覺內容
來傳遞服務價值並分享其願景

設計流程說明

STEP 01. Strategy & Planning

策略創意與架構規劃

服務設計創造網站,偉大的想法並非突如其來。我們深入了解客戶需求,掌握市場情報與消費者洞察力等資訊數據圖像趨勢,創造高度整合的策略與創意服務設計。

STEP 02. CO-Creative UI/UX Design

視覺設計與用戶體驗

服務設計不只涉及表面、美觀,是服務的前端或易用性,我們不僅關注服務的體驗,也重視服務的提供方式。關心它是否有效可行,是否滿足需求和創造價值。

STEP 03. Website/App Development

程式設計與系統開發

提昇公司內部技術層次及介面設計觀念,整合設計介面模組及元件核心,我們將創意、設計和程式設計融合成能夠改善人們生活的想法和體驗。

STEP 04. Post-launch optimization

部署運行與維運優化

系統部署運行發布後,製作設計說明與系統部署規則文件說明,我們會繼續協助客戶,確保服務在線上環境中運作良好,並在所有介面上保持視覺、功能的一致性。

設計製作問與答

QnA

與客戶一起溝通了解網站建置目標和市場同業競爭的差異條件,以此制訂最佳網站設計策略

我們整理了大多數的常見問題,提供參考

We build more than just Webpage. We build User Experience for both, you and your visitors.

Let’s talk about your website design

Got a Project?
來聊聊吧!

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

領航+ – 康軒文教事業

領航+是康軒文教事業專為親子打造的兒童學習與素養...

  • Strategy

    航海冒險品牌形象、ISBN 掃描與書名查詢、閱讀任務與 Google 日曆同步、成就徽章遊戲化、閱讀數據儀表板

  • Design

    Branding, UI/UX Design, Illustration, Web App Development, Data Visualization, GCP Hosting

  • Client

    康軒文教事業 pilot.knsh.com.tw

View Project
臺鐵假期

臺鐵假期是國營臺灣鐵路公司攜手四大旅行業者推出的...

  • Strategy

    目的地/類型/日期快速查詢、四大旅遊類型卡片、城鄉漫遊縣市選單、新鮮企劃主題篩選、四家旅行社產品一致呈現、RWD

  • Design

    Creative Direction, Data Integration, UI/UX Design, Front-end Development, RWD

  • Client

    國營臺灣鐵路股份有限公司 www.trc.com.tw

View Project
遊食購 – 商業發展署

遊食購,集結臺灣各地商圈的遊、食、購體驗,是經濟...

  • Strategy

    遊食購三大主題館與主題特輯、全年度系列活動月曆、探索地圖與遊程規劃、免會員免個資的收藏與行程、PDF與QR code匯出回訪、行動裝置優先

  • Design

    UI/UX Design, Illustration, Web Development, Interactive Map, PDF Export, RWD

  • Client

    經濟部商業發展署 serv.gcis.nat.gov.tw/district/letsgo

View Project
繽紛商圈 – 商業發展署

繽紛數位商圈平台,是經濟部商業發展署串聯全國商圈...

  • Strategy

    「繽紛數位.商圈新風貌」視覺、臺灣地圖分區導覽全國商圈、數位福袋優惠店家地圖、計畫專區與商圈活動、全國商圈數據儀表板、角色權限與前後版差異比對審核

  • Design

    UI/UX Design, Illustration, Web Development, Dashboard, Accessibility, RWD

  • Client

    經濟部商業發展署 serv.gcis.nat.gov.tw/district

View Project
領導影響力學院 – 遠見天下文化事業群

領導影響力學院由遠見.天下文化創辦人高希均教授與...

  • Strategy

    專業知性的高階經營學院風、深藍+淺灰兩版色調、典範人物課程系列架構、線上報名與方案選購、潛在學員名單與 LINE 諮詢、會員與校友服務

  • Design

    Branding, UI/UX Design, Web Development, E-commerce, RWD

  • Client

    遠見天下文化事業群 leaderimpact.cwgv.com.tw

View Project
臺鐵觀光列車

臺鐵觀光列車網站,把臺灣最美的移動風景收進一張黑...

  • Strategy

    黑膠唱片首頁輪替、一車一色的一致設計語彙、中英日韓四語系精確排版、環島之星年度 IP 主題、多方意見整合與統一 CMS

  • Design

    Creative Direction, UI/UX Design, Illustration, Copywriting, RWD

  • Client

    國營臺灣鐵路股份有限公司 www.railway.gov.tw

View Project
臺北市私立靜心高級中學

靜心是一所從幼兒園、小學、國中到高中十二年一貫的...

  • Strategy

    學部色彩識別、攝影取景與色溫建議、最新消息與榮譽榜、班級聯絡簿與 e 化校園、單一 CMS 權限分層

  • Design

    UI/UX Design, Visual Identity, CMS, RWD

  • Client

    臺北市私立靜心高級中學 www.chjhs.tp.edu.tw

View Project
食驗室

食驗室(TryNext)源自《食力foodNEX...

  • Strategy

    民眾試吃申請與學分機制、食力點評與評測排行榜、供應商方案與名單管理、評測回饋資料庫、AWS 雲端架構

  • Design

    UI/UX Design, Nuxt 3, AWS, RWD

  • Client

    食力foodNEXT www.trynext.tw/foodlab

View Project
道路交通安全講習系統

道路交通安全講習系統是交通部公路局的雲端道安講習...

  • Strategy

    三端一平台、監理系統介接、預約與扣點講習、QR-code報到與課中簽到、雲端高可用架構與資安

  • Design

    System Planning, UI/UX Design, Vue 3, Java, Cloud Architecture

  • Client

    交通部公路局 slp.mvdis.gov.tw

View Project
長榮交響樂團

長榮交響樂團(ESO)是臺灣唯一由民間法人機構營...

  • Strategy

    海報視覺策展化、中英雙語呈現、音樂會資訊平台、團員專區服務

  • Design

    UI/UX Design, Vue.js, Nuxt.js, RWD

  • Client

    長榮交響樂團 www.evergreensymphony.org

View Project
長榮海事博物館

長榮海事博物館是台灣少數以海事為主題的專業博物館...

  • Strategy

    展覽資訊動態平台、典藏線上瀏覽、文創商品專區、行動版友善操作

  • Design

    UI/UX Design, Vue.js, Nuxt.js, RWD

  • Client

    長榮海事博物館 www.evergreenmuseum.org.tw

View Project
張榮發基金會文教公益

文教公益是張榮發基金會深耕社會文化教育的核心單位...

  • Strategy

    公益內容平台、電子書閱讀體驗、活動與獎助資訊整合、行動版友善操作

  • Design

    UI/UX Design, Vue.js, Nuxt.js, RWD

  • Client

    財團法人張榮發基金會 edu.cyff.org.tw

View Project
張榮發基金會藝術季

張榮發基金會藝術季以「一套版型、年年綻放」為設計...

  • Strategy

    年度共用版型、後台動態內容、年份典藏機制、行動版友善操作

  • Design

    UI/UX Design, Vue.js, Nuxt.js, RWD

  • Client

    財團法人張榮發基金會 edu.cyff.org.tw/art

View Project
財團法人張榮發基金會

財團法人張榮發基金會以「回饋社會」為宏願,自19...

  • Strategy

    品牌形象再造、資訊架構整合、內容閱讀體驗、行動版友善操作

  • Design

    UI/UX Design, Vue.js, Nuxt.js, RWD

  • Client

    財團法人張榮發基金會 www.cyff.org.tw

View Project
AI領袖學院

AI領袖學院是中華民國資訊軟體服務商業同業公會專...

  • Strategy

    首屏影片輪播、「懂、用、管、建」四大宗旨、產官學研師資陣容、學程與企業診斷流程視覺化、一頁式錨點導覽、報名與諮詢導流、RWD

  • Design

    Branding, UI/UX Design, One-page Website, Video Integration, RWD

  • Client

    中華民國資訊軟體服務商業同業公會 aileader.tissa.tw

View Project
事實型量刑資訊系統

事實型量刑資訊系統是司法院提供法官、檢察官、律師...

  • Strategy

    十大案類App式圖像入口、單頁應用步驟切換與條件記憶、量刑因子即時儀表板、動態量刑圖表、RW 行動版延續App操作體驗

  • Design

    UI/UX Design, Icon Design, Vue 3 + TypeScript, RESTful API Spec, Data Visualization, RWD

  • Client

    司法院 intellisen.judicial.gov.tw

View Project
成大-馬祖

國立成功大學自2020年起與連江縣政府及在地團隊...

  • Strategy

    計畫起源論述、據點改造專案輪播、活動紀實典藏、最新消息與夥伴網站、中英雙語

  • Design

    UI/UX Design, WordPress, Bilingual, RWD

  • Client

    國立成功大學 matsu.kyart.tw

View Project
吉贊油飯官網

吉贊油飯源自三十年團膳經驗,是許多企業員工彌月送...

  • Strategy

    商品分類與購物車、原料庫存進出管理、熱送/冷藏運費引擎、彌月客製化多收件人訂購單、折扣與多元付款核銷

  • Design

    UI/UX Design, E-commerce System, Vue 3, RWD

  • Client

    吉贊油飯 www.bestoilrice.com.tw

View Project
新北市役男大亨

「役男大亨ONLINE」是新北市政府民政局全國首...

  • Strategy

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

  • Design

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

  • Client

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

View Project
綠動˙湯泉原宿 | Green Life SPA

綠動˙湯泉原宿是宜蘭礁溪的平地溫泉民宿,十五間客...

  • Strategy

    度假風品牌重塑、文案重寫與攝影建議、房型美學編排、價目與設備icon設計、房型後台與訂房金流預留

  • Design

    Branding, UI/UX Design, Copywriting, Icon Design, WordPress, RWD

  • Client

    綠動湯泉原宿 www.lygreenlife.com

View Project
佛光山文化書城

佛光山文化書城以「傳遞知識、帶動閱讀」為宗旨,整...

  • Strategy

    品牌形象設計、內容品質設計、閱讀友善體驗、行動版友善操作

  • Design

    UI/UX Design, Vue.js, Nuxt js,RWD

  • Client

    佛光山文化書城 www.fgsbooks.com.tw

View Project