对很多品牌和网站而言,登陆页在数位营销上有着至关重要的作用,尤其是在提高转换率方面。不过,设计出符合目标受众口味的登陆页,往往需要花费大量精力,这实在是消耗巨大、效率极低。本文将为各位品牌网站带来了一个登陆页实战案例分享,有兴趣的朋友可往下看!
UI设计案例分析:分享一个登陆页实战案例
【案例背景】
英国公司 Collectively Intelligent Limited旗下一款名为Colony 的线上数字协作平台需进行单独设计登陆页。
该平台的创建,旨在帮助全球不同国家和地区的用户可透过它来共同创建公司。在社区中,不同用户可以围绕一个目标进行合作,协同创造,共同管控资金,分享项目收入。
登陆页设计要求:
1. 登陆页设计要相对简单且平易近人,同时能传达出产品的价值主张;
2. 登陆页的主要功能是帮助用户了解它的运作以及从中获得的好处。
【登陆页设计的核心特点】
有些会认为,登陆页尽可能包含产品/服务细节才能吸引用户。在实际操作中,登陆页的设计不应包含过量信息,而是直接让用户注意到产品的核心价值,凸显对用户有利的信息。
因此,进行登陆页设计时,通常会采用相对简约明晰的UI设计,透过富有凝聚力的UI元素(如CTA按钮和表单)来呈现。
【着陆页设计内容】
接下来,围绕着登陆页设计的核心特点进行设计,设计师透过有层次地规划整个UI布局和各部分的优先级,让用户逐步获取信息。
我们一起来看看设计师到底做了哪些UI设计工作:
◆ 自定义插画
自定义插画是登陆页中重要的UI组件,有助於用户更容易理解产品的功能和概念。因此,在UI设计中使用插画是相同普遍且有效的选择。
为了设计出更加有效的首屏插画,设计师尝试将地球上不同区域的用户相互连接的概念进行设计,同时确保整个登陆页UI设计与产品主题保持一致,营造出友好、平易近人的氛围,让用户对整个公司形象产生足够的好感。
考虑到产品的商业定位和客户的方向选择,产品UI设计倾向於浅色背景和流畅的轮廓,并绘制了一系列的变体。而配色方面,则采用了集中明亮但并不富有侵略性的色彩,如粉红、黄色、绿松石色以及紫色。
◆ 配色方案
设计师还为不同功能设计自定义插画。为了简明地展示产品功能而存在,同时方便用户可以快速理解产品的功能和本质,这些插画的配色方案与首屏插画保持一致。此外,插画还会搭配一些微文案,帮助用户了解这功能特点。
如你所见,所有插画都使用大量留白和微妙元素凸显产品的复杂性。插画所选用的配色方案也极具亲和力,使得整个UI设计显得非常友好、富有吸引力。
为了让整个界面看起来足够一致,设计师还制作了产品故事插画,用於阐述用户使用该产品的好处,并吸引潜在客户关注,给用户留下好印象。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/41952.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除