我们如何在6周内创建超过200多个动画，使用Flutter语言开发出精典的运动健身App。

项目范围和技术：UX/UI设计，移动应用程序开发，动画，品牌，插画设计

行业：健康、媒体和娱乐

团队组成：1名设计主管，2名动画师，1名项目经理，3名Java程序员，2名前端程序员

工作时间：5个月

酷跑是一款使用Flutter开发的适用于iOS和Android的移动应用程序，可通过完整的肌肉部位和训练等级来促进锻炼。所有的练习都不是使用通常的视频，而是身体的动作转换成App里的动画。

挑战：

我们被要求设计一款适用于iOS和Android的健身应用程序，专门针对健身和锻炼世界的新手。它必须有一种轻松、欢迎的语气，而不是吓倒刚开始定期锻炼的用户。 总体挑战是在一个相当饱和的市场上创建一个能够脱颖而出的独特应用程序。

为了让App在众多竞争对手中脱颖而出，我们必须拥有自己的亮点和优势，要与众不同，我们要把借助硬件把健身的人体角度转换到App上，每一个动作App将会给你打分，以达到是否标准，并且还会给用户进行排名，让健身者更关注自己的实际的身体动作。

酷跑团队提供了一些健身视频-挑战是将练习重新制作为动画并提出一些新鲜的练习。

过程：

我们从设计研讨会和用户体验分析开始我们的工作。在收集了所有数据后，我们设计了线框和交互式原型，这些都是在Sketch中创建的。由于该应用程序将非常复杂（超过50个屏幕和200个动画），我们引入了我们自己的设计系统适应过程。这对保持一致的屏幕交付有很大帮助，不会因品牌变化而造成中断。我们还根据用户的身高、体重、饮食和身体部位提出了一种新的个人资料创建和注册流程。主要挑战是为应用程序创建200多个练习动画。通过在早期UI探索过程中设置应用程序的情绪，我们能够在我们的人才网络中寻找合适的动画专家。在找到合适的人后，我们开始在After Effects中制作动画。它们是根据酷跑团队提供的视频材料重新创建的。我们设法将动画角色快速推送到一个完全可操作的模块中，以获得适当的锻炼技巧。为了使应用程序在竞争对手中脱颖而出，我们提出了一系列品牌改进，这些改进也是最初计划的。由于出色的工作流程，我们能够应对这一额外的挑战，并且仍然在最初的期限内交付所有设计。因为一开始没有固定的品牌，我们知道在原型设计系统中使用强大的组件结构将使我们能够在最终品牌交付时对颜色、字体和原子设计结构进行快速迭代。

结果：

在我们的设计完成后，酷跑 团队能够立即投入开发。

我们不仅提供了UX/UI流程、所需的所有屏幕和锻炼动画，这些都是应用程序的独特卖点。

我们还进行了一些额外的工作，以确保应用程序的品牌方面得到照顾，并确保它可以在密集的市场上竞争。

该应用程序现已在适用于Android和iOS的App Store上提供。