Design principles and creative elements of the "coming online" page

The upcoming "Coming Soon" page is a relatively new concept in the Internet, where, for a long time, there was nothing when new products were ready for business, and it suddenly appeared online the next day.

Now, there have been some changes in the marketing strategy of the Internet and mobile applications, and we usually need to do the "warm-up" work to push the product into the market effectively. This is the "coming online" page origin.

You can find a lot of excellent design cases on the Internet, and today I (the original author) hope to be able to take a step further with you on the "upcoming" Page design principles and important creative elements to understand and analysis.

Marvel Effect

In my opinion, the "coming online" page, which is not able to produce an amazing effect, is meaningless. If you can't incorporate any "Marvel element" into your design, so simply don't put it on the line, because the whole point of this thing is to try to attract potential users ' attention and interest before the product is released, rather than having them feel uninteresting before they see the actual product.

Of course, the hardest part of this is how to define the concept of "Marvel effect". Frankly speaking, on this point, I do not intend to give both accurate and general practical argument, can only recommend that you according to the actual situation of their products to extract the most representative product core value elements, And through the shortest possible time to arouse the needs of potential users and emotional resonance of the way into the page design.

Related reading: The composing elements and practice cases of affective design

What's coming online?

Since it is the "coming online" page, then you must let the visitors know exactly what is coming online, right? It looks like crap, but at least I've seen a lot of good stuff on my own, and I can feel them trying to convince me to leave a mailbox so I can get a reminder when the product comes out, but I just don't see what they're about to launch.

So, an obvious basic rule: if you want people to expect something, make sure they know what the product is going to be.

Try to use some of the techniques here to reveal some important information about the product to the visitor in an interesting way, while at the same time keeping the mystery to a certain extent, triggering their curiosity.

However, remember not to disclose too much information, otherwise people will feel that they have understood all, thereby losing curiosity and anticipation. Therefore, between "information" and "curiosity", there is a delicate balance between the need for us to measure and judge according to the actual situation.

One of the more common design techniques for "fun" is to use large text to render content, which avoids formal monotony and allows visitors to get information in a short time. Of course, large text is bound to cause page space tension, so need to make the necessary extraction of information.

Related reading: How to effectively enhance the user experience through UI-assisted instruction text

Countdown or completion

I personally like this concept, because they form simple, easy to identify, users can easily understand the information, the current state of the product to produce awareness. In the implementation of the way, there are a variety of very mature front-end plug-ins for developers to choose.

However, this concept (especially the "Countdown") will have an impact on the flexibility of the product design development process. Once you use this element on the upcoming online page, your product must be at the end of the countdown immediately to the line, not early, can not delay, or not only the design element will lose its meaning, more importantly, your potential users will feel fooled, and thus loss of trust in the product.

Mail Subscription

Email subscriptions are an effective way to promote online. Today, people have a wide variety of ways of communicating on both the desktop and the mobile side, but traditional email is still a very important means of communication.

Try placing a subscription notification form on the upcoming online page; If your current disclosure of product information has attracted enough potential users, it is likely that you will be able to further extract potential loyal users in this way and send notifications to this segment of the user when the product is online and future iterations are updated.

Recommended reading: Design of forms and improvement of conversion rate

Discounts and Rewards

For some types of products, consider offering a certain degree of discount or reward to potential users on the upcoming online page. In particular, a number of newer tools and services, or situations involving traditional offline products, are more applicable.

You can offer discounts to subscribers who subscribe to notification messages, which is stone--that is, increasing the subscription rate and, by some "benefits," making it possible for these visitors to become real users after the product is released.

Of course, you need to make a full assessment of this scenario with the demand side or customer to ensure that there is a discount space in the market strategy for the initial product.

Brand Element

This is a very basic point, but there is still a need to mention it in the topic under discussion. We generally will not forget in the "upcoming online" page on the company's logo, but the page temperament, color scheme and the details of the elements in the style should also pay attention to the company, products and brand image of the overall consistency.

SEO

The "Coming online" page is inherently short-lived, but it is necessary to consider SEO issues.

Since the content is really limited, we can optimize the page code as much as possible from the perspective of front-end development. Remember to use different levels of <h> tags (1 to 6) to output page titles, subheadings, slogans, and descriptions.

Of course, from a realistic standpoint, we can't expect a simple "coming online" page to be pushed to the homepage by a search engine; In many cases, our efforts in this area are designed to allow domain names and sites to be fully prepared in the warm-up phase to meet the challenge immediately after the product is actually released.

Blog

We are here to expand the concept of "coming online", so that it is not limited to a simple page. If you have the conditions, you can try to create a blog for the upcoming products, making the entire preheating site more attractive.

Frankly speaking, it is almost impossible to make potential users independent of their desire to revisit the upcoming "on-line" page; Through blogs, you can constantly provide them with content updates that give them the opportunity to continuously and deeply understand the products they are interested in.

Of course, this approach requires a lot of effort, as well as a greater demand for related resources. If you are ready to use the existing blog system or CMS (Content management System), then it is best to customize the theme template, so that the blog's visual style and the "coming online" page consistent.

The translation represents the original author's point of view. Welcome to comment, or to the translator Weibo to further exchange discussions.

original site to compile the article. If you want to reprint, please specify: This article from the is for Web English original: http://webdesignledger.com/tips/creating-an-effective-coming-soon-page translator information: c7210- UX player, interactive Designer, iOS development rookie, Cat Slave, guitar fucker.