活动官网PC端--UI页面

用户头像
西安/UI设计师/6年前/118浏览
活动官网PC端--UI页面
用户头像
陶颖
公司让做一个创建各种庆典、年会等大型活动官网;虽然因为种种原因最终没上线,但在观看&整理中我又学到了不少!
此次整个页面我没有接到具体需求,参考了别的类似网站,做图过程中询问过重点突出功能&风格以及想要展现的内容;做了一套粗略的设计图,因为领导想看效果图所以没有做原型直接上色
【主题色】蓝色——因为蓝色代表专业、咨询类产品;比较安全
1、第一次做这类网页,整理查看众多网页以及自己思考总结觉得对于用户群体来说,你公司所占优势、价格&你过往的成功案例、服务过的人群量都是比较重要的指标;所以首页把这块内容做到了一二屏
2、一二屏旁边加了怎么用的教程视频模块,解决一类不会操作没使用过的用户的需求
3、模拟用户了解你公司所占优势后会想了解你公司有哪些功能,点进更多分类;可以根据用户需求筛选想要的活动。活动也进行了分类,便于目的不明确的用户查看
4、深一层级,选择想要的活动后,有详情页,左边又有筛选标签,便于用户更改内容查看;上边会有面包屑的展示,告知用户操作步骤&层级关系;下面有详细视频展示
适用的场景用主题色有一个强调作用;加入购物车采用色块是为了视觉效果增加一个层级
5、注册/登录页单独页面跳转,品牌宣传图做背景(目前没有品牌宣传图所以用了一张类似的插画代替)
【其实我现在看觉得应该登陆采用弹窗,不中断用户体验;因为注册只是一次性,但登陆可能是个多次行为,弹出去这个体验不是很好;或者登陆完成页面弹回用户正在操作的页面,避免用户创建活动时登陆返回要重新选择一次】
每个页面我都会加入自己的设计元素&思考,尽量在做的过程中把自己放在一个用户的角度上去想象每一步实施的可行性,页面做到最大利用率减少操作步骤;
当然设计过程中也有很多不可实施&不可行的地方,需要后期反复测试更改才能确保落地;然后再通过后台数据反馈去进行完善迭代
【这是我一些粗浅的总结】
活动官网PC端--UI页面(图ZMTg1MDk5MTA0) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDU2) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDk2) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MTAw) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDQ4) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDUy) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDg0) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDYw) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDky) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDcy) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDg4) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDQ0) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDQw) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDY0) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDY4) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDc2) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
活动官网PC端--UI页面(图ZMTg1MDk5MDgw) - 移动端网页 - 站酷设计师陶颖原创素材 - 站酷ZCOOL
Collect
0
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in