这是TON401K 系列的第三篇文章，以下为同一系列的其他内容：
在上一篇文章中，我们已经讨论过在Web App 上加入TonConnect 来连接用户的 TON 钱包，连接后，我们可以读取用户的钱包数据，之后也可以让用户与智能合约进行交互。在完成了web3 登陆后，我们今天来完成前端的UI 设计。有关我们的设计思路和开发蓝图请参考：TON 链上社保 （TON401K）。在这一篇文章中，我们会完成整个TON401K 第一开发阶段的前端设计，主要内容就是让用户可以每周进行储蓄，然后在一定的期限之后一次全数取出。完成后我们的APP 为用户制定退休计划和进行自愿锁仓，就好像一个链上的存钱罐一样，用智能合约来帮用户养成储蓄的习惯。同时我们也会加入承继的问题，万一在存款的过程中我们的用户因突发事件而无法取回存款，其继承人便可以代为取出。
快速索引
主页设计
在首页中，我们会向用户展示DAPP的整体数据，包括存款计划的总数，总存款额，最长存款计划等等。除此之外，我们也会展示用户的基本钱包资料，如地址和持有的TON的数量。登入后，如果用户还未开始存款计划，UI上会显示 “Create New Saving Plan” 引导用户设置新的存款计划，反之则会展示用户的存款进度。
开立存款计划
在当前阶段，我们的开发目标是创建一个可通过 Telegram 小程序打开的链上存钱罐。此存款计划较为简单，没有复杂的回报计算。我们要求用户设定存款目标、目标金额和指定日期，然后为用户直接计算每周需存入的 TON 数量。同时，我们还提供另一个选项，即让用户自行决定是否需要强制锁仓。若选择强制锁仓，在到期日之前，所有已存入的款项都无法取出。
为鼓励用户积极存款，培养良好的理财习惯，我们会根据存款金额、存款年期以及是否进行强制锁仓等因素，向用户发放链上积分，命名为链上金融信用积分。由于拥有可追踪的链上存款数据，这不仅能证明用户的活跃程度，还表明用户具有良好的财务习惯。将来，这个链上积分可用于兑换空投或其他福利。而且，通过真实的存款数据，我们可以筛选出真正活跃的链上用户，而非专注于小游戏刷数据的工作室。
每周存款
对于已开设存款计划的用户，在首页就能看到自己的存款进度、已获得的积分以及已存入的 Ton 数量。同时，我们的小程序会提醒用户定时存入足够的 Ton 以维持存款计划。点击提醒后可以马上存款，并且会显示存款进度是否落后等信息。
链上金融信用积分
链上金融信用积分在TON401K中具有重要意义。它是基于用户在链上的存款行为而设立的一种积分体系。
对于参与存款计划的用户来说，链上金融信用积分有着多方面的价值。首先，它直观地反映了用户的存款进度。用户在首页可以清晰地看到已获得的积分、已存入的 TON 数量以及存款计划的整体进度。这不仅让用户能够随时了解自己的财务状况，还能激励他们更加积极地参与存款计划，以获取更多积分。
其次，链上金融信用积分是用户良好财务习惯的证明。由于积分的获取与存款金额、存款年期以及是否选择强制锁仓等因素相关，这意味着拥有较高积分的用户往往具有更强的理财规划能力和自律性。这种可追踪的链上存款数据为用户的财务行为提供了可靠的背书，在一定程度上增强了用户的金融信用度。
此外，链上金融信用积分还具有实际的应用价值。未来，用户可以用这些积分兑换空投或其他福利。这为用户提供了额外的回报，增加了他们参与存款计划的动力。同时，通过真实的存款数据来确定积分，也可以有效地筛选出真正活跃的链上用户，避免那些仅仅专注于小游戏刷数据的工作室混入其中，从而保证了生态的健康增长。
有兴趣了解更多关于TON 和电报生态的请关注 TonPanda的X 并加入我们的电报群，我们的教学文章和数据分析都会在这里第一时间更新 : https://t.me/tonchina