一个有序介绍并且展示创新性美容护肤的多页面网站
委托给我们的需求
我们主要的工作是制作一份整洁的()网站,并介绍很多一部分关于这项服务和有关产品的介绍信息:
- 告知访客 – 为什么要选择Quiklaser
- 用“天然、健康、亮丽皮肤只需十分钟”来展示“独特的营销方式”。
- 通过视频的方式来展示令人惊艳的结果和真实的顾客推荐
- 介绍这项技术的发明者
设计理念
这个网站的创意很简单。这项新的技术会在很短的时间内产生令人惊艳的变化。所以在整个网战里,我们决定突出展示一个让人意想不到的成功案例。并且让这这案例成为贯穿整个网站的辨识度很高的主题。
我们的方案
我们方案中最重要的一点就是让整个网站不要遍布着介绍这项技术的文字,而是让这些介绍均匀的分布在不同的网页。于是我们决定在网站最醒目的地方做一个类似幻灯片的三页宣传。这个出色的解决方案让重要的信息均匀的分布在网站的第一页。
归功于我们之前在第一页制作的幻灯片,我们可以直接向网站访客介绍网站的主题:“Melissa的成功故事”。紧接着,通过几个交互按钮,我们可以介绍公司的口号:“天然、健康、亮丽的皮肤只需十分钟”。
在“为什么选择QUIKLASER”的版块,我们制作了一些微动画来展示需要表达的信息文字。
在介绍不同服务的版块,我们也为几个可交互的按钮做了一些微动画来鼓励网站访客点击浏览。
在介绍医师的版块,我们团队做了一个会自动滑动的幻灯片。在这里,我们设计出了一个“更多”按钮,这个按钮不会打开一个新的网页,而是打开一个网页中的窗口。这个设计充分的满足了当网站访客想了解更多但是又不想离开现在这个网页的需求。
在可以联系商家的页面,我们还设计了各种症状的图片。这样的设计可以让顾客更清楚也更快的了解到自己属于哪一类症状。
我们制作的让客人联系商家的表格还可以通过前一步客人的选择给出客人下一步需要填写的信息。
服务 / 过程页面
在网页的最顶部很清晰的显示出一个地方去预约线上问诊过程。往下,我们设计了三个主要的按钮可以让访客了解到他们想了解的事情。同时,当访客点击任意一个按钮时,我们还制作了丝滑的动画来引导网页到访客想看的版块。无论访客处于网页的任何地方,这三个主要的按钮都会在网页的上方以供访客随时点击。
我们还设计有可交互的“治疗前和治疗后”的图片,以供访客可以看到前后区别。
“激光治疗如何发挥作用”的页面
在这里,我们设计了一个非常有趣的动画。这个动画可以一步一步的引领访客观看完整个介绍激光治疗如何发挥作用网页。
治疗论文版块
就像这些充满大幅文章的页面,无论访客浏览到网页的任何地方,在页面的上方有三个选项随时供访客选择。
综合引导页面
我们会为委托我们做宣传的公司制作综合引导页面。
每一页都有一个非常有用的幻灯片。这会让访客可以了解从预约到完成治疗的每一个步骤。
