Design principles and creative elements of the "coming soon" Page

When I smoked on Friday, I said my heart felt like an era was over. One colleague said that it was only time to start opening a new page. Yes, it does.

Now there is a Wish You Were Here with the Radiohead in the ear that is not sung in the plug-in album. I don't know whether this is a calm or numb, or the brain's self-claim helps me block some of my feelings, let me just stay quietly at all the scenes and forget it.

Think of another colleague: "I really just want to design and do what I like "... at this point, I almost don't know how to continue writing down... I have the honor to spend a period of time worth cherishing and remembering with you. I will never forget that we are worthy of the title of "designer", but they are not.

Today, I began to remember every day of my endless life on Weibo, but I didn't even know what kind of mixed account I was commemorating. When I think of this, I can't stop it. It's just killing me. Next I will enter the text of this week's translation)

The "coming soon" Page is a relatively new concept on the Internet. For a long time, whenever new products and services are ready, today there is nothing, and it suddenly appears online in the next day.

Nowadays, marketing and promotion strategies in the Internet and mobile application fields have undergone some changes. To effectively push products into the market, we usually need to do a "push" job. This is the origin of the "coming soon" page.

You can find many excellent design cases on the Internet. Today I am (author of the original English article) we hope to work with you to further understand and analyze the design principles and key creative elements of the "coming soon" page.

Amazing Effect

In my opinion, the "coming soon" page that cannot produce an amazing effect does not make any sense. If you cannot incorporate any "Amazing element" into the design, simply do not put it online, because the full significance of this incident lies in trying to attract the eyes of potential users and interest them before the product is released, rather than making them feel boring before seeing the actual product.

Of course, the most difficult part here is how to define the concept of "amazing effect. To be honest, I have no intention or can't provide a precise and universally practical statement here. I only recommend that you analyze your product based on your actual situation, extract the elements most representative of the core value of the product, and integrate them into the page design by arousing the needs and emotional resonance of potential users in the shortest time.

Related reading: Elements and practical cases of Emotional Design

What is coming soon?

Since it is a "coming soon" Page, visitors must clearly understand what is coming soon, right? It looks like nonsense, but at least I have seen many unsatisfactory pages in this regard. I can feel that they are trying to persuade me to leave a mailbox to receive a notification when the product is launched, but they cannot see what they are about to launch.

Therefore, an obvious basic principle: If you want people to expect something, you must let them know what the product will be launched soon.

You can try to use some tips here to reveal some important information about the product to visitors in an interesting way, and maintain a mysterious color to some extent, triggering their curiosity.

　　

 

However, remember not to disclose too much information. Otherwise, people will feel that they have understood all of the information, thus losing their curiosity and expectations. Therefore, there is a subtle balance between "information" and "curiosity" that needs to be measured and judged based on the actual situation.

There is a common design technique about "fun", that is, to present content through large text. This not only avoids monotonous forms, but also allows visitors to obtain information in a short time. Of course, large text will inevitably lead to insufficient page space, so we need to extract necessary information.

Related reading: how to effectively improve user experience with the help of the UI

Countdown or completion

I personally like this concept because it is simple and easy to identify. Users can easily understand the information and recognize the current status of the product. There are also a variety of mature front-end plug-ins for developers to choose from.

However, this concept (especially the "Countdown") will affect the flexibility of the product design and development process. Once this element is used on the "coming soon" Page, your product must be launched immediately at the end of the countdown, neither early nor delayed, otherwise, not only will this design element lose its meaning, but more importantly, your potential users will feel fooled and lose trust in the product.

　　

 

Email subscription

Email subscription is an effective online promotion method. Nowadays, there are a variety of communication methods on the desktop and mobile terminals, but traditional email is still a very important means of communication.

Try to place a form to subscribe to the notification email on the "coming soon" page. If your exposed product information can attract enough potential users, in this way, you are likely to extract potential Loyal users and send notifications to these users when the product is launched and Future iterations are updated.

Recommended reading: Improvement of Form Design and Conversion Rate

　　

 

Discounts and rewards

For some types of products, you can consider offering discounts or rewards to potential users on the "coming soon" page. In particular, some of the newer tools and services, or situations involving traditional offline products, are more suitable.

You can offer discounts to users who subscribe to notification emails. This is a rare practice-that is, the subscription rate is increased, through some "benefits", these visitors can become real users after the product is released.

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

　　

 

Brand Element

This is a basic point, but it is necessary to mention it in the topics currently discussed. We generally do not forget to put the company logo on the "coming soon" page, however, the page's temperament, color scheme, and element styles must be consistent with the overall image of the company, product, and brand.

SEO

The "coming soon" page is essentially short-lived, but it is still necessary to consider SEO issues.

Because the content is really limited, we can optimize the Page code as semantic as possible from the perspective of front-end development. Remember to use different levels Tab (1 to 6) to output the page title, subtitle, slogan, and description.

Of course, from a realistic perspective, we cannot expect that a simple "coming soon" page can be pushed to the homepage by search engines. Many times, our efforts in this regard are actually to make full preparations for domain names and sites in the push phase, so that the product can immediately respond to the challenges after it is released.

Blog

Here we will extend the concept of "coming soon" to make it more limited to a simple page. If there are conditions, you can try to create a blog for the upcoming product to make the whole push site more attractive.

To be honest, it is almost impossible for potential users to access the "coming soon" page, you can constantly update their content so that they have the opportunity to continuously and deeply understand the products they are interested in.

Of course, this method requires a lot of effort and requires more resources. If you want to use an existing Blog system or CMS (Content Management System), you are advised to customize the topic template by yourself so that the visual style of the blog is consistent with that on the "coming soon" page.

This site compiled original articles. If you need to reprint it, please note: This article is from Be For Web

Original article: http://beforweb.com/node/155

Original English:

Http://webdesignledger.com/tips/creating-an-javastive-coming-soon-page information: c7210-UX players, Interaction designers, iOS development cainiao, MODEMU, guitar fucker.