How to design a popular H5? 5 tips to make you a master!
|
It’s time to learn more. A few days ago, an H5 advertisement swept into Xiaohua’s circle of friends like a tornado. Friends who haven’t seen it↓↓↓ Anyway, the most important thing in life is to be open-minded and be kind to yourself~ This week, another H5 also swept the circle of friends. After clicking to watch, Xiaohua knew the direction of each step until the end when she felt the full routine The two popular H5s this week are both very contagious and can attract users' curiosity and curiosity to spread the content. They are very creative in form, content and style. There is also an interactive H5. The People's Daily launched an interactive H5 based on the popularity of Wolf Warrior 2. By uploading photos to change military uniforms, people were tempted to see their own photos in military uniforms. Then everyone forwarded them to their friends circle to follow the trend of patriotic themes. The design process of a popular H5 is very important. So today we will tell you what are the design points needed to design an H5? At present, H5 can be generally divided into three types in terms of design methods: interactive advertising school, Internet design school, tool execution school. The design part of H5 is only one link in the whole process. As designers, we need to understand the whole process. As a good H5, what links does it go through? What factors are involved? 1. Understand the needs and choose the right direction. The design of each H5 is based on specific needs. When you get the needs, you need to first figure out what the purpose of making this website is? Each project pursues different goals. Tencent produced an ancient costume rap H5 with the theme of " Traveling through the Forbidden City to See You ", which has the characteristics of ridicule and time travel. The initial project demands are the key factor that determines the final appearance of the work. 2. Determine the form of expression. There are already many forms of expression for H5, and they are still being innovated. Which form of expression should we choose? Telling stories and selling feelings? Emphasize functional statement content? Mini games ? This is the H5 work of Kris Wu series that has been all over the circle of friends before. When the budget is sufficient and the project needs to rely on the star effect, we can execute the project by shooting videos and making special effects synthesis. 3. Design style and form of expression. For example, if you choose to disguise the circle of friends, then you need to study how to make a page that looks more like the circle of friends, study the UI details inside WeChat , and place special emphasis on copying and restoration. From prototype drawing, content expression, layout design, text design, to the final motion and sound effect design, a complete H5 is not just a simple visual expression, but also combines the two major categories of hearing and interaction. We need to break out of the traditional design framework and understand new media and methods. 4. Development and implementation of renderings Many people are deterred from H5 production, most of them are stuck at this step and do not know how to generate H5. In fact, there are two main methods: 1. Code implementation: design file packaging -> front-end engineer development -> work upload service - go online. 2. Code-free implementation: design file packaging –> upload - H5 design tool website –> the work is synchronized online on the tool server. Regardless of which of the above, the designer needs to be clear about the page effect they want to create, so that the front-end engineers can determine whether it can be achieved. Therefore, communication is the most important thing in this step. 5. The data report card reflects the design effect. The creativity of your design and the expression of the work are good, whether the promotion is in place, whether the timing is appropriate... The data report card can quickly guide you on how to adjust your strategy and approach next. The above is the H5 mobile page user report produced by Tencent. The case summarizes in detail the data characteristics of current H5 websites. The above are 5 tips for making a good H5. I hope you can make a hit H5 (manual smile) The author of this article @你丫才美工 is compiled and published by (Qinggua Media). Please indicate the author information and source when reprinting! Product promotion services: APP promotion services, information flow advertising, advertising platform |
<<: How much does it cost to be an agent for a fruit mini program in Dali?
>>: How to retain users? Please give them a reason to stay!
Recommend
New User Activation from the Aha Moment
In 2008, when you were staying in your dormitory ...
Tips for writing promotional plans!
1. What is a promotion plan? Before we know how t...
Yuanfudao Product Analysis
Yuanfudao , as the unicorn company with the highe...
Advanced Tactics Course: How to quickly attract visitors to Pinduoduo's new link in 14 days: Specific operation methods - Qilun
The Pinduoduo platform is relatively easy to oper...
How much does it cost to be an agent for a decoration mini program in Xuchang?
How much does it cost to be an agent for a decora...
What is the situation with online defense in many universities? Why do this?
It’s settled! Graduates from many universities co...
How to go from 0 fans to 7K+ seed users through Missionbao?
In mid-July, I did an online micro-class sharing ...
Online event promotion planning ideas and framework
According to the definition of Baidu Encyclopedia...
Detailed explanation of the Douyin agent operation service process
Account positioning 1. Filter user groups Through...
Mona Cheche 2021 Japanese Girl Illustration Special [HD Quality] Video Course Baidu Cloud Download
Mona Cheche 2021 Japanese Girl Illustration Speci...
Lemon Class-Test Management Team Leader Manager President Class
Lemon Class - Test Management Team Leader Manager ...
How much does it cost to rent a high-defense server for a website in a year? High-security server rental
The configuration parameter requirements for rent...
Pinduoduo’s 5 high-conversion marketing strategies!
Pinduoduo , a new internet celebrity and a three-...
Keep competitive product analysis report!
The body is the capital of revolution. After the ...
6 successful digital marketing cases in the first half of 2019!
Introduction: Digital marketing plays an increasi...