KOTI 柯帝智能家居官网优化 UI 设计

广州/UI设计师/46天前/7浏览
KOTI 柯帝智能家居官网优化 UI 设计
GDSuzy
项目背景:从需求到目标
KOTI 柯帝以 “打造产业化、品牌化、时尚化” 为发展方向,原有官网存在风格陈旧、体验割裂等问题,无法匹配品牌 “智慧生活引领者” 的定位。
项目背景:从需求到目标
KOTI 柯帝以 “打造产业化、品牌化、时尚化” 为发展方向,原有官网存在风格陈旧、体验割裂等问题,无法匹配品牌 “智慧生活引领者” 的定位。
Collect
问题诊断:原网页的六大痛点
对企业原网页进行拆解分析,总结出核心问题:<br>品牌视觉统一性不足,缺乏记忆点;<br>颜色搭配不和谐,品牌色无规范;<br>信息层级混乱,用户阅读易疲劳;<br>风格陈旧,与 “智能、时尚” 的品牌调性脱节;<br>空间利用不合理,图文描述不符;<br>产品图不够精致,难以留住用户注意力。
问题诊断:原网页的六大痛点
对企业原网页进行拆解分析,总结出核心问题:
品牌视觉统一性不足,缺乏记忆点;
颜色搭配不和谐,品牌色无规范;
信息层级混乱,用户阅读易疲劳;
风格陈旧,与 “智能、时尚” 的品牌调性脱节;
空间利用不合理,图文描述不符;
产品图不够精致,难以留住用户注意力。
Collect
优化策略:关键词与设计风格双驱动
围绕 **“布局重构、优化体验、品牌调性”三大关键词,我们确立了“简洁、年轻、清晰”** 的设计风格,为后续视觉落地锚定方向。<br>
优化策略:关键词与设计风格双驱动
围绕 **“布局重构、优化体验、品牌调性”三大关键词,我们确立了“简洁、年轻、清晰”** 的设计风格,为后续视觉落地锚定方向。
Collect
设计规范:建立视觉统一语言
字体:选用思源黑体,建立从 88px 大标题到 10px 辅助文字的完整字号体系,保证可读性与层级区分;<br>配色:以橙色系为核心打造品牌视觉符号,#E67817作为品牌主色传递科技感与活力,#FF9A41作为辅色强化识别,搭配中性灰与白色构建清晰视觉层次。
设计规范:建立视觉统一语言
字体:选用思源黑体,建立从 88px 大标题到 10px 辅助文字的完整字号体系,保证可读性与层级区分;
配色:以橙色系为核心打造品牌视觉符号,#E67817作为品牌主色传递科技感与活力,#FF9A41作为辅色强化识别,搭配中性灰与白色构建清晰视觉层次。
Collect
原型设计:从低保真到高保真的体验落地
低保真原型:先梳理页面信息架构,明确首页、产品页、案例页等核心板块的内容逻辑,确保功能与流程的合理性;
原型设计:从低保真到高保真的体验落地
低保真原型:先梳理页面信息架构,明确首页、产品页、案例页等核心板块的内容逻辑,确保功能与流程的合理性;
Collect
高保真原型:基于设计规范,将品牌视觉与交互细节落地 —— 用大幅质感产品图替代原有模糊素材,通过卡片式布局重构信息层级,加入微动效提升交互体验,让 “智慧生活” 的品牌理念直观可感。
高保真原型:基于设计规范,将品牌视觉与交互细节落地 —— 用大幅质感产品图替代原有模糊素材,通过卡片式布局重构信息层级,加入微动效提升交互体验,让 “智慧生活” 的品牌理念直观可感。
Collect
响应式体验:多终端无缝衔接
针对用户多设备浏览习惯,我们打造了全终端响应式界面,从 PC 到平板、手机,均能保持视觉一致性与交互流畅性,确保品牌信息在任何场景下都能精准传递。
响应式体验:多终端无缝衔接
针对用户多设备浏览习惯,我们打造了全终端响应式界面,从 PC 到平板、手机,均能保持视觉一致性与交互流畅性,确保品牌信息在任何场景下都能精准传递。
Collect
2
Report
|
收藏
Share
相关推荐
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
Filmora V14 官网升级
Homepage recommendation
被客户360度全方位夸耀的稿子长咋样
Homepage recommendation
内容含视频
关于我反抄AI这件事
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
神奇李特WoderLee
Homepage recommendation
相关收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in