兴业太古汇:小程序视觉设计优化与升级

数英评分
我的评分
收藏 评论
举报 2019-08


兴业太古汇是位于上海静安活力商圈的大型综合商业项目,主张“爱混·敢嗲”,专注于注重生活方式的城市独立女性。 基于其时尚、新潮、大胆的品牌基调,兴业太古汇需要对现有的小程序界面进行视觉优化和升级。

兴业太古汇小程序的主要服务对象为会员用户,线上服务有利于提高整体运营效率,改善用户端使用体验,迎合目标用户偏好的生活方式。 作为品牌自有阵地,兴业太古汇小程序需要具有品牌识别度,并维持自身品牌调性。针对这一需求,NPLUS Digital 给出了定制化的解决方案。 


01 定位优化方向

交互层面:优化页面结构,提升交互体验。

品牌层面:突出品牌属性,增强用户对品牌的识别度。

视觉层面:统一设计语言,视觉元素表现形式多样化。


02 用户习惯分析

用户偏好更简洁的操作,过多的页面跳转次数可能会磨灭其使用耐心,因此在设计跳转逻辑时,应尽量简洁,并评估跳转次数的合理性。

用户总是希望第一眼就找到自己想要的内容,因此优先级排布很重要,需根据使用频率调整页面布局。

一致的视觉体验和操作方式有利于提高用户的接受度和熟悉速度,因此小程序的设计需要有统一性。

1582545664125254.png

1582545703187517.png


03 设计趋势分析

色彩渐变,是近几年的热门色彩表现形式,界面和图标的设计感可以得到迅速提升。

等距插画,可以创造出有趣和独特的氛围,呈现出一种全新的视觉印象。

高效的极简风,保留一个视觉中心,减少内容干扰,有效度得到提高。

抽象图形元素,在视觉上有着突出的优势,更容易形成视觉焦点。

1582545755293329.png

1582545815293005.png

1582545858937391.png

04 明确设计目标

优化页面的操作流程及用户体验。

提升用户的品牌化认知。

展示统一的视觉样式。

1582545908251728.png

1582545937766950.png

1582545993708333.png

1582546028138287.png

05 统一设计语言

从颜色、字体、辅助图形、图标四个方面出发,统一小程序设计语言,增强品牌识别度。 

1582546056128638.png

1582546150852154.png

1582546183868823.png


升级后的个人中心页面,突出了核心功能入口,有助于用户快速定位功能板块,并进行相应操作。其中优化后的停车缴费页面,有效提升了用户在线支付的效率,优化了整体服务体验。



项目信息
品牌/广告主
兴业太古汇

营销机构

Branding/Design Agency 品牌/设计机构
NPLUS Digital
NPLUS Digital

参与者

 
数英评分
10
我的评分
谢谢
数英评分
10
我的评分

    专业评分

    专业评分已截止

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)