网页项目一
Huobi Korea
设计和搭建具备完整功能的网站原型
with WORDPRESS

通过改版试图改进的部分

改版前的首页
加深品牌第一印象
品牌在国内虚拟货币交易所行业的知名度较高,但由于进军韩国市场不久,很多用户并不熟悉。原有的首页并没有做品牌介绍。
提升交易页面流量
原有的首页对于页面空间的利用不够高效。某些元素占用面积过大,挤压了CTA按钮和“查看更多”按钮的空间。这也导致了首页对于交易页面引流效果的下降。
提升移动端的阅览体验
从统计数据中可以看出相当大比重的用户是通过移动设备访问网站的,然而原版的首页并没有针对移动端做任何调整。
我在第一屏的首要目标是最大化页面空间利用率,引导访客留下、向下滑动,进而采取行动。
1. 公司最新拍摄的宣传视频被放置在了页面最顶端,一方面可以全方位介绍公司品牌,另一方也有利于吸引访客留在页面并进一步浏览。
2. CTA按钮被放置在了F视觉热区最重要的位置,这也是大部分网站CTA按钮所在的位置,符合用户预期。
3. 公告和热门交易对以上下轮播的形式滚动展示。
4. 运营活动banner仍在首屏可见,尺寸则调整为更利于后期设计维护更新的4:3。
重新排版了首页的交易列表并添加了原本缺失的“查看更多”按钮。
这部分的改进包括:
1. 重新设计的下载APP区域,利用轻微的视差滚动效果展示了APP关键页面。
2. 将此处原来冷色调的插画换为颜色更饱满的暖色调的插画,平衡中和整体偏冷的页面色调。另外给插画增加了轻微的浮动动态效果增加页面生气。
根据运营需求新增指数和火币日报两个新板块。
栅格
纵向
栏宽度 - 80px
间隔宽度 - 20px
横向
间隔高度 - 8px
行高度 - 1 x 间隔高度

文本的纵向节律
适配8像素栅格

移动端的适配




网页项目二
Huobi Cafe
设计和搭建区块链咖啡馆网站
with WORDPRESS





自适应





谢谢!