2024：Toc · Project

Grow 作为一款HRV健康与运动中心，在中国完拥有庞大的Apple Watch用户，女性用户占比超过70%以上，主要集中在一二线以及海外的一些用户，截止到2024.8，下载量已超过250w次以上，多次获得过App Store 编辑推荐，60,000+ 全球五星评价，无论是设计还是产品力都展示出独特之处。

Grow is an HRV health and fitness center that boasts a huge user base of Apple Watch users in China, with female users accounting for over 70% of the total. The users are mainly concentrated in first- and second-tier cities and overseas. By August 2024, the app has been downloaded over 2.5 million times, and has received multiple Editor's Choice recommendations from the App Store, as well as over 60,000 five-star reviews globally. The design and product quality of Grow demonstrate its unique features.

挑战

Grow每个月都有新的挑战，7月和8月的挑战系列主要围绕了法国文化和奥运会为情绪版，并产出一些关键词：如“正在睡眠的蒙娜丽莎” “断臂维纳斯”等等 。同时游泳挑战也在 App Store 获得了夏日推荐，也为产品得到了更好的曝光，挑战上线后我们发现用户对一些独特的徽章他们表示很喜欢，尤其是小动物，往往能引起广泛的喜爱。人们与小动物有一种天然的亲密关系，因此，我们在做徽章时都会先出以小动物相关产出情绪版，通过这类徽章设计+运动挑战，给用户不仅带来了健康和锻炼，并且他们能从中获取精美徽章，这对于产品和用户来说更加友好

Grow faces new challenges every month, and in July and August, the challenge series was centered around French culture and the Olympics for an emotional theme. Keywords such as "The Sleeping Mona Lisa" and "Venus de Milo" were produced. Meanwhile, the swimming challenge also received a summer recommendation on the App Store, which helped to get better exposure for the product. After the challenge went live, we found that users really liked some unique badges, especially those featuring small animals, which often sparked widespread love. People have a natural affinity with small animals, so we always start with animal-related emotional themes when creating badges. Through this combination of badge design and exercise challenges, we not only provide users with health and exercise, but also allow them to collect beautiful badges, which is more user-friendly for both the product and the users.

HRV(心率变异性)

我们通过Apple Watch收集HRV（心率变异性）数据，以推测用户在不同时间的压力状态。然后，我们通过表盘的方式将这些数据展示给用户。为了以更直观和友好的方式传达这些复杂的数据，我们计划使用表情包。例如，当HRV数值较低时，我们会用“压力过大”的表情来提醒用户。通过与知名表情包或IP（知识产权）的联名，我们不仅可以提升品牌的曝光度和认知度，还能激发用户的兴趣和讨论。

We collect HRV (heart rate variability) data through the Apple Watch to infer the user's stress level at different times. Then, we display these data to users through watch faces. To convey these complex data in a more intuitive and friendly way, we plan to use emoji packs. For example, when the HRV value is low, we will use an "overwhelmed" emoji to remind the user. By collaborating with well-known emoji packs or IPs, we not only can enhance the brand's visibility and recognition but also stimulate user interest and discussion.

色彩风格

作为一家AI生成歌曲的公司，我们选择荧绿色与酷黑的配色方案，旨在传达创新和前卫的品牌形象。这一决定经过了团队的深入讨论，并且我们组织了近30人的投票，参与者包括音乐制作人、团队成员和内测用户。最终，基于评审和投票结果，我们确定了这一色板。后期（已离职）APP用了一版深色风格，但是我认为这和小程序风格有一定冲突需要优化。

As a company that generates AI songs, we chose a color scheme of neon green and cool black to convey an innovative and avant-garde brand image. This decision was reached through in-depth discussions within the team, and we organized a vote involving nearly 30 people, including music producers, team members, and beta users. Based on the evaluation and voting results, we determined this color palette. Later (when I had already left the company), the app used a darker style, but I think this is in conflict with the small program style and needs to be optimized.

引导决策

为了提升用户的信任度和期望值，我将采取以下设计策略：首先，通过后台配置，将AI生成的高质量单曲推荐给用户。其次，当用户听到其他用户利用自己的音色生成的高质量歌曲时，他们会感到兴奋和惊讶，这将影响他们的决策并激发他们的兴趣。最后，提前展示这些原创作品能够增强产品的吸引力，使用户更愿意使用我们的服务。

To enhance users' trust and expectations, I will adopt the following design strategies: First, by configuring the backend, we will recommend high-quality singles generated by AI to users. Second, when users hear high-quality songs generated by other users using their own voices, they will feel excited and surprised, which will influence their decisions and spark their interest. Finally, previewing these original works in advance can enhance the product's appeal, making users more willing to use our service.

二人世界APP

目前8月份开发完毕，并将产品更名为“二人世界”。您可以在App Store中搜索 “二人世界-亲密关系专属小窝” 查看其上线效果。这个项目是我在2023年空窗期接的外包，专为异地恋打造的线上世界APP。根据需求方的要求，我采用了日式卡通风格。在这个外包项目中，我主要负责UI视觉设计和动效设计。

The project is currently completed in August and has been renamed to "Two Worlds". You can search for "Two Worlds - Intimate Relationship Exclusive Nest" on the App Store to view its launch effect. This project is an outsourcing project I took on during my 2023 blank period, specifically designed for long-distance relationships. According to the requirements of the demand side, I adopted a Japanese cartoon style. In this outsourcing project, I mainly负责UI visual design and motion design.

2019 回顾：Tob · Project

这是我在多年前B端设计的产出，部落管家新推出的多赞是一家服务于分销及微商的中后台，2018年我就尝试使用Figma进行B端设计，它非常的效率，后来我分享并促进团队使用该软件，很大的提升了我们的工作效率，当时公司并没有一个像样的官网，通过我的官网和b端改版设计也更好为企业体现品牌价值，也为我们的潜在客户提供更好的功能介绍。以下这些设计更好的体现了我们产品品牌性，专业度

This is the output of my B-end design work done many years ago. The newly launched Duoluo Housekeeper is a middle-back-end service provider for distributors and micro-businesses. In 2018, I tried using Figma for B-end design and found it very efficient. Later, I shared and promoted the use of the software within the team, greatly improving our work efficiency. At the time, the company did not have a decent website, and my website and B-end redesign also helped better convey the brand value of the company and provide better function introductions for our potential customers. The following designs better illustrate the branding and professionalism of our product.

设计规范-Design codes

回顾以往做的规范，再看IBM以及Material Design设计规范 仍有很大不足，我们的团队规模无法独立开发设计系统，都是用的bat的设计系统，只能主题化，和微调。在未来的b端设计中 我认为有很多优化的地方，如编程化的设计变量（Design Tokens），文字WCAG 的标准。

Looking back on the previous specifications, IBM and Material Design specifications still have great shortcomings. Our team size cannot independently develop the design system, and we all use the design system of bat, which can only be themed and fine-tuned. In the future B-terminal design I think there are a lot of optimizations, such as programmed Design Tokens, the WCAG standard for text.

关于动效-About Animation

2018年的初夏我当时看了苹果的[WWDC 2018] Designing Fluid Interfaces 流畅的界面设计 apple的设计师详细的介绍了动效的设计理论和体验，这也对于我未来的设计通常使用的策略，通过微妙而丝滑的动效 赋予产品生命力

In the early summer of 2018, I attended Apple's [WWDC 2018] Designing Fluid Interfaces event, where Apple's designers gave a detailed presentation on the design theory and experience of fluid animations. This also provided me with the strategies I usually use in my future design work, by subtly and smoothly incorporating animations to give products a sense of life.

三维-3Dimensions

22年的业余的时间我学习并练习了三维软件，我认为3D能给产品带来很大的视觉冲击力，期间我通过Blender创造了竹伴app小熊3DD，这种持续学习和探索的经历，不仅让我提升了技能，也让我在创造的过程中找到了的乐趣

For 22 years, I have been learning and practicing 3D software on a part-time basis. I believe that 3D can bring a huge visual impact to products. During this time, I created Xiao Xiong 3DD, the mascot of ZhuBan app, using Blender. This continuous learning and exploration experience not only improved my skills, but also allowed me to find joy in the creative process.