竞业达课程管理平台PC端课程平台设计

发表于:

智慧教育 | 课程平台 | Web后台 | 交互设计 | UI设计 | 教育软件界面设计 | AIGC教学 | 知识图谱

01

项目背景

竞业达课程管理平台项目背景图标

竞业达作为国内智慧教育领域上市企业,将智慧课程平台列为战略级核心产品项目。随着高校数字化教学场景持续升级,原有产品多端体验不一致、教学场景交互割裂等问题逐步凸显,亟需一套统一、专业的用户体验与视觉设计体系支撑产品迭代升级。兰亭妙微承接本次项目全链路 UI 设计与用户体验优化工作,项目周期近半年。

兰亭妙微UI设计团队参与竞业达项目图标

本次设计覆盖课程平台 Web 端、轻新课堂教室端、教师移动端、学生移动端四大终端。此页面展示课程平台PC端软件,聚焦教师线上备课与课程管理全流程,适配电脑的操作习惯与信息浏览模式。沿用整套产品统一设计语言与交互规范,通过重构信息层级、简化操作流程。焕然一新的软件产品高效、易用、界面美观,受到好评。

02

项目概述

产品定位

兰亭妙微为竞业达打造面向高校的新一代智慧教学 Web 工作台,融合 AIGC 备课助手与知识图谱能力,打通课前备课、课中授课、课后学情复盘全教学链路,联动智慧教室大屏、师生移动端多端数据同步,打造一体化混合式教学管理平台,降低教师备课与教学管理成本,以数字化能力赋能高校课堂教学提质增效

目标用户

核心用户为高校任课教师,兼顾教学管理员与教务人员。教师群体需要大量制作课程资源、组织课堂互动、统计班级学情;教务管理者需要查看教学汇总数据、管理课程与资源库。用户普遍具备基础电脑操作能力,但没有大量时间学习复杂系统,对产品的易用性、高效性有较高要求。

设计风格

兰亭妙微采用简约专业、理性克制的B端教育产品视觉风格。以干净规整的页面布局、清晰的信息层级,弱化装饰性元素;色彩上以稳重主色搭配功能辅助色,区分不同业务模块;界面保持一致性,兼顾数据可读性与操作便捷性,适配长时间办公场景,打造严谨、可信、高效的教学系统体验。

竞业达智慧课程平台UI界面设计预览 - 兰亭妙微UI设计公司

03

全流程用户体验优化

以课程为核心的分层导航架构,按教学全流程组织功能模块。

智慧教育 课程平台

核心页面详情设计

智慧课件视频回放界面设计 AI备课助手ui界面设计
课堂活动报告界面设计

04

视觉设计风格与规范

简洁专业的教育B端Web视觉体系,兼顾信息高密度与可读性,整体采用科技蓝主色,搭配浅灰白的轻量化B端风格,降低长时间操作视觉疲劳;区分信息色彩层级,状态色统一。

UI设计 视觉设计风格与规范 教育软件界面设计图标与组件 AIGC教学

05

设计前后对比

本次改版针对原课程首页信息过载、模块边界模糊的问题进行重构。原页面各类数据、功能入口无规则堆砌,视觉元素杂乱,信息层级不清晰,教师查找课程信息、查看学情数据时,识别成本高,无法快速获取核心内容。

设计前后对比 课程概览 课程资源 课程画像

新版页面依照教师教学工作流重新规划信息架构,按「课程概览 - 课程资源 - 课程画像 - 数据统计」划分内容区块,用卡片式设计区分各个功能模块,一屏内有序呈现全部核心内容。配色沿用产品统一设计语言,优化图表可视化展示效果,强化关键数据的视觉权重。

06

项目总结与业务价值

兰亭妙微为竞业达新一代课程平台完成 Web 教师端全链路设计,基于教师备课授课的真实工作流搭建分层信息架构,融合 AIGC 与知识图谱创新教学能力。整套设计兼顾 B 端后台高密度信息承载、易用操作、视觉专业感,输出可落地的组件与 UI 规范。平台与智慧教室大屏、教师移动端、学生移动端数据互通,形成完整线上线下混合教学闭环。

AI 助手界面展示

AI 助手界面展示 对客户产品

搭建 AIGC+知识图谱特色课程管理能力,补齐智慧教学产品在课程备课、资源管理、课堂数据分析的能力,强化产品差异化竞争力。

输出完整Web组件库与设计规范,统一 Web、大屏、移动端多端视觉交互,降低研发迭代成本。

AI 助手界面展示
AI 助手界面展示 AI 助手界面展示

AI 助手界面展示 面向授课教师

一站式课程工作台,备课、资源管理、作业发布、课堂数据复盘集中在一起,减少多系统切换。

AI 备课助手、AI 视频切片、自动课堂报告降低教师备课与课后统计工作量;知识图谱体系帮助教师梳理课程知识脉络,教学资源可快速关联知识点。

AI 助手界面展示

AI 助手界面展示 面向课堂教学

沉淀完整课堂过程数据,自动汇总考勤、答题、互动行为,量化课堂教学效果,辅助教师持续优化授课方案。

打通课前备课、课中互动、课后考核全链路,支撑线上线下混合式教学,赋能高校智慧课堂落地。

AI 助手界面展示
AI 助手界面展示 AI 助手界面展示

AI 助手界面展示 设计交付价值

完成业务梳理、信息架构规划、页面交互设计、视觉 UI 落地、组件规范输出全流程设计服务,在高密度 B 端系统中平衡功能复杂度、操作易用性与视觉品质。

07

界面欣赏

课程中心个人中心界面设计