Admittedly, most of the users who can click on the “Contact us” page are users who have requirements or cooperative intentions, so the “Contact us” page design should be simple and convenient. The following xiaobian will lead you to watch the page design of the design website, to see their “Contact us” page design, hoping to provide you with some ideas or inspiration.
1. Designers
ALT: Designer’s “About us” page prototype
Prototype preview links: run.mockplus.com/mIXHzPUF8SK…
The designer’s “About Us” page contains three short paragraphs about the designer’s team. Contact us At the top of the page are various common analysis buttons and add focus buttons. On the right side are detailed categories, pages, recommended books, recommended articles and some design communication groups for everyone to communicate.
Contact us simple and clean, Email and QQ two ways. Users click “QQ chat “can be timely, convenient, fast online contact each other, this is my favorite place, there will not be left a variety of personal information still no reply or reply cycle is too long. However, it is possible to change the contact information of Email and QQ into font (original picture style), so that users can easily copy, avoid sending to the wrong Email or adding the wrong QQ.
2, Jane
ALT: Jane’s contact us page prototype
Prototype preview links: run. Mockplus. Cn / 3 feg10cqitm…
The design of Jane’s Contact Us page is simple, but the content is not simple, and it uses a lot of white space to increase the importance of the content. The contact information of different business managers is displayed separately in the book, so that users can directly find the corresponding contact information at a glance.
The classification of “Contact us” in the brief book is very detailed, showing separately the business is: advertising cooperation, marketing/brand cooperation, technical cooperation, praise/cash business consulting, personnel communication, seal and lock article consulting, and other things.
Likewise, Jane has added an “About us” introduction to the “Contact Us” page design, with a simple three-paragraph introduction.
Petals 3,
ALT: Petal “Contact us” page prototype design
Prototype preview links: run. Mockplus. Cn/ruRZ5uja1Jk…
Petal’s “Contact us” page design is also relatively simple, showing separately: business and traffic cooperation, brand advertising, other general things in the network, contact customer service four ways of contact.
The highlight is that it provides the company address and value-added telecom business license, which can enhance the authenticity and authority of the enterprise, and online customer support is also convenient to contact emergency matters.
4. UI China
ALT: UI China “Contact us” page prototype design
Prototype preview links: run. Mockplus. Cn / 12 gb7t3ijum…
The UI China “Contact us” page is topped with large paragraphs of text, respectively “About us”, “Copyright Notice” and “privacy protection”. Contact information can be divided into three categories: “website problems & reports & complaints & suggestions”, “business cooperation” and “Recruitment information publication”. Contact information includes QQ group and Email.
Highlights are the top button in the lower right corner, online QQ customer service, feedback button, the bottom navigation with two-dimensional code, unfortunately, feedback button and two-dimensional code overlap, as shown below.
5. One hundred products
ALT: UI China’s “Contact us” page prototype
Prototype preview links: run. Mockplus. Cn/eq8DR74t0Kr…
Product 100’s “Contact us” page design uses a grid layout to organize the information on the page and what needs to be displayed. They are: apply for a lecturer, join us, customer service, media and business reception, teaching and product exchange, and open a course bar.
6, cool
Prototype preview link: https://run.mockplus.cn/Qo1JhLBnzHhtaeN8/index.html
The “Contact Us” page is simple and clean, using lines to divide the page into sections and layouts. The contact page provides email addresses for user services and enterprise services. The contact information is relatively simple and does not provide timely online communication.
Ui makers
ALT: Ui maker’s contact us page prototyping
Ui builder prototype preview “contact us” page link: run. Mockplus. Cn/wtNkJGSAjy6…
The Ui maker’s “Contact us” page is also designed to be simple, providing three ways to contact people, and the website actually counts as one way to contact people. In the contact us page, but the left menu bar shows the help center, which is a bug, and the friendship link opens a blank page.
summary
To sum up, the “Contact us” page design of domestic design websites has the following characteristics for reference:
1, the overall concise, using a lot of white space to strengthen the sense of space and structure of the page;
2, provide a variety of contact channels, can let visitors quickly contact us, the customer’s interest in our behavior into actual communication.
3, provide different business contact information, separate display so that visitors at a glance, directly find the corresponding contact information for communication.
Successful contact with our page design is conducive to improving the conversion rate of visitors, promoting the sales of products and services, and better service to the website and the company.
Contact our page design, is to let the purpose of simple, clear customers, convenient and fast to find their own need to contact, do not design too fancy. If you found this article helpful, please share it with someone you think could use it.
Related articles recommended:
2018 Web UI design: Easy to handle visual hierarchy
8 Things you should Know about User Experience
APP Accessibility Design: Refusing to Play “barriers”