在AIGC时代,几千块钱买个网站模板是很容易的。但是「够用」和「优秀」之间依然存在差距,而我们做的就是更精细的这部分画龙点睛工作。
年前的家具品牌ALIVING HOME找到了我们,想做视觉升级。
想到以前做的案例都没有仔细保留过程。这次尽量留了更多的过程细节和前后对比,来为大家更为直观解析如何将「够用」的网站提升一步具有高级感。
主页前后对比
改造前,颜色比较杂,还有很强的亚马逊卖场的痕迹
改造后,更符合中高档品牌独立站的调性
我们在设计的时候会仔细思考用户的视觉动线,怎么样促使受众点击我们希望他们点击的地方?怎么样增加call-to-action更容易下单提升转化率?
品牌色是亮色的时候如何才能高级?
品牌的标志色是亮橙色,这种个性鲜明的颜色一旦被大范围使用很容易显廉价。我们想到了「小面积提亮」的方式,提炼了里面比较适合的颜色确保主页的色卡具有品牌特征的同时不失高级。
商品卡片
改版主要添加了颜色选择,优化了评分样式。
现在流行纯色底做第一张,使整个页面更加干净,一眼能看到重点。光标移上去或者划到的时候才会显示场景图。
Before
After
视频模块
全屏高度低于1080px,方便用户浏览 展示更多首页信息
Before
After
用户评论区
旧样式非常像亚马逊评价区。新设计更加高级,ins的样式有轻松有亲和力
Before
After
Header Section
这个板块我们不仅重新设计了风格样式,同样也重新梳理了内容,使其分类更有逻辑更一目了然。旧版本的排列会有些疑惑。
Before
After
评分区
原本的黑色有些突兀,新的配色使其显得更加干净。
Before
After
商品详情页
之前的颜色有些杂乱,并且右侧下栏有重复的信息。我们将一部分内容bring down到了底部方便展开。
Before
After
新加的板块
购买产品后的日期选择做了日历的样式,这些小细节会让网站更有辨识度,更视觉化,与其他家居品牌有所区分。
导航栏下拉展开
Book An Designer弹窗
新增的品牌故事页
包括移动端适配版本,篇幅有限就不在这里一一展示了。
本次升级只涵盖了ui升级,不包括填充的素材和文案。因为这次品牌本身的素材质量还不错,但如果有些网站本身素材也需要更新升级,我们也有这方面的服务。
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。