项目简介

深圳市中达瑞和科技有限公司(WAYHO)是一家集液晶光电子、高光谱成像系统研发制造，以及信息化解决方案和服务为一体的国家高新技术企业。公司愿景成为“国内领先，国际一流”的科技企业，希望官网能体现出行业领先和技术专业。

这次网站改版项目由我独自完成，涵盖了架构、设计、前端、后台、数据库和服务器部署等方面。代码部分采用了TailwindCSS和THINKPHP进行开发。由于客户希望在原有基础上进行页面改动以节约成本，因此前期只制作了首页、云平台和关于我们等页面，保留了原始产品页面的内容，暂未涉及相关页面的更改。在后续的工作中，可能将继续优化剩余页面。

官网首页

根据客户的要求和参考的同行网站，经过分析后，我们确认了网站首页的整体布局架构，将其划分为以下几个模块：

1: Banner（新产品或活动图）：在网站首页的顶部，展示突出新的产品或活动图片，以吸引用户的注意力并传达重要信息。
2: 产品模块：展示客户公司的主要产品，使用图片和简短的描述来引起用户的兴趣，并提供进一步了解产品的链接或按钮。
3: 行业案例：展示客户公司所涉及的行业领域和相对应的案例，突出强调公司在该领域的适用性和项目经验。
4: 品牌理念：介绍客户公司的品牌理念、核心价值观和使命宣言。通过简洁而有力的文字和相关的图像，可以增强客户对公司的信任和认同感。
5: 新闻中心：展示公司最新的新闻、公告、事件等。让用户了解到公司的最新动态，并提供相关链接以便获取更详细的信息。
6: 试用：试用模块，让用户轻松申请试用并体验产品，同时收集客户信息，重要的用户抓手。
7: 页脚：页脚部分，包含联系信息、导航链接、社交媒体链接以及其他相关信息。

通过以上的模块划分，网站首页能够体现客户公司的产品和专业性，同时提供清晰的导航和信息展示，帮助用户了解和接触客户公司的业务。

云平台页面

云平台的具体功能大致可以看以下的官方介绍内容：“中达瑞和高光谱大数据分析应用云平台，通过分布式存储、分布式计算和深度学习等先进技术，为用户提供数据存储、模型训练和应用服务等功能，为各行业打造以高光谱技术为核心的云服务综合解决方方案。”

在设计这个页面时，我决定采用整页滚动的方式来呈现内容。这个决策基于一些重要考虑因素：云平台是客户特别关注的重要页面，更像是产品的窗口。我将平台的宣传特点分解为多个重点功能，每个特点都通过一整屏的设计来展示，从而提升浏览体验。类似的设计在许多硬件产品中都有成功的应用，如手机和汽车等。通过动画和滚动等交互效果的加入，进一步增强了用户的体验感。

然后将每个特点进行了版式设计，并精选了合适的素材图片来增强视觉效果，初稿完成后，我很庆幸客户对这个设计非常认可，并快速批准了这个方案。最终，我使用了一些JS库和动画效果，为设计元素添加了平滑的滚动效果，并对页面进行了响应式设计，以确保在手机端浏览时也能保持良好的展示效果。

关于我们

在整个项目的后期阶段，我为关于页面增添了新的内容。在这个页面中，客户期望能够准确展示公司的简介、核心优势和企业文化等关键内容。通过搜寻精美的配图并对页面版式进行重新构建，完成整体设计。在设计过程中，我特别注重页面的趣味性，通过向下滚动时的动态元素，增加了页面的互动性。

在核心优势板块的设计中，我将公司的实际成果数字化展示，并在最终页面中添加了数字跳动的动态效果。而在里程碑板块，我构思了一个由下至上的时间线模块，通过线条的延伸，有序地呈现了公司的发展历程。这一设计不仅仅在页面滚动时引起注意，还通过微动效的鼠标点击呈现了更丰富的展示方式。

这一版本的页面在经过一些微调后，得到了客户的高度认可，从而成功地上线。鉴于客户预算的限制，关于此网站的其他页面内容并未完全优化，部分模块仍保留了原有的内容和版式。这种情况是在充分考虑下做出的权衡，在此向您说明。

以上最终实际上线的内容和版式将由客户决定，而此设计图仅代表个人审美意愿。随着客户要求的更新，实际上线的网站可能会有一些差异，并且我无法完全控制。因此，请以实际上线的页面为准。

官网链接：wayho.cn