The importance and particularity of the company’s official website are self-evident. Many front-end projects go through this, and I have been fortunate enough to be responsible for front-end development of the official website for every company I have worked for. Development encountered a lot of problems, reflection is worth sharing with everyone, in order to reduce or reduce the problems we may encounter.

Ideal development process UI => Development = “test =” live

Demand = UI => Development = UI => testing = demand =…… UI => online = “Demander =” UI => Development test = “online

The requirements and UI will be tweaked during actual development and will continue to be tweaked after launch. Therefore, early requirements review is crucial. Must let the demand side (is generally responsible for the Marketing Department) review after development.

Joke: the official website is one of the few projects I have seen where the product director PK the marketing director. For general projects, the front end display effect can be approved by the product director.

Characteristics of 0.

  1. Cross-departmental communication
  2. Cross-project coupling
  3. PWA
  4. The Importance of Testing
  5. Urgency of construction period
  6. Project importance
  7. The importance of SEO

1. Cross-departmental communication

Due to the particularity of the official website, it usually involves multi-department collaboration.

  • Marketing Department: demand side, the general official website must meet the Marketing Department’s promotion needs
  • Sales department: half demand side, the general official website must meet the Marketing Department’s promotion needs
  • Human Resources Department: half demand side, supporting recruitment demand
  • Customer Service Department: semi-demand side, assisting customer service needs
  • Product Department: design, responsible for UI and UE
  • Development Department: development, responsible for technology and development schedule
  • Testing department: testing, responsible for quality and effect, to ensure adequate testing
  • Operation and maintenance Department: responsible for network and server
  • Operations department: copywriting, responsible for copywriting and SEO promotion
  • Internationalization: translation, to ensure the accuracy and efficiency of copywriting translation (generally small companies will outsource, so it must ensure the timeliness)

2. Coupling across projects

  • User system: Realize single sign-on (SSO) function
  • Company products: Sub-projects involving company products
  • Official blogs: blogs, wikis, Zendesk, etc
  • Customer service functions: WeChat, App, mini program, weibo and other functions integration

3. PWA

1. The reliability

  • Cross-terminal availability
  • Offline access to basic functionality
  • Ensure long-term service accessibility

Quickening the 2.

  • Interactive waiting duration
  • Loading speed

3. The friendly

  • Reasonable layout
  • Friendly UI design
  • Convenient interaction
  • Suitable for users in different countries, such as The Direction of Arabic countries
  • Accessible reading

4. The importance of testing

  • self-test
  • product
  • The test department
  • The company closed

5. Urgency of construction period

As the official website is an important tool for the external publicity of enterprises, timeliness is generally required, such as timely updating of news, consultation and recruitment information.

And the development of event pages, such as anniversary, Spring Festival, promotion, exhibition, promotion and other activities.

6. Project importance

Because the official website is the face of the enterprise, the boss of the general company (small and medium-sized enterprises) will personally check the official website, through the official website to show the company’s corporate culture. So, if you are in small and medium-sized enterprises, take over the official website, it is also very worthwhile to do a good job on the official website.

The importance of SEO

Due to the particularity of the official website, companies often pay to do SEO promotion, so the SEO friendliness of the official website is self-evident. This requires us to carefully consider in the project technology selection period, to find ways to do BETTER SEO, so that we can greatly save the cost of promotion, to achieve twice the result with half the effort.

Now there are many methods for SEO, such as SSR, Prerender and other methods.

Check the listing

  1. Participate in requirement review and start development after finalization
  2. Estimate the construction period according to 1.5-2 times of normal working hours, and the later changes will be frequent
  3. Hardware requirements, such as servers, SECURE Sockets Layer (SSL), and HTTPS, must be prepared before the project goes online.
  4. As for the compatibility of the old official website, all senior executives of the company must be informed by email before the release of the new official website, so that they can modify by themselves and deal with the problem of replacing agents on the new and old official websites. For example, the page path changes.
  5. Compatibility with statistical tools (UmENG, GA, etc.)
  6. Burying points and reporting codes shall not be omitted
  7. Public test (internal test of the company, try to ensure about 1 week, so that everyone can experience and report problems)