2018年ui设计需求
It sounds cliché, but having a great product is crucial. I said this many times, and we’ve been following this rule since the beginning of Creative Tim. For us, a Great Product = Great Design + Great Customer Support + Great User Experience.
听起来陈词滥调，但拥有出色的产品至关重要。 我说了很多遍，自Creative Tim创立以来，我们一直遵循这一规则。 对我们来说，优质的产品=优质的设计+优质的客户支持+优质的用户体验。
If you want to learn more about how we started everything 5 years ago, from a Starbucks, please check this article: How my friends and I grew our side project into a $17.000/month business. That article was written exactly 2 years ago, and I would recommend you to read it before proceeding to this one so you can better understand the whole journey.
如果您想了解更多有关我们5年前如何从星巴克开始的一切的信息，请查看以下文章： 我和我的朋友如何将我们的附带项目发展为每月$ 17,000的业务 。 这篇文章是2年前写的，我建议您在继续阅读本文之前先阅读一下，以便您更好地理解整个过程。
A lot of the strategies that we will present here can be applied to other online businesses, and you will see an example of how somebody created a successful startup based on the other article that we published.
我们将在此处介绍的许多策略都可以应用于其他在线业务，并且您将看到一个示例，该示例基于我们发表的另一篇文章，介绍了某人如何创建成功的创业公司。
我们为什么要分享“所有这些秘密”？ (Why do we share “all these secrets”?)
Everything that we built was based on free information and free resources that were found on the web and I think it is in our responsibility to give back. There are a lot of entrepreneurs who want to start a business or want to scale one, but they don’t know how to acquire new users without using a paid channel. We want to help these people so they can apply some of the techniques and spend less time doing experiments.
我们构建的所有内容都基于在网络上找到的免费信息和免费资源，我认为我们有责任回馈。 有很多企业家想创业或扩大规模，但他们不知道如何在不使用付费渠道的情况下获取新用户。 我们希望帮助这些人，以便他们可以应用某些技术，并花费更少的时间进行实验。
In this case study, I will present how we grew monthly revenue ~5x, from $17.000 to $106.000 while being in a very crowded market (Themes and Templates). Here is an overview of the article:
在本案例研究中，我将介绍在一个非常拥挤的市场(主题和模板)下，我们如何将月收入从$ 17.000增长到$ 106.000约5倍。 这是文章的概述：
- Partnership strategies (The moment you quit is the moment you lose) 合作策略(退出的那一刻就是失败的一刻)
- If you want to be great, stay near great companies 如果你想成为一个伟大的人，请靠近伟大的公司
- Growth Hacking: from trending on Github’s front page to continuous launches on Product Hunt 成长骇客：从Github首页的流行趋势到Product Hunt的持续发布
- How different we are from our competitors and why this worked for us 我们与竞争对手有何不同，以及为什么对我们有用
- Give Back: Education, Sponsorships, and Tutorials 回报：教育，赞助和教程
- Can people apply our strategies to different businesses? 人们可以将我们的策略应用于不同的业务吗？
- What’s next? 下一步是什么？
让我们开始！ :-) (Let’s begin! :-))
1.伙伴关系战略 (1. Partnership strategies)
If you’ve read the other article, you know that after some trial and error in different fields, from giving design components to our users and some growth hacking, we finally found the Product Market Fit. We had around 226.000 visits made by 77.000 people, and we were grossing $22.000 from about 400 paying customers. While we continued to launch new products, we realized that there is a limited amount of money that those people can spend.
如果您读过另一篇文章，您会知道，在不同领域进行了反复试验之后，从为我们的用户提供设计组件到一些成长型黑客，我们终于找到了适合产品的市场 。 我们有77.000人次访问了226.000次，我们从大约400个付费客户那里赚了22.000美元。 当我们继续推出新产品时，我们意识到这些人可以花的钱有限。
That means that if you have 10 premium products with an average value of $55 there will be 400 people who will buy. But if you push 10 more premium products those 400 people will still buy only 1 product as they need 1 product for their project, not 2 or 3. It’s the same thing as going to a supermarket with $10 to buy 1 bottle of milk, it doesn’t matter if the supermarket brings in 25 more types of milk, you will not spend $30 to buy 3 bottles of milk just because there is a lot of milk there.
这意味着，如果您有10款平ASP格为55美元的优质产品，就会有400人购买。 但是，如果您再推出10种优质产品，那么这400人仍将只购买1种产品，因为他们的项目需要1种产品，而不是2种或3种。这与用10美元去一家超市购买1瓶牛奶一样，超级市场是否再带25种牛奶都没关系，您不会花30美元购买3瓶牛奶，因为那里有很多牛奶。
It was painful for us to find this, as we were thinking like “ahh…the business it’s pretty simple, we launch more, we make more”. So the next thing that we had to do, while we were launching new products, was to find new partners that wanted to join us and help with the delivery of our free and paid products to a bigger audience.
发现这一点对我们来说是一件痛苦的事情，因为我们当时想着“啊……这很简单，我们开展的业务更多，我们的业务更多”。 因此，在我们推出新产品时，我们要做的下一件事是寻找新的合作伙伴，他们希望加入我们的行列，并帮助将我们的免费和付费产品交付给更大的受众。
“Shoot for the moon. Even if you miss, you will land among the stars.”
“为月亮而战。 即使您错过了，您也将落在星空之中。”
We started to look for websites that had 3–10–20 or even 100x the traffic that we had. Since we based all our business on the most popular framework for front end, Bootstrap, we started looking for all the websites that were related to Bootstrap. After a lot of emails and requests and rejection we though it was cool and crazy enough to try to do a partnership with the creators of Bootstrap. Most of the time people think like this: “There were a lot of people who ignored us, I will not ask them because they are too big and they will ignore us. It’s better to stay in my corner.”
我们开始寻找网站流量是我们的3–10–20甚至100倍的网站。 由于我们所有业务都基于最流行的前端框架Bootstrap ，因此我们开始寻找与Bootstrap相关的所有网站。 在收到大量电子邮件，请求和拒绝之后，我们虽然酷而疯狂，但仍然尝试与Bootstrap的创建者建立合作伙伴关系。 大多数时候，人们是这样认为的：“有很多人不理我们，我不会问他们，因为他们太大了，他们会不理我们。 最好留在我的角落。”
So on 7 June 2017, we contacted the creators of Bootstrap and presented them with what we were doing, what we wanted to achieve with the Bootstrap Templates, and what was our mission.
因此，在2017年6月7日，我们联系了Bootstrap的创建者，向他们介绍了我们正在做的事情，我们希望通过Bootstrap模板实现的目标以及我们的任务。
We’ve got pretty shocked when we got their response. Why?
当我们得到他们的回应时，我们感到非常震惊。 为什么？
- It was a positive response saying that something would happen in the future and they would come back with some ideas. 这是一个积极的回应，它说将来会发生某些事情，他们会提出一些想法。
- We were thrilled that they considered our business. There were basically thousands of other companies/people doing Bootstrap Templates. 我们很高兴他们考虑了我们的业务。 基本上有成千上万的其他公司/人员在做Bootstrap模板。
- They actually came back. Usually, 99% of people will not respond to your proposals. 他们实际上回来了。 通常，有99％的人不会回复您的建议。
Later that year, they contacted us and told us that they would launch an official Bootstrap Marketplace and they wanted to have us in the first batch of 5–7 companies.
那年晚些时候，他们联系了我们，并告诉我们他们将启动一个正式的Bootstrap市场 ，希望将我们加入第一批5-7家公司。
The most important part here wasn’t the fact that we would start making more money and would deliver to more people with this partnership. It was the fact that we began to talk directly with the creators of Bootstrap and we got feedback about how we should improve and work on top of Bootstrap. That’s way more valuable than money and came as another validation for us, that we were providing high-quality products.
这里最重要的部分不是事实，我们将开始赚更多的钱，并通过这种伙伴关系可以为更多的人提供服务。 事实是，我们开始直接与Bootstrap的创建者进行交谈，并获得了有关如何改进和在Bootstrap上工作的反馈。 那比金钱更有价值，并且对我们来说，这是我们正在提供高质量产品的另一验证。
“The creators of a framework are the most qualified to give you the best feedback about how you should work with their product.”
“框架的创建者最有资格为您提供有关如何使用其产品的最佳反馈。”
Next partnership: WordPress. During the years we knew that WordPress is powering around 30% of all the websites around the world, but we never did anything on this side. We have in our target range developers and web agencies who know how to code. When you do something for WordPress you know that it is possible to have somebody who is not technical who will try to “1-Click install” your product and it will have problems. Then they’ll come to your support being angry about his experience.
下一个合作伙伴：WordPress。 这些年来，我们知道WordPress为全球所有网站中的30％提供支持 ，但我们从未在这方面做任何事情。 我们的目标范围是开发人员和网络代理，他们都知道如何编码。 当您为WordPress做某事时，您会知道可能会有一些非技术人员尝试“一键安装”您的产品，并且会出现问题。 然后他们会为您的生气而对您的支持。
Since we never did anything for WordPress but wanted to see our design on WordPress themes we were looking for a solid partner in this field. We found ThemeIsle, the company who built one of the most the popular WordPress themes, Zerif. They are from the same country as we are so we started to talk about ways of collaborating.
由于我们从未为WordPress做任何事情，而是希望看到我们在WordPress主题上的设计，因此我们一直在这一领域寻找可靠的合作伙伴。 我们找到了ThemeIsle ，该公司构建了最流行的WordPress主题之一Zerif 。 他们和我们来自同一国家，所以我们开始谈论合作方式。
We realized that a great combo would be to migrate our most popular UI Kit, Material Kit, to WordPress. In this way, we created Hestia, a WordPress Theme that was using our design.
我们意识到，将最受欢迎的UI套件Material Kit迁移到WordPress是一个很好的组合。 通过这种方式，我们创建了使用我们设计的WordPress主题Hestia 。
Hestia was a great success. It was downloaded hundred of thousands of times and currently it has 100,000+ active installs. More, it is in the top 10 most popular WordPress themes of all time. We also made another product, Orfeo, which was built on top of Paper Kit 2 and is in the top 50 most popular themes for WordPress. Having this partner was really important for us as we entered a new world that we couldn’t do on our own.
赫斯提亚取得了巨大的成功。 它被下载了数十万次，目前有100,000多个活动安装。 此外，它是有史以来最流行的 WordPress 十大主题。 我们还制作了另一种产品Orfeo ，它建立在Paper Kit 2的基础上，并且是WordPress最受欢迎的50个主题。 拥有这个合作伙伴对我们来说非常重要，因为我们进入了一个我们无法独自完成的新世界。
The next partnership we created was something that we’ve been working on for around two years. Unfortunately, it’s an exclusive partnership, so we cannot give details about who is behind this. I will show you why it took us two years to build it. If you look at the first email that I sent you will notice some mistakes that I made:
我们创建的下一个合作伙伴关系是我们已经从事了大约两年的工作。 不幸的是，这是排他性的合作关系，因此我们无法提供有关背后原因的详细信息。 我将向您展示为什么我们花了两年时间才建造它。 如果您查看我发送的第一封电子邮件，您会发现我犯了一些错误：
- I only talked about my company and me, and I never told him what he could achieve from this partnership (exposure, money, experience, etc.) 我只谈论过我和我的公司，我从未告诉过他通过这种合作关系他可以取得什么成就(曝光，金钱，经验等)。
- I didn’t give any details, like “we expect to have 10.000 downloads from your source” or “we think your users will download 2x more products because of the high quality” etc. 我没有提供任何详细信息，例如“我们希望从您的源中下载10.000次下载”或“由于质量高，我们认为您的用户将下载2倍以上的产品”等。
- I didn’t tell anything about what we could do for him to help in his business 我没有告诉我们我们可以为他做些什么来帮助他的生意
So it took me 26 emails over 21 months to understand that I had to change my messages to give something to a possible partner before getting something from it. Sometimes you have to learn it the hard way. ??♂️
因此， 在21个月的时间里，我花了26封电子邮件，以了解我必须更改消息才能向可能的合作伙伴提供一些东西，然后再从中获取一些东西。 有时，您必须学习困难的方法。 ??♂️
In the end, our partner was pleased with the new collaboration, and I’m feeling good that I continued to “spam him” and never gave up.
最后，我们的合作伙伴对新的合作感到满意，并且我继续向他发送“垃圾邮件”并且从未放弃，对此我感到很好。
“We learnt an important lesson here, that you have to give something before you get something!”
“我们在这里学到了重要的一课，那就是在得到东西之前必须付出一些！”
2.如果您想成为伟大的人，请与伟大的公司保持联系 (2. If you want to be great, stay close to great companies)
We always had the philosophy of learning and getting inspired by other more prominent companies that have tens of years of experience in a field. In the past, we’ve got inspiration from Apple, Rolls Royce, Heroku, Invision, Airbnb, Stripe, Dribbble, etc. I think that if you learn from these companies, you can create a rock-solid foundation. Then when you have all the skills and knowledge, you can start playing with them and create something new and unique, as Pablo Picasso said.
我们始终秉持着学习的理念，并从在某个领域拥有数十年经验的其他知名公司获得启发。 过去，我们从Apple，劳斯莱斯，Heroku，Invision，Airbnb，Stripe，Dribbble等那里获得了灵感。我认为，如果您向这些公司学习，可以打下坚实的基础。 然后，当您掌握了所有的技能和知识后，就可以开始使用它们，并创造出新颖而独特的东西，如毕加索所说。
We wrote more about how we build a product and how is the strategy and implementation in this article: “The Anatomy of a Bootstrap Dashboard.”
在本文中，我们写了更多关于如何构建产品以及策略和实现的方法：“ Bootstrap仪表板剖析 ”。
Looking for sources of inspiration and then following InVision for many years, we decided to take inspiration from one of their most popular UI Kits called Now UI, which was launched in 2015 and was available only for designers. We wanted to use it as the core foundation for a new UI Kit made for developers.
寻找灵感的来源，然后跟随InVision多年，我们决定从其最受欢迎的UI套件之一(即Now UI)中 汲取灵感，该套件于2015年推出，仅适用于设计师。 我们希望将其用作为开发人员制作的新UI Kit的核心基础。
We’ve got Invision’s approval, and we were allowed to build the coded version for developers on 8 November 2016. After 4–5 months of researching, planning based on Invision’s principles, and developing, we released the HTML version based on Bootstrap.
我们已经获得Invision的批准，并被允许在2016年11月8日为开发人员构建编码版本。经过4到5个月的研究，根据Invision的原则进行规划和开发，我们发布了基于Bootstrap的HTML版本 。
The result and the way our developers received the new product was incredibly good. The design was great because Invision made it, and the code was very well structured and followed the Bootstrap 4 principles. That was a great combo in terms of Design + Code + Documentation. Later we found out that the success of this product was because we took one of the best UI Kits that was available and made it better by coming with the coded version and new elements/pages.
结果和我们的开发人员收到新产品的方式都非常好。 该设计之所以出色，是因为Invision做到了，并且代码的结构非常好，并遵循了Bootstrap 4的原理。 就设计+代码+文档而言，这是一个很棒的组合。 后来我们发现该产品的成功是因为我们采用了最好的UI套件之一，并通过提供编码版本和新的元素/页面来使其变得更好 。
“Take the best that exists and make it better.” — Henry Royce (co-founder of Rolls Royce)
“利用现有的最好的东西，并使它变得更好。” —亨利·罗伊斯(劳斯莱斯的联合创始人)
3.增长骇客：从在Product Hunt上的持续发布到Github的头版或我们国家的新闻媒体的流行趋势 (3. Growth Hacking: from continuous launches on Product Hunt to trending on Github’s front page or features in our country press)
Since the initial boost for creative-tim.com came from Product Hunt, we decided to continue to launch products there. The difference between launching in 2014–2015 and launching in 2018 was pretty big as the community grew a lot and there are a lot of new products launches daily. That makes it really hard to stand out of the crowd.
由于对creative-tim.com的最初推动来自产品搜寻，因此我们决定继续在该处推出产品。 随着社区的发展和每天都有很多新产品发布，2014-2015年发布和2018年发布之间的差异非常大。 这使得很难脱颖而出。
The strategy of launching on Product Hunt became really complicated, and we work for around one week before doing an actual post there. Everything needs to be set and a lot of people have to be involved. Some things that you have to think of:
在“产品搜索”中启动产品的策略变得非常复杂，在此进行实际发布之前，我们工作了大约一周的时间。 一切都需要设置，很多人必须参与。 您必须考虑的一些事项：
- You need to prepare all the images, product descriptions, links, and social profiles before actually starting the post. That will save you a lot of time. Here we usually do a draft of the future post and then discuss internally with the whole team the text and images. 在实际开始发布之前，您需要准备所有图像，产品描述，链接和社交资料。 这样可以节省您很多时间。 在这里，我们通常会编写将来的帖子草稿，然后与整个团队内部讨论文本和图像。
- You have to make sure your website will not break as there will be a boost in traffic. We usually send people to static generated content, so fewer server resources are needed. 您必须确保您的网站不会因为流量增加而中断。 我们通常将人们发送到静态生成的内容，因此需要更少的服务器资源。
- Try to post at the beginning of the Week (Monday) around 10:15 AM GMT+2, that is 00:15 AM San Francisco time, basically when the Product Hunt Servers start a new day. In this way, you make sure you have 24hours full exposure and get as many upvotes as you can. 尝试在格林尼治标准时间(GMT + 2)上午10:15(每周一)(星期一)开始发布，即旧金山时间00:15，基本上是在产品搜索服务器开始新的一天时。 这样，您可以确保24小时全天候曝光，并获得尽可能多的支持。
- If you already have a base of people that are using your product, make sure you send them an email to let them know that you are on Product Hunt and if they enjoyed using the product they can upvote it. 如果您已经有很多人在使用您的产品，请确保向他们发送电子邮件，让他们知道您正在使用Product Hunt，如果他们喜欢使用该产品，则可以对其进行投票。
- Make sure you let your social fans (Facebook, Twitter, Instagram) know that you are on Product Hunt. 确保让您的社交粉丝(Facebook，Twitter，Instagram)知道您正在使用Product Hunt。
- If you are posting a paid product, make sure you create some coupons that can be used by the Product Hunt community. They love them :D 如果您发布的是付费产品，请确保您创建了一些可供Product Hunt社区使用的优惠券。 他们爱他们：D
Using these steps we successfully launched some products that were well received by the community:
通过这些步骤，我们成功推出了一些深受社区好评的产品：
Material Dashboard Free — 756 upvotes
不含材料仪表板 — 756个投票
Now UI Kit — 1.556 upvotes
Now UI Kit — 1.556更新
Material Dashboard All Technologies (Bootstrap, React, Vuejs, Angular) — 505 upvotes
While we were looking for new ways of showing our products to a bigger audience, we found this article written by Diana from Froala: How to get up to 3500+ GitHub stars in one week. It was pretty exciting, and we were thinking that if they did that, maybe we can also be trending on GitHub, as we already have open source products and the developer community loves them.
在寻找向更多受众展示产品的新方法时，我们发现了Froala的Diana撰写的这篇文章： 如何在一周内获得3500多颗GitHub星 。 这非常令人兴奋，我们认为如果他们这样做了，也许我们也可以在GitHub上流行，因为我们已经有了开源产品，并且开发人员社区也喜欢它们。
We followed all the steps that were written in the article and also applied the strategies that we used on Product Hunt. We prepared a friendly Readme page for Material Dashboard and added all the technologies that were available for Material Dashboard (Bootstrap, React, Vuejs, Angular). We posted on social media and then sent a newsletter to 90.000 developers who were using Material Dashboard. After this initial boost, we were trending in All Languages for one day.
我们遵循了本文中编写的所有步骤，并应用了我们在Product Hunt上使用的策略。 我们为Material Dashboard准备了一个友好的自述页面，并添加了Material Dashboard可用的所有技术(Bootstrap，React，Vuejs，Angular)。 我们在社交媒体上发布，然后向使用Material Dashboard的90.000开发人员发送了新闻通讯。 经过最初的提升，我们在“所有语言”方面发展了一天。
Since we boosted it to top 5 for a day, we started to announce to our audience that we are trending on Github, and that helped us get more people involved. We added a Banner on our website which was viewed by over 50,000 people, and then we posted that repo on Hacker News where the magic happened. It was featured on the first page, upvoted by around 430 people, and 9,800 people came to the GitHub where they gave us around 2,000 stars.
自从我们将它提高到一天前5名的排名之后，我们开始向观众宣布我们在Github上的发展趋势，这有助于我们吸引更多的人参与。 我们在网站上添加了一个横幅广告，该横幅广告被超过50,000人浏览，然后我们将该回购消息发布在发生了魔术的Hacker News上。 它是第一页上的精选文章，大约有430人参与其中 ，有9,800人来到GitHub，他们给了我们约2,000星。
So we were in front of Facebook, Google, and Microsoft for that week.
所以那周我们在Facebook，Google和Microsoft面前。
Launching on Product Hunt, Hacker News, or being on local Press is not a sustainable growth channel, as Product Hunt’s founder Ryan said, but it’s an excellent strategy to employ at the beginning of your business.
正如Product Hunt的创始人Ryan所说，在Product Hunt，Hacker News上发布或在本地媒体上发行不是一个可持续的增长渠道，但这是在业务开始时采用的绝佳策略。
4.我们与竞争对手有何不同，以及为什么对我们有用 (4. How different we are from our competitors and why this worked for us)
We are running our business in a very competitive space: themes & templates. Most of the entrepreneurs that I’ve met thought that this was a dead place and that we couldn’t create something relevant. We wanted to prove that things can be done in any space, no matter how crowded it is, if you have your secret weapon. If you read the first article, you know that our secret weapon is to deliver great products combined with great user experience and great customer support.
我们在竞争非常激烈的领域中开展业务：主题和模板。 我遇到的大多数企业家都认为这是一个死胡同，我们无法创造出相关的东西。 我们想证明，只要拥有秘密武器，无论拥挤多少，都可以在任何空间完成。 如果您读了第一篇文章，您就会知道我们的秘密武器是提供出色的产品，出色的用户体验和出色的客户支持 。
Let’s have a look at most of our competitors who sell their products in different marketplaces. Of course, there are some exceptions, as we are not unique in our field, but let’s have a look at 95% of the companies who create similar products with ours.
让我们看看在不同市场上销售产品的大多数竞争对手。 当然，也有一些例外，因为我们在该领域不是唯一的，但让我们看一下与我们的公司创建类似产品的公司中的95％。
Now, let’s have a look at our curve and have a little overview of each point:
现在，让我们看一下曲线，并对每个点进行一些概述：
Pricing: when we started our business we found that most HTML templates/themes/kits/dashboards were priced between $3 and $19, while Wordpress templates were priced between $49 and $69. Things changed during the years, and HTML templates started to cost more. We made some calculations, and we couldn’t sustain our business if we started in the same price range $3–$19. We also read in some business books that if the price is your only differentiator, then you are in big trouble. So we decided to charge more for our products so we could have the flexibility to build products that have top quality and customer experience.
定价：开始业务时，我们发现大多数HTML模板/主题/工具包/仪表板的价格在3到19美元之间，而Wordpress模板的价格在49到69美元之间。 这些年来情况发生了变化，HTML模板开始花费更多。 我们进行了一些计算，如果我们以相同的价格范围$ 3– $ 19开始，我们将无法维持业务。 我们还在一些商业书籍中读到， 如果价格是您唯一的差异因素，那么您就会遇到大麻烦 。 因此，我们决定对我们的产品收取更多费用，以便我们可以灵活地构建具有最高质量和客户体验的产品。
Quality: on a scale from low to high, most of our competitors deliver medium quality. This is because they invest most of their resources, which are a combination of money + time, into building more pages, more plugins and more updates for all those plugins and pages. These things combined with the pressure of releasing new products gives them less time to invest in the quality and the attention to details of their products.
质量：从低到高，我们的大多数竞争对手提供中等质量。 这是因为他们将大部分的资源(包括金钱和时间)投入到构建更多页面，更多插件以及所有这些插件和页面的更多更新中。 这些因素加上发布新产品的压力，使他们减少了投资质量和关注产品细节的时间。
3. The number of pages/examples: if you look at all the marketplaces you will see that everybody is building products that have hundreds or thousands of pages. The problem here is that each product is coming with multiple examples of the same page that serve only one purpose. For instance, you will find products with five examples of a Contact Us page. Why should you create five good pages instead of building one that is great and simple for the client to use?
3. 页数/示例数 ：如果您查看所有市场，就会发现每个人都在构建具有数百或数千页的产品。 这里的问题是，每个产品都带有同一页面的多个示例，这些示例仅用于一个目的。 例如，您将找到带有“联系我们”页面的五个示例的产品。 为什么要创建五个好的页面，而不是构建一个对客户来说简单又好用的页面？
4. The number of updates: because the distribution is made on a platform that is not controlled by the creator, when you do an update, your product gets some more visibility. So people just do a lot of updates, no matter if the product needs one or not, only to appear in front of others. The problem here is that if you don’t have anything to update, you start to add more pages (point 3) or more plugins (point 5).
4. 更新的数量：因为分发是在不受创建者控制的平台上进行的，所以当您进行更新时，您的产品将具有更高的可见性。 因此，人们只是做了很多更新，无论产品是否需要更新，都只能出现在其他产品的前面。 这里的问题是，如果您没有任何要更新的内容，则会开始添加更多页面( 第3点 )或更多插件( 第5点 )。
5. The number of plugins: the same story can be seen in the external 3rd party plugins. For example, most of our competitors have, let’s say, 5–7 different JavaScript plugins that do the same thing. Your customer will use only 1, so it is hard for them to remove the other 4–6 to start building what they need.
5. 插件数量：在外部第3方插件中可以看到相同的故事。 例如，我们的大多数竞争对手都具有5-7个不同JavaScript插件，它们执行相同的操作。 您的客户只会使用1，因此他们很难除去其他4–6来开始构建所需的东西。
6. Distribution costs: since we are talking about companies selling products on popular marketplaces, they have to pay 30–55% of their revenue to the owners of the marketplace. This depends on the terms that each marketplace has. In our case, the distribution is made straight on our website.
6. 分销成本：由于我们谈论的是在流行市场上销售产品的公司，因此他们必须将其收入的30-55％支付给市场所有者。 这取决于每个市场所具有的条款。 在我们的情况下，分发直接在我们的网站上进行 。
7. Development costs: taking into consideration point 2, 3 and 5, we understand that these companies invest a lot in building their products. But the investment is made into quantity, not quality. In our case, we created some internal tools where we write code one time, and that is building more products based on the same design rules. In this way the hard part (writing the product code) is handled by the tools, while we spent most of the time in researching, testing new and different ideas, and giving a lot of attention to details.
7. 开发成本：考虑到第2、3和5点，我们了解到这些公司在构建产品上投入了大量资金。 但是投资是数量而不是质量。 在我们的案例中，我们创建了一些内部工具，可以在其中编写一次代码，这就是基于相同的设计规则来构建更多产品。 这样，工具就可以处理最困难的部分(编写产品代码)，而我们大部分时间都花在研究，测试新的和不同的想法上，并对细节给予了极大的关注。
If you still think that the attention to details is not so important, let’s have a look at some basic alignment on Samsung Galaxy S7 (top) and Apple iPhone 6S (bottom).
如果您仍然认为对细节的关注不是那么重要，那么让我们看一下三星Galaxy S7(顶部)和Apple iPhone 6S(底部)的一些基本对齐方式。
8. Distribution control: since our competitors are selling their products on channels that they don’t control, basically they cannot do much, and they depend on the owner of the marketplace. If the owner decides to send less traffic to somebody or move the products away from the featured areas, you can’t change that. Or if we think at another case that happened with a popular marketplace a couple of weeks ago, the owner stopped paying the creators and didn’t respond for three months… What can you do in that situation?
8. 分销控制：由于我们的竞争对手是在他们无法控制的渠道上销售他们的产品，因此基本上他们做不了多少，而且他们依赖市场的所有者。 如果所有者决定向某人发送较少的流量或将产品从特色区域移开，则无法更改。 或者，如果我们认为在几周前某个流行市场发生的另一起案件中，所有者停止了向创作者付款，并且三个月没有做出任何回应……在这种情况下您该怎么办？
In our case, we can do basically anything that is good for our users. Also during the years we changed and updated our platform hundreds of times based on our customers’ feedback.
就我们而言，我们可以做对用户有益的任何事情。 同样，在过去的几年中，我们根据客户的反馈数百次更改和更新了平台。
9. Access to customers: in our competitors’ examples, it’s hard to have direct access to the persons who purchased the products. In most of the cases, you get access to your customer only when they are contacting you for support requests. Because of this, they cannot do custom email campaigns; they cannot bundle their products; they cannot announce to all their customers when they launch something new, etc.
9. 接触客户：在我们竞争对手的例子中，很难直接接触购买产品的人。 在大多数情况下，只有在客户与您联系以寻求支持时，您才可以访问他们。 因此，他们无法进行自定义电子邮件广告系列； 他们不能捆绑他们的产品； 当他们推出新产品时，他们无法向所有客户宣布。
What we presented here is an overview of a Blue Ocean Strategy. If you want to learn more about the way you can create a new space for your business and not try to compete in a Red Ocean, please check the Blue Ocean Strategy Book.
我们在这里介绍的是“蓝海战略”的概述。 如果您想了解更多有关如何为您的企业创建新空间而不是试图在红海中竞争的方法，请查阅《 蓝海战略手册》 。
5.回报：赞助，教育和教程 (5. Give Back: Sponsorships, Education and Tutorials)
At Creative Tim we believe in the power of giving back! We are proud to sponsor schools, universities, hackathons and be part of events where we can teach people how to become better developers, designers, and entrepreneurs.
在Creative Tim，我们相信回馈的力量！ 我们为赞助学校，大学，黑客马拉松而感到自豪，并成为活动的一部分，可以教会人们如何成为更好的开发商，设计师和企业家。
Over the years, we’ve used a lot of the Free and Open Source content made by other companies and developers, so it is our responsibility to give back. We used to sponsor with licenses of our paid products, and the feedback from the people who used the products at the events and from the organizers was excellent. Sponsoring is something good to do, even if it takes a lot of time for us to talk and to prepare everything for the participants. We also get customer support requests after each event.
多年来，我们已经使用了许多其他公司和开发人员制作的免费和开源内容，因此我们有责任回馈。 我们曾经使用付费产品的许可证来赞助，在活动中使用产品的人员和组织者的反馈都很棒。 赞助是一件好事，即使我们花费很多时间进行讨论并为参与者准备一切。 每次活动后，我们也会收到客户支持请求。
At this moment we have over 150 global events sponsored, and we add 5–10 each month. If you host an event for developers, contact us at hello@creative-tim.com, and we will be more than happy to work with you.
目前，我们已经赞助了150多个全球活动，并且每月增加5-10个。 如果您为开发人员举办活动，请通过hello@creative-tim.com与我们联系，我们将非常乐意与您合作。
While we were at different events, we realized that we could only help a limited number of participants. So if we wanted to help millions we needed to do something online that would grow in parallel with our offline activities. So we started to make tutorials for different topics that were requested by our users. We decided that it was good to test written versions and also recorded videos. Some examples:
当我们参加不同的活动时，我们意识到我们只能帮助有限的参与者。 因此，如果我们想为数百万的人们提供帮助，我们需要在线开展一些与离线活动同步发展的活动。 因此，我们开始针对用户要求的不同主题制作教程。 我们认为最好测试书面版本并录制视频。 一些例子：
[article] How to use ReactJS with WebPack Babel and Material Design — 3.9k claps
[article] 如何将ReactJS与WebPack Babel和Material Design结合使用 -3.9k拍手
[article] How to use Redux in ReactJS with Real Life Examples — 1k claps
[article] 如何在带有实际示例的ReactJS中使用Redux — 1k拍手
[videos] Tutorials about front end development — 280k views
[视频] 有关前端开发的教程 — 280k浏览
[casestudy] The anatomy of a Bootstrap Dashboard that earns $1,000seach month — 14k claps
[案例研究] 每月赚取$ 1,000的Bootstrap资讯主页的剖析-14000 拍手
We are also very proud that, through our affiliation, we managed to support a lot of creators for different frameworks and plugins that we used. For example, when this article was written, we contributed in the past 12 months $71,555 to the popular Material UI library.
我们也很自豪，通过我们的隶属关系，我们成功地为许多使用不同框架和插件的创建者提供支持。 例如，在撰写本文时，我们在过去的12个月中为受欢迎的Material UI库贡献了$ 71,555。
6.人们可以将我们的策略应用于不同的业务吗？ (6. Can people apply our strategies to different businesses?)
We believe that there is enough space for each company to create value, generate good profits, and also give back to the community, so we are not afraid of sharing all these strategies.
我们相信，每个公司都有足够的空间来创造价值，创造良好的利润并回馈社区，因此我们不惧怕分享所有这些策略。
“The secret to creativity is knowing how to hide your sources.” — Albert Einstein
“创造力的秘诀是知道如何隐藏您的资源。” - 艾尔伯特爱因斯坦
Some people were inspired by the first article that I wrote and managed to create similar businesses in different environments. William Candillon is a great example. You can read the full interview with him on Indie Hackers.
我写的第一篇文章启发了一些人，并设法在不同的环境中创建类似的业务。 威廉·坎迪隆就是一个很好的例子。 您可以在Indie Hackers上阅读与他的完整访谈。
If you apply any of our strategies, feel free to share them with the community in the comments.
如果您采用我们的任何策略，请随时在评论中与社区分享。
7.接下来是什么？ (7. What’s next?)
In past years, we managed to become known in the Front End ecosystem for the quality that we deliver, and we are proud to see that we have over 700.000 developers who have used our products for different projects. We are still a tiny player in this game, and we have a lot of things to learn and improve. We always build all our products and start migrating on a new framework based on our customer requests.
在过去的几年中，我们以其交付的质量而在前端生态系统中广为人知，我们很自豪地看到我们有70万以上的开发人员将我们的产品用于不同的项目。 我们仍然是游戏中的小人物，我们还有很多东西需要学习和改进。 我们始终会构建所有产品，并根据客户要求开始在新框架上进行迁移。
[Backend] Starting this year we are happy to let you know that we released the first batch of ready to be used Front End + Back End solutions. It will now be easier for our customers and users to launch something. You can check the Node.js and Laravel examples on our website. We will release more Back End solutions based on the requests that we have.
[ 后端 ]从今年开始，我们很高兴地通知您，我们已经发布了第一批可立即使用的前端+后端解决方案。 现在，对于我们的客户和用户而言，启动产品变得更加容易。 您可以在我们的网站上查看Node.js和Laravel示例。 我们将根据我们的要求发布更多后端解决方案。
[Mobile] We also migrated one of our most popular products, Material Kit, to React Native, and so far the reviews are excellent (4.9/5). You can check it out and download it for free here. This is something new for us, and we learned that building a Mobile First app is very different than building a Responsive Website. We will release React Native versions for all of our designs.
[ 移动 ]我们还迁移了我们最受欢迎的产品之一Material Kit到React Native，到目前为止，评论非常好(4.9 / 5 )。 您可以在此处查看并免费下载 。 这对我们来说是新事物，而且我们了解到，构建Mobile First应用程序与构建响应式网站非常不同。 我们将为所有设计发布React Native版本。
[Illustrations] We’ve seen a lot of people and companies starting to add illustrations on their websites so they can express better what they want to share. We also used illustrations in some of our products, so we decided to create more and give them for free to the community. This is how an internal project called Ira Design was born. We will continue to add more illustrations and customizations to this project.
[ 插图 ] 我们已经看到许多人和公司开始在其网站上添加插图，以便他们可以更好地表达他们想要分享的内容。 我们还在某些产品中使用了插图，因此我们决定创建更多插图并将其免费提供给社区。 这就是内部项目Ira Design诞生的方式。 我们将继续为该项目添加更多插图和自定义项。
Here is an overview of how the company has grown during the years. We usually net around 75% of that annual amount after paying affiliates, vendor fees, collected VAT, and other taxes for doing e-commerce between countries.
以下是公司多年来的发展概况。 我们通常会在支付会员费用，供应商费用，收取的增值税以及其他国家/地区之间进行电子商务的税收后，净赚取年度金额的75％。
感谢您的阅读！ (Thank you for reading!)
I hope this article has given you some ideas on how to test or apply new strategies in your business, or even to create a new one. Let’s continue the discussion in the comments and if you have questions, suggestions, or want to work with us, feel free to contact our team or me.
我希望本文能为您提供一些有关如何在业务中测试或应用新策略，甚至创建新策略的想法。 让我们继续在评论中进行讨论，如果您有任何问题，建议或想与我们合作，请随时与我们的团队联系。
Find me and our team:
找到我和我们的团队：
Email: alex@creative-tim.com
电子邮件： alex@creative-tim.com
Instagram: https://www.instagram.com/alexandru__paduraru/
Instagram： https ： //www.instagram.com/alexandru__paduraru/
Twitter: https://twitter.com/axelut
推特： https : //twitter.com/axelut
Official Website: https://www.creative-tim.com
官方网站： https : //www.creative-tim.com
Our Github: https://github.com/creativetimofficial
我们的Github： https : //github.com/creativetimofficial
2018年ui设计需求
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
