Blog

  • RPSPIRIT威士忌酒品展示网

    RPSPIRIT威士忌酒品展示网

    案例截图

     

     


    案例详情

     

    客户是香港一家金融服务公司集团旗下的精品威士忌酒代理商,希望推出一个品牌B2B网站,用于介绍自家代理的酒类产品。同时,提供品牌、产地、年份等先相关筛选功能给他们的商户顾客。

    1. 我方的合作伙伴提出了网站各级页面的线框图,同时要求我们在现成模版的基础上根据线框图及功能需求进行进一步定制开发。
    2. 我方结合客户的品牌调性,筛选出五个模版并由客户选定其一。
    3. 我方为客户基于 Facebook Message、WhatsApp 的接口实现了侧栏悬浮联系按钮组合,同时在联系方式页面提供 Google 地图和填表询单功能。
    4. 我方为客户定制了组合筛选功能,能通过组合关键字、产地、年份、品牌等筛选条件,输出符合条件的产品。
    5. 我方基于 Call To Action 的理念,通过精心排布和撰写的图文,引导用户查看产品和联系客户。
    6. 我方根据客户提供的代理产品型号清单,从线上找到对应产品的品牌、特色图、文字介绍等资料,并加以内容优化和润色。
    7. 我方实现了多语言发布功能和并完成了繁体、简体、英文内容。
    8. 我方基于客户过往的社交媒体内容,完成网站其他部分的图文内容整合。

  • 杂志书店Closing Ceremony

    杂志书店Closing Ceremony

    案例截图

     

     


    案例详情

    客户为上海某独立书店,主要经营先锋设计、摄影书籍。客户希望有一个简洁而高端的网站,来展示店里的书籍、杂志,并且能通过出版商、作者等列表,对刊物进行归纳和检索。

    1. 客户给出了几个国外参考网站,并在其中提出了自己的想法。
    2. 我方采用 Bootstrap 结合参考站以及客户的想法,制作出网站原型静态 html 版本。
    3. 基于对实际要展示的内容的判断,我方采用了瀑布流的列表方式用于展示客户的刊物。
    4. 我方采用 WordPress 作为网站后台,并对其进行了一些定制,定制出客户所需的出版社、作者等自定义类型,用于制作相应的列表。
    5. 在交互上,为客户制作了全屏特大幻灯以及自动隐藏的侧栏,结合客户的高质量摄影素材,大大提高了网站的视觉冲击力。

     

  • 初岛化妆品

    初岛化妆品

    案例截图

     


    案例详情

    客户是一家初创化妆品品牌,团队本身有广告行业背景,对产品的工业设计、包装等相关物料的设计要求很高,客户需要一个主推一款产品但有一定设计品味的产品官网。

    1. 我方采用模版建站方案,以 WordPress 作为后台,针对客户的需求,筛选合适的精品模版。
    2. 基于对客户品牌形象和产品、图文物料的分析,我方编辑人员对模版的各种设置进行细致的调试。
    3. 我方编辑人员对图文内容进行设计和排版优化,务求简洁、清晰。
    4. 我方基于客户的图文物料,制作了几个幻灯片动画,使网站表现得更为生动。
    5. 从模版代码、内容组织编辑方法、模版设置等层面,为客户完成了一些 SEO 优化。

  • Daisy Beauty 产品展示网

    Daisy Beauty 产品展示网

    案例截图:

     


    案例介绍:

    客户要建设一个首饰品牌的中英双语官网,已经备好设计稿,成品需要尽可能和设计稿一致。需要在幻灯片位置,可播放视频。网站主要用于展示商品,但是要求只出商品列表,不出详情页,也不需要线上支付功能。

    1. 客户提供的需求文档有附上每个页面希望参考的网站,我方仔细阅读客户的文档,聆听客户的想法,结合客户的设计稿,采用 WordPress 作为网站后台,根据设计稿,定制模版和所需功能。
    2. 由于客户未来可能要扩充网站功能,在现有基础上加入电商功能,但目前不需要,我方采用 WordPress 电商插件 Woocommerce 作为二次开发基础,暂时删减了电商、会员等相关功能,并为未来可能追加的功能需求作准备。
    2. 我们在首页定调的基础上,为客户设计出其他功能页面。
    3. 为了向客户提供更好的后台操作和内容编辑体验,我方针对不同页面的交互排版,制作专用的后台录入功能。
    4. 为网站实现多语言功能。
    5. 为客户解决了服务器、域名等相关问题。

     

  • FORecovery 软件官网

    FORecovery 软件官网

    案例截图:

     


    案例介绍:

    客户需要制作一个面向国外用户的软件官网,用于展示客户发行的数款 Windows 和 Mac 系统软件,软件用于手机备份及数据恢复等功能。

    客户已从其他服务商处获得网站 html 静态页面版本,但没有后台,无法进行日常的网站内容编辑修改。
    希望我方能结合效果图,制作出带后台的线上版本。
    我方采用 WordPress 作为后台系统,为客户定制一套模版,模版的前端界面基本完全沿用原静态页面设计。
    在特色介面结构及交互效果上,我方为客户定制了专用的后台录入界面,比如详情页可以点击不同的系统下载不同的软件版本,可以方便生成带图标的组合表格,可以方便输出软件关联的文章等等。

  • 湖北佩蒂贸易公司官网

    湖北佩蒂贸易公司官网

    案例截图:

     


     

    案例介绍:

    客户旧版本为我方采用 WordPress 定制的企业官网,客户希望改版,并且给出参考站,希望尽可能和参考站类似。客户希望控制成本,接受采用现成模版建站。

    案例详情:

    1. 我方通过对参考站进行分析,找到参考站使用的模版,并尝试购买但是由于该模版开发商倒闭而购买失败,进而为客户筛选调性风格类似的精品模版。
    2. 和客户一起选定模版后,进行二次开发,同时结合插件改造,完成网站的各级页面制作及功能实现。
    3. 对客户提供的简单图文物料,利用旧版网站的文字内容进行细致的内容编辑工作,除去企业动态的内容外,都选择了风格与质量都非常匹配的配图, 让客户节省了网站的运营成本的同时,保证了运营品质。

  • ChongLap香港创立医疗

    ChongLap香港创立医疗

    案例截图:


    案例介绍:

    客户为香港资深医药、医疗器械服务商,我方在香港的技术合作伙伴已为客户提供网站的原始版本,但客户需要对介面作一些改进。
    客户希望新版本能明亮活泼、年轻化、“现代化”一点。

    1. 我方提供网站新版本的页面效果图。
    2. 我方配合合作伙伴制作的 Ruby On Rails 后台程序,进行前端框架的改造,将模版整合到 Bootstrap 框架之中。
    3. 我方交付静态 html 给合作伙伴。其中加入了幻灯片效果及一些鼠标悬浮效果,以丰富交互效果。
    4. 在交互细节上,我方特别注意了 Call To Action 理念,利用文案和按钮效果,提高页内转化率。
    5. 由于客户在前期工作对我方的肯定及信任,追加了内容制作的需求,我方完成了幻灯片的设计工作。