新HTC全球官网高清多图倾情呈现背后故事

由Fi为HTC设计的官网HTC.com突破了以往传统的营销网站风格,用更加直观却又不失精美的方式呈现产品信息,同时也加强了用户与网站之间的互动交流。

通过以下的产品演示,突出了网站的亮点和功能性,以及隐藏于产品背后的创新与灵感。HTC.com——简单、谦和之中见卓越。

大家带着自己的想法与创意,穿梭于千里之外的台北、斯德哥尔摩、西雅图、伦敦和纽约。我们有机会与许多精英团队及HTC全球办事处的人员一起共事,对我们来说是非常难得的体验。在此过程中,如何提升品牌的整体盈利实力成了所有人共同的信念和目标。

我们向20位股东成员陈述了我们的研究与建议。第二天,我们收到了好消息!

通过对HTC竞争者以及非同业竞争之间的差距分析,我们的UX战略团队成功的在数字领域构建出了框架,并确定了有效及无效部分。

根据漏斗式的经典理论,用户与HTC产品之间的互动是品牌认知的第一步。

我们利用互动技术,使用户能容易的发现产品,并且更直观的体验产品。这样的交互式旨在计划设计一个简单,却又包含时尚的色彩设计、排版及互动功能的开发、以及含有社交元素的复杂用户体验设计。

随着项目的全面展开,需要制定网站的整体框架。我们的Brief目标是:保持用户的参与度,不断推动销售、同时提供一个能良好呈现品牌与产品信息的网站导航系统。

了解目标人群是创建任何网站最重要的因素。HTC.com同样如此。对HTC7大类目标用户的研究,使我们对于整体的策略更为有理可据。从这些用户群体中,我们可以了解其特定需求和行为,以确保HTC.com达到预期的效果。

除此之外,我们分析了定量和定性的历史数据资料,以确保优化部分的功能有效。

基于HTC全球企业的架构,从西雅图到台北,我们会见了将近25位高层,以确保大家对作进度流程达成共识。

我们与市场部经理及产品开发人员进行大规模面对面的策略会议。会议结束后,HTC的市场工作人员会给到我们一张非常详尽和明确的会议讨论议题及各方任务清单。这也是完善网站功能的蓝本。

你不可能建造一幢连需要多少间卧室都搞不清的房子。同样的,在HTC.com的设计与开发中,我们需要确保其特征与功能,以防任何疏忽。这意味着,我们要确定究竟分别需要多少间卧室。

每个功能应该与商业目标、功能设置、具有引导性的导航栏设计、以及对于用户体验的无上重视,所有这些策略的思考维度都是相一致的。

既然我们已经掌握了HTC.com的需求,那下一步就该网站的框架。线框的设计应该适应用户的网站浏览路径、页面内容和设计布局。

线框与网站导航的设计非常重要,它是最终网站页面视觉设计和内容排版上的重要参照指标。此外,注释详尽完善的线框稿也可以让客户以及制作方更清晰地了解页面元素与功能模块的设置布局。

以体验为设计核心,以强烈的交互视觉吸引用户参与,这是整站设计的主导原则。

在产品页面的Layout设计上,我们前前后后加上最终确认的一稿,总共做了六稿……

Version1:

Version5:

最终确认稿:

产品页面设计完了,之后轮到智能手机产品的设计了,没想到更过犹不及,光是智能手机产品的设计,就足足做了六稿:

现在回想起当初与HTC客户一起做这个官网的过程时,还是会马上联想到,HTC对于互动性体验的一再强调与重视,他们希望官方网站的每一个元素都充满互动性,吸引消费者能进一步了解产品细则,并且用最简易的方法找到个性化的产品推荐。。。。可是,作为官方网站,需要承载的产品信息与内容量又相当庞大复杂。最终,我们设计了一系列互动小工具,便于访问者根据自己需求,只要拖动生动便于理解的小iCon,就能快速找到相应的产品和信息,最终实现了令访问者在富有趣味的体验过程中,最快速度地找到符合其个性化的产品组合推荐。

交互式地图,响应性触摸屏设计,最流畅的画面过渡效果……一系列极富巧心的设计,最终目的是使得每一个方块能最便捷地找到最适合自己的产品推荐。基于这一原则,我们将每一个产品的视觉呈现设计得尽可能符合该产品的卖点与调性,同时辅以流媒体视频,音效,便捷的按键操作功能设置,将所有重要的产品信息一步步以最符合用户体验习惯的方式呈现。当然,更不会少了一个“BuyNow立即购买”的按钮,而且一定要再最便捷最诱惑的位置进行呈现。

经过为期数月的前期设计阶段,以及多次成功愉快的客户会面与设计稿确认会议之后,终于,走到了最终的页面设计定稿阶段,对每一个页面,每一个元素,每一个互动元素的设计进行最终的优化,审核,确认。以便将工作顺利无误地移交至下一阶段代码与程度开发制作团队的手上。

首页

产品总览页面

产品总览页强调非常清晰简约的产品陈列结构,有效利用Tags标签进行引导。有力配合所有产品的信息架构与体验效果。抱歉的呈现也需要通过缜密的设计,突出最为核心的产品卖点关键词,技术参数关键词,达到最好的吸引用户点击的效果。

产品具体信息页面

该页面最强调的是全部内容以该产品为中心,减少各种产品以外信息的干扰。因此,你会发现在产品的具体信息页面的设计方式与整站的设计理念并不相同。因为当用户在某个产品的具体信息页面时,最关键的目标是让消费者能够不受干扰地,安心地,完整地阅读信息,了解希望获得的内容那个。从而进行下一步行动。所以。在这一页面的设计上,信息元素越简单越好。

智能手机应用程序与插件工具页面

今时今日,我们的手机担负的功能绝对不仅仅是手机而已,而是人们与世界相互联通的重要窗口。因此,在全新的HTC官网上,我们强化了应用程序和各种插件工具的丰富功能与用户使用便捷性。

社交网站官方账号信息与服务帮助

无论手机的功能多么供不应求,然而,直到今天,人性化的服务与联系窗口依然是企业与品牌面对消费者与广大市场时重要的形象展示窗口,对于建立消费者的品牌好感度与忠实度非常重要,因而,品牌的联系窗口越多越好,包括尽可能多地建立品牌的官方社交平台账号,facebook,youtube,twitter,尽可能多地向受众陈列。

网站访问小贴士

各种小贴士,小指南虽然只是整个网站中很小的一部分,但是对于用户的好感度建立非常有帮助,往往是消费者对一个品牌建立长期信任与忠诚关系的极为重要的环节,不可忽视。

产品帮助与咨询FAQ

产品维修与售后帮助服务

企业财务/投资者关系

作为一家国际型的上市企业,一定的企透明度和法定责任制信息已经是必不可少的一个环节了,包括公司的财务状况报表,公司企业新闻,公共文件,从本质上讲,需要建立一个面向各种(潜在)投资合作伙伴的内容维系与日常更新服务团队。

联系方式与人才招聘

站内搜索

技术将营销战略、用户体验和设计统筹到一起。通过严格的技术审查,硬件与软件的评估以及最佳的方法实践,我们的开发团队将HTC.com用户的需求体验与技术支持紧紧相连。另外,我们整合了一系列方法以应对网站更好的适应我们所知的探索阶段的各种商业需求。使用如此强悍的内容管理系统CMS,使我们能够更容易的实现跨区域网站的内容管理、50种语言的转换、产品与服务的更新及各种变化。

最终,全新的HTC全球官网于2011年7月正式上线!真不容易!为Fi欢呼!

THE END
1.移动端UI设计网站精选:激发创意与提升效率的灵感源泉在未来的移动端UI设计领域,随着技术的不断发展和用户需求的不断变化,设计师们需要不断学习和探索新的设计理念和工具平台。而这些移动端UI设计网站正是他们获取灵感和提升效率的重要途径之一。因此,我们期待这些平台能够继续为设计师们提供更多优质的设计资源和工具支持,共同推动移动端UI设计领域的发展和创新。 https://www.pbids.com/aboutUs/pbidsNews/1861322362273763328
2.创意枯竭时,可参考这8个网站找设计方案:来自快递少年创意枯竭时,可参考这8个网站找设计方案: 1、图虫创意:stock.tuchong.com,专业的创意图片素材平台,提供高质量的摄影作品、插画、矢量图等创意资源。 2、My Modern Met:stock.tuchong.com,专注于现代艺术https://weibo.com/6176882343/P5hkWr9vt
3.颜色配的好,一稿定稿,2019年网站设计配色趋势网站制作,网站建设色彩搭配对设计的重要性不需要我多说,甚至有很多俗、土、Low的作品只要改改颜色就能变得很时尚。 所以,作为设计师了解时下流行的配色,掌握优秀设计作品的配色规律十分重要,下面是葱爷总结的九大正在风靡全球的配色趋势。 1.高饱和度对比色 在色轮上夹角为120度-180度之间的两个颜色被称为对比色,比较典型的对比色https://www.shejiku.net/peisqushi.html
4.设计师与客户沟通定稿话术帮助20230720213737.pdf设计师与客户沟通定稿话术帮助.pdf 7页VIP内容提供方:周老师 大小:711.78 KB 字数:约5.76千字 发布时间:2023-07-21发布于浙江 浏览人气:75 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)设计师与客户沟通定稿话术帮助.pdf 关闭预览 想预览更多内容,点击免费在线预览https://m.book118.com/html/2023/0720/7142041120005134.shtm
5.策划管理制度5.8.7修改意见提交:营销代理公司综合营销策划部提出的相关修改意见,形成统一意见,交由广告设计公司。 5.8.8设计修改:广告设计公司根据修改意见进行修改直至定稿,并对已经定稿设计出样稿提交营销代理公司。 5.8.9审核审批:营销部策划部审核确认后提交总经理、董事长进行审批,提出相关修改意见交由营销代理公司,由营销代理公https://www.jy135.com/zhidu/2314262.html
6.稿定设计在线设计平台海报设计图片设计视频编辑海量设计模板加持不会PS也能轻松搞定设计,在线设计海报、简历、PPT、名片、宣传单、邀请函、Logo等多种设计需求场景,3秒抠图、批量套版、AI辅助设计实用便捷。海量正版授权资源,商用无忧。https://t.gaoding.com/
7.大学生毕业论文(设计)管理系统正在加载数据http://scu.co.cnki.net/
8.合肥网站建设合肥网站制作网站建设明细报价表网站美工创意及设计 设计师根据您与公司业务员所洽谈的制作 要求及注意事项进行网站首页美工设计, 设计制作周期以合约为标准 3 设计 验收并确定设计稿 设计师依下单要求完成设计稿,用户依所 谈要求确认设计稿,不满意修改满意 为止,定稿设计程序完成后不可二次修改 https://www.hflmwl.com/page/jianshe.html
9.网站设计合同协议书6篇1.6 乙方应按照约定的时间节点,提交网站设计草图、初版设计、定稿设计等相关内容,并根据甲方要求进行修改完善。 1.7 乙方应根据甲方的要求提供技术支持和培训,确保甲方能够顺利运营和管理网站。 二、交付和验收 2.1 乙方应按照约定的时间节点,交付网站设计的各个环节,包括初版设计稿、定稿设计稿等。 2.2 甲方应在收到https://wenku.baidu.com/view/5f3a35adb91aa8114431b90d6c85ec3a86c28bc1.html
10.定稿设计图片免费下载定稿设计素材定稿设计模板千图网为您找到27张定稿设计相关素材,千图网还提供定稿设计图片,定稿设计素材, 定稿设计模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/dinggaosheji.html
11.定稿设计官网网址(定稿)导读您好,今天小编胡舒来为大家解答以上的问题。定稿设计官网网址,定稿相信很多小伙伴还不知道,现在让我们一起来看看吧!1、不是,是有许多次 您好,今天小编胡舒来为大家解答以上的问题。定稿设计官网网址,定稿相信很多小伙伴还不知道,现在让我们一起来看看吧! https://www.bangkaow.com/jyzs/202408/1506753.html
12.设计定稿人人都是产品经理"设计定稿"相关的文章产品设计 在你的设计定稿前,你需要注意哪些问题?人进步了,会发现做其他事情也没那么难了。 对于设计师来说,最开心的时刻无非是设计稿受到了肯定,可以定稿了,即被Lock下来了。那颗悬浮着的心也可以稍微松一口气了 阁主的叨叨 与https://www.woshipm.com/tag/%E8%AE%BE%E8%AE%A1%E5%AE%9A%E7%A8%BF
13.网站设计合同(15篇)1、乙方将在收到甲方的预付款后,立即开始网站设计制作,在设计制作期间甲方可以随时提出相应修改意见,修改满意后定稿,网站设计制作应在___个工作日内完成,并向甲方提交设计制作成果。 2、乙方负责在甲方验收完成后___个工作日内完成网站上传工作。 五、验收标准https://www.fwsir.com/fanwen/html/fanwen_20230414095121_2699309.html
14.网站模型设计中的内涵和重点网站策划网站运营二、设计人员在需求阶段介入,影响需求,而不干预需求 我们常听到有设计师抱怨:“这个设计让我改了十多遍怎么还不能定稿?”,也常听到产品经理说:“这个设计师怎么就是把握不住要点?” 不论设计在网站的实现过程中有多么重要,网站该是什么模样,还是必须由需求决定。所以网站项目的前期需求是至关重要的环节,也可以理https://www.jb51.net/yunying/12161_all.html
15.武汉网站建设网站设计网站制作做网站价格网站建设 站多多专注于武汉网站建设、网站设计和网站seo优化等服务,欢迎大家咨询! 获取报价在线留言在线咨询微信咨询186-2783-6393027-87317566网站做的挺不错,超出我的预期我很满意,基本一版就定了,美工很用心! 客户:聂小姐 项目:武汉威尚装饰工程有限公司 修改了很多次,最后定稿完成,细节方面还是http://www.zhandodo.com/website.html
16.南京制作网站南京网站建设南京网站设计南京网站开发夜猫网络为您提供优质的南京企业网站建设,网站制作设计,网站开发,南京网络推广等业务。公司电话:400-607-8355 15010696167https://www.wangzhan360.com/nanjing.asp
17.网站建设网站制作分销系统软件开发网页设计网站建设流程入门大体分5步:注册域名、开通虚拟主机(空间)、域名解析和主机绑定、安装建站程序、完成网站搭建。 网站建设的详细流程: 1、网站需求分析:网站主题?方向?域名注册、主机开通、是否备案? 2、网站的策划:网站的类型?结构?风格?氛围?特殊功能?技术实现难度? 3、网站动工:版面初稿、调整、定稿;网站的页面https://www.webweb8.com/partner1-1-2-8164--7929---1--.html
18.方案策划模板15篇功能定位:配合网站,灵活使用。 二、设计思想 网站论坛的作用分为两块,一是以此为平台为用户提供客户服务,二是是凝聚网站人气,同时将这些人气转化为销售客户。所以针对这两个目的,一方面需要在论坛上做好客服咨询和交互交流,二方面需要为论坛充实内容,吸引用户参与,并在互动的过程中提升更多人气以及促进销售成交量。 https://www.yjbys.com/cehuashu/4041675.html
19.企业网站建设网站设计制作成都建站公司成都速商网络科技有限公司,专业的成都建站公司.为广大客户提供成都企业网站建设,成都网站设计制作,网站开发等服务,以品质及客户服务为核心,全面协助企业做好互联网建设及维护工作,为客户实行一体化全方位的网络品牌包装整合设计。https://www.susor.cn/
20.ico设计,网站ico设计今日ICO网站设计教程摘要:ico设计,网站ico设计,今日ICO网站设计教程,新片场素材小编许冬ico设计,网站ico设计,今日ICO网站设计教程相关内容整理,如果您对ico设计,网站ico设计,今日ICO网站设计教程感兴趣欢迎访问免费阅读。 ico设计,网站ico设计,今日ICO网站设计教程 一、ico设计,网站ico在线设计教程介绍 https://edu.xinpianchang.com/article/baike-277195.html
21.星域模玩阿斯加德外观设计定稿水龙头LV4.高级玩家 发布于:2023-08-16 20:07 https://bbs.78dm.net/forum/post/874909/11031733
22.我可木开玩笑!教你不用PS也能完成网站制作优设网同客户分开之前,我将首页的测试站的链接给了客户,这样他们回去之后可以仔细感受一下这一版本的设计。这种处理方式令他们非常满意,这也间接促使最终版的首页设计并没有在此基础上修改多少。 完成全站! 如此一来,我向下推进就容易多了。因为客户给首页定稿之后,整个模板中多数的元素就都定下来了,这也是Twitter Bootstrahttps://www.uisdc.com/designed-website-without-photoshop
23.厦门网站建设厦门网站设计厦门企业建站厦门建站网站美工创意及设计 设计师根据您与公司业务员所洽谈的制作要求及注意事项进行网站首页美工设计,设计制作周期以合约为标准 3、设计 验收并确定设计稿 设计师依下单要求完成设计稿,用户依所谈要求确认设计稿,不满意修改满意为止,定稿设计程序完成后不可二次修改 http://xmsmwl.cn/