视觉设计UI设计阶段打造颜值，核心目标在原型基础上按品牌调性进行视觉设计，打造符合品牌吸引用户的网页外观，重点解决好不好看的问题，设计首页核心页面优先确认风格，原型架构和设计规范设计首页完整视觉稿，PC端+移动端响应式适配，首屏设计突出核心卖点转化入口品牌Logo，内容布局按重要性排序首屏、次屏、底部、重点内容、产品、案例、优先展示、视觉细节色彩搭配品牌色为主，辅助色点缀字体层级标题粗体大字号，正文清晰易读图片处理统一风格，如白底产品图动效设计，简单动效滚动渐显不浮夸。
交付格式链接可在线查看，预览图标注尺寸重点关注风格是否符合品牌，核心卖点是否突出转化入口是否清晰，确认首页风格后再推进其他页面批量设计其他页面，按页面清单栏目页产品页详情页等、保持视觉风格统一色彩字体间距一致，重点页面设计要点，栏目页突出栏目主题分类清晰，快速筛选功能，产品详情页、产品图、多角度、核心参数、分点列出、卖点突出、关联产品推荐咨询按钮固定，联系页清晰的联系方式、电话、地址、微信、地图定位、表单字段精简≤3个，视觉稿最终确认交付所有页面的视觉稿，PC+移动端标注尺寸间距图片规格，整体验收确认无问题后，签署视觉设计确认单进入开发阶段。
前端开发实现阶段还原颜值功能，核心目标将视觉稿转化为可访问的网页，实现视觉还原交互功能响应式适配，重点解决能不能用的问题，技术选型与环境搭建前端技术栈，HTML5+CSS3+JavaScript基础，复杂网页CSS样式框架高效开发，开发环境搭建本地开发环境，配置代码管理确保多人协作高效，响应式适配按移动端优先原则，适配主流设备PC手机平板。
页面开发与视觉还原前端工程师按视觉稿，切图编写代码确保视觉还原度≥95%色彩、字体、间距、图片位置与设计稿一致，兼容性支持主流浏览器、微信浏览器无布局错乱文字溢出，性能优化图片压缩WebP格式，单张≤200KB代码精简删除冗余CSS/JS，首屏加载≤2秒。
功能开发与接口集成实现核心功能，基础功能、导航跳转、表单提交、含字段校验、图片展示、文字排版、复杂功能、产品管理、上架/下架、购物车/支付、集成微信、支付宝接口、用户中心、注册、登录、第三方接口地图定位、高德、百度、短信通知、接口联调与后端工程师若有配合，实现数据交互表单提交后存入数据库，系统对接CRM同步客户数据。
