What should be a page on VKontakte. How to learn to maintain a page on VKontakte so that it looks beautiful and solid? Form located on the main page


Whereas in the offline world a person is “greeted by their clothes, but escorted by their wits,” then online they are greeted by design and escorted by content. The main page of the site is your face on the Internet and the first thing that catches the eye of the visitor. There will be no second chance to make a first impression: your main page should be as clear and attractive as possible, and so that there are no questions left.

What information does a visitor look for when they first visit a site? We've formulated 5 key questions that your homepage should answer. Take them as a guide and you won't miss out on a single potential client.

Who are you?

The answer to this question should be loud and clear. If the purpose of your site is to promote your business, the first thing visitors should see is your logo. This rule applies to portfolio sites and all resources that advertise services. Let's immediately understand who you are, don't wait for people to have questions and bewilderment. Here are a couple of helpful tips for.


What do you do?

Try to make people immediately understand what kind of service you are providing. Simply put - how you can be useful to them. If you are, for example, a photographer, designer or hairdresser, then write this. You can tell about yourself in different ways, in most cases it is enough to simply add an occupation or occupation next to your name or logo. Remember, brevity is the sister of talent.


What will I find here?

Getting the answer to this question in a timely manner is the third step towards the perfect homepage. Sites, as we know, are different. There are simple ones with a minimum of details, and there are, on the contrary, multi-page ones, with a mountain of content. Regardless of which style you choose, be sure to work out the navigation so that visitors can easily find the information they need. Make a neat and beautiful menu and make sure the page order on the site matches the visual hierarchy. By the way, when working on improving navigation, a fixed header can come in handy - read about its benefits.


How are you different from others?

Now it's time to remember the word "". First, decide what associations your business and website should evoke. Come up with your own style and design: When it comes to self-presentation on the Internet, fonts, colors, icons and quality images can tell a lot about you. If web design seems overwhelmingly difficult to you, don't worry. Better make it a rule to regularly read the appropriate

Hello dear readers!

If you are currently on this page, then we can assume that you are a beginner blogger, and you already have your own Internet project and materials for it.

It would seem that the foundation has been laid, the articles have been written ... But that was not the case!

It turns out that in order to arouse genuine interest in readers and successfully promote a project on the network, you need not only the ability to create unique and useful content, but also to present it correctly.

Do you want to keep a visitor on your resource?

And so that he becomes your subscriber / client?

The answer is obvious.

It is the correct design of articles on the site that will give the desired result.

Even if you do not write and design them yourself, but contact copywriters with eTXT, the following recommendations will still be useful to you.

Use the requirements set out below as an instruction for the correct design of articles on the site when placing an order, as well as when accepting it - and high positions in Google and Yandex search results are provided to you, because search engines pay close attention to this factor.

But not only search engines are so demanding on the design of resources. Users also pay a lot of attention to this: the beautiful design of the article will allow you not only to keep them on your site, but also make you want to visit you again in the future 🙂

I hope I managed to motivate you a little to take the time to design articles on the site.

And now we'll just look at what needs to be done for this.

What is content for a website and how to style it?

The content of the site is all the information that is posted on it, namely:

  • copyright text material;
  • graphic and animation images;
  • videos.

Also, the content of a separate article includes quotes from famous personalities, clippings from scientific publications, and interesting facts.

All these components have their own special rules for their design on the site, which will be discussed in detail below.

How to correctly format the text on the site?

Let's start with the most important content on a website page - text.

So, let's list the basic rules for formatting text on the site:

  1. The optimal text font size for a website / blog is 14-16 px.
    This type of font size is well accepted by the average reader.
  2. A sans serif font (typical example of such a font is Arial, serif type is Times New Roman).
    Serifs "pile up" the text, as if making it heavier for the human eye.
    Therefore, it is recommended to refuse such a font.
  3. The extensive material is divided into sections using thematic subheadings.
  4. Allocation of subheadings of the article with tags H2 ... H6 (taking into account the structure of the article).
  5. The font size of subheadings should differ from the font of the main text by 4-6 px (for example, 18-20 px).
  6. The color of the subheading can be different from the color of the main text (for example, it can be styled in the style of the main colors of the website design).
  7. The indentation between paragraphs is a prerequisite for the beautiful design of the text on the site.
  8. The smaller the paragraph (the number of lines in it), the better.
    This recommendation is based on the psychological characteristics of a person.
    It seems to us that the sooner our gaze moves to the next line, the sooner we finish reading this material.
    Therefore, you should not pile up the article with huge paragraphs with an endless stream of thoughts or facts.
    4-5 lines per paragraph is more than enough.
    And 2-3 lines will be an even better solution (especially for narrative articles).
  9. Highlighting in bold, italics or underlining important points in the text is perceived by the user as "Hurray".
    It is precisely on such words and phrases that are distinctive from the whole text that a person's gaze first falls on.
  10. The use of lists in an article is considered good form and respect for the reader.
    Listing any items in numbered and bulleted lists makes the information easier for the user to perceive, and it is better remembered.
  11. Hyperlinks should be highlighted in text with a different color or underline.
    When creating an internal link, you must remember about the rule of 3 colors in the site design, that is, place a link to an article on the site in one of these three colors.
  12. The recommended number of links (hyperlinks) for one article for 8-10 thousand characters without spaces is 5.
    For a larger number of transitions on them, they need to be evenly distributed throughout the text, and not "tulle" everything in one paragraph.
  13. If the material contains comparative characteristics of the positions of two or more objects under consideration, then it makes sense to draw up these data in the form of a table.
    This will make it easier and faster for the reader to understand the information presented.
  14. It is appropriate to support humorous moments or satirical statements in the article with a smiling / winking emoticon.
    This will dilute the text and give it a mood.
    And for scientific materials, the use of "faces" is not acceptable.
  15. Using the tag
    permissible not only in the design of a quotation of a famous person.
    They can highlight a separate key moment from the text, a note, or give a fact from life, history, etc.

This article can serve as an illustrative example of text design on the site.

Experienced copywriters and experienced bloggers should certainly be aware of what the text of the article itself and its content should be.

But, if you are just starting to try your hand at blogging, then here are some tips on how to write SEO articles correctly for their successful promotion on the Internet:

  • it should be unique and useful material for your readers;
  • the text should be easily perceived by the audience for which it was written;
  • no grammatical or punctuation errors;
  • the material should not be overwhelmed with complex sentences, participial and participial phrases, inserted words.
    The simpler and shorter the sentence, the better;
  • if in the text you will use statistical data or information based on scientific research, it is recommended to indicate the source of the source data;
  • use tables when citing numbers.

If you have any difficulties in writing such a unique material, then you can use the services of copywriting exchanges. ETXT is one of the most popular and accessible for ordinary users. Here, for relatively little money, you will be provided with the material you need in terms of quality.

How to beautifully design an article on the site using images?

There is an unspoken rule when designing site content, which is that the article must have at least one image that would reflect its essence in a graphic format.

Therefore, you cannot do without pictures in articles. And in order to properly form an article on the site, pay attention to the following 2 points.

1. Rules for posting and arranging photos on the site

If you plan to attach only one picture to your article, then it is recommended to post it:

  • at the beginning or middle of the article;
  • left-aligned with text flow or across the entire width of the text page.

Why left-aligned?

Firstly, the human eye primarily perceives graphic information, and secondly, the Russian-speaking population reads from left to right. When the image is located on the left at the beginning of the text, when the user just got to the page of the article, he "throws his gaze" at the picture (this happens unconsciously), and then continues to lead his gaze to the right side of the text.

If you put the image at the beginning of the article on the right side, then an elementary brain failure will occur 😀

By placing the image across the entire width of the page, you risk nothing. The main thing is not to make it too high in height, so that it does not reflect on the entire screen of the user.

But few people manage to use only one picture in the article, and they do it right.

For a really beautiful design of an article on the site, you need to support the text with additional graphic information as much as possible. The main thing here is not to overdo it with the number of images, so that the quality of the material does not suffer.

You can place pictures by text in an article:

  • from the left and from the right, alternating them, like on a chessboard (but always start from the left)
  • only from the left edge;
  • only the width of the page;
  • along the width of the page and with alternating small pictures on the left and right.

An interesting enough solution for the colorful design of an article in which tables are present is to place images in their cells.

It might look like this:

2. Uniqueness of images

All information on the site, including graphic, must be unique.

How to do this if there is no way to create a unique and unique picture (photo) with your own hands?

Method one - Photoshop is in a hurry to help. 🙂

If you have found images suitable for your material on the Internet and you want to place them in the article, then this method is for you.

We present you a step-by-step guide on how to make a unique image from a picture found on the Internet:

  1. Create a new file of the required size and resolution in Photoshop, select a transparent background;
  2. Place the desired image in this empty file, crop if necessary.
  3. Perform the process of "witchcraft" over the picture:
    • flip it horizontally;
    • turn at an angle by several degrees (more can be),
    • perform color correction;
    • cover up unnecessary inscriptions (if any).
  4. Save the resulting image through the command "File - Save for Web ..." In the window that opens, select the jpg format and the quality 65-80% (focusing on the contents of the picture, if there are many small details - set 80%).
  5. Write the file name in latin letters.

Method two - look for suitable pictures on photo stocks.

Photostocks - these are databases for storing photographs of various photographers who post their work for use by various services and companies for their own purposes. They are of two types: paid and free.

Not all novice bloggers can afford to use the services of paid photo stocks to select the right materials, but pictures are needed.

Therefore, we present you a list of free photo databases:

  1. firestock.ru
  2. pixabay.com
  3. freerangestock.com
  4. flickr.com
  5. stockvault.net
  6. pexels.com
  7. lifeofpix.com
  8. morguefile.com
  9. photogen.com
  10. stocksnap.io

Thank us by clicking on the social buttons. networks under the article 😉

Website content design - video

The presence of a video clip in the body of an article at this time has become almost a prerequisite for its design.

At least, if you want to keep the user and his attention on your site longer (and this is exactly what a novice blogger who does not yet have regular readers needs), then you just need to have video material in the article.

If a person has been on a web resource for a long time (he is watching a video embedded in an article, which can last from 2 minutes to 2 hours), then the information that is presented on it is really useful. Behavioral factors are improving, and search engines regard this as a user's trust in the resource.

And if users trust, then Google and Yandex will trust and promote your site higher in the rating.

Here is such an invaluable benefit from introducing a video player into articles on yours! And it's a sin not to take advantage of this!

In addition, the video attached to your article does not have to be unique at all.

Of course, it's good if you have your own YouTube channel where you upload videos themed to your blog. You can safely post them on your website, killing two birds with one stone - increase the number of views of your video and thereby promote it to the Top, as well as earn more trust in your blog from search engines.

In general, utopia turns out 🙂

But if you don't have your own channel, don't despair. Other people's videos will come to your aid, of which there are a huge number both on YouTube and on other video hosts.

Let's take a look at how to put someone else's video from the most popular video hosting today, YouTube, on your website. To do this, you need:

Also you will need to set the desired dimensions (width and height) for the video player. To do this, simply change the numbers in the width and height parameters.

To make the video player reflect across the full width of the page, set the width to 100%, and experiment with the height parameter.

And here's a video on how to place a YouTube video on your website 🙂

If you want your article to be fully read and the video viewed, place the latter at the end of the article. In this case, the video will, as it were, become a summarizing element to all of the above.

It is also possible to place the video in the middle of the text, but only where it is really appropriate. For example, in the text you gave a detailed guide to any action, and then backed up your words with a video instruction (as we did).

Placing a video at the beginning of an article significantly reduces the likelihood of reading it. In the best case, these will be the first paragraphs before the video.

And why did you try then, carefully selecting and analyzing the material presented?

So when you write an article on a blog, think 100 times before posting a video anywhere. After all, you need the maximum return from it!

Quotes in the design of the site article

An element such as a quote is usually decorated on the site using the tag

.

And as mentioned above, it is not at all necessary to include only well-known expressions of public people in this tag.

An example of an interesting and designer quote with a hidden call to action:

Tag

has its own distinctive style from all text and therefore you can put the elements that you want to highlight in your material.

It can be:

  1. Conclusions or derived rules from the above.
  2. Notes or tips indirectly related to the main topic of the article.
  3. Examples from my own experience.
  4. Interesting facts from history.
  5. A call to action, whether it's moving to another article, purchasing an info course, or subscribing to an article newsletter.

This is not the whole list of options, your imagination can tell you other ways to use this tag.

So you learned how to design an article on the site to make your readers want to come back to your blog again and again, and get a positive response from the search engines.

And to make the pages of your site indexed faster, you can post your posts here in

The home page of your site is an important part that the user sees when he gets to the Internet resource. If it does not inspire the user's confidence or the ease of use is poor, he will probably leave the site. Today we will tell you how to avoid this and talk about the main aspects of the design of the main page of the site: what it should be and what should not be used in its design, we will explain what the classic structure of the site consists of and how to avoid ridiculous mistakes.

What should be the design of the main page of the site?

Any internet marketer will tell you that it should be informative, useful, easy to navigate, and interesting in design. But there is no specific answer to our question in this proposal. Let's consider the main factors of competent formation of the main page in more detail.
The main page is a page about everything, but with the most convenient presentation. Even when a new user gets to the landing page from the search, he will most likely go to the main page, where he needs to briefly and succinctly tell about your company, offer basic services and / or products.

On the main page, be sure to indicate:

  • what kind of campaign you are and what you do;
  • permanent and special offers;
  • describe the features and benefits.

And then all this is simple (just simple, not primitive) beautifully designed. If your site is morally and technically outdated, then you not only create inconvenience to users, but also put a spoke in your own wheels. The situation is similar with usability. The user should be clear where to press, so as not to irritate him at least. You should design the homepage in an obvious and simple manner, but be tasteful.

How to design the home page of the site: step by step instructions

I will not talk about the possible options for the structure of the site, since it is better to give examples on the classic and familiar scheme, which includes a header with the main menu (navigation), a footer, several information blocks and call-to-action panels. Now let's talk in detail about each element of this structure.

Site header and main menu

Everything is simple in this element of the main page structure: a small logo (which is also a link to the main page) and the main menu with links to the site pages. There is no need to invent anything, the classic vertical or horizontal arrangement is most efficient and convenient for the user. When using a menu with icons, take care of a short text description of its items. The "Contacts" section should be placed either on the right or below, depending on the location of the menu type.
The top (top bar - is located above the header or is a component of it) should contain basic contact information: phone, mail and, if necessary, address.

Information blocks

Briefly and clearly convey to the user about your main activity in 2-3 blocks of information. Tell us about your services, products and competitive advantages.
Pay special attention to your last ones by making them a separate block with their own title. The client must motivate himself to make a choice in favor of your company. Just do not get lost in this block - state your thoughts concisely and answer the question: why you?
The text should be structured as much as possible: headings, blocks, paragraphs and other layout elements. If you satisfy the primary conditions for choosing a user, then with a high probability he will become your client.

Call to Action (CTA)

The main page of the site should solve two main tasks: to keep the user on the site and carefully lead him to making an order or making a call. The user needs to be encouraged to make this decision, so we recommend using the “Call-to-acton” block - “call to action”.
You can arrange it in various ways. If you provide only one service, then the potential client should be reached with a well-placed button.
If there are several services, they should be placed on different pages of sections, and on the main one, focus on one or describe them in a complex manner.

Page footer

It is also called footer. In some designs, it may not be present, but, as a rule, in the classic structure it is. Often, the basement contains contact information, links to social networks and secondary pages of the site. It is recommended to place an additional block with contact information in the footer or add a call-to-action button so that the user, having scrolled to the end of the page, does not return to the top.

1. Don't post too much information

Get rid of a lot of text on your homepage as this will only increase your bounce rate. If you need to place an impressive block of text for search engines, be sure to structure it: each main idea or description of a service should have a heading, and paragraphs should not be too long.

2. Focus on specials

If you have discounts or favorable conditions for the purchase of goods and services, then post information about them closer to the header. This will allow the guest to immediately appreciate the benefits and involuntarily think about the purchase.

3. Use icons, infographics and images

Remember, visual content is easier to read. There are many examples of psychological "games" with images of the happy owners of a product or service.

4. Don't exaggerate

You should not lie and mislead, it is enough to correctly describe your advantages and services without unnecessary epithets.

5. Look for options, do not stand still

Apply new page layouts, different ways of presenting content, all kinds of calls to action and restructuring. There are many rules and tips to follow, but you never know what actually works. Test, experiment and track page performance. Change the home page incrementally and do not act rashly. To begin with, move the button with a call to another place, "play" with the structure of the site header, develop several options for the layout of the product card - any seemingly insignificant manipulation of the design or content can have a serious effect.

6. How to design the main page of a site for SEO optimization?

The main requirement is to use keywords concisely and harmoniously, carefully inscribing them in headings, guided by common sense. Your copywriter should work on the text so that it turns out to be useful to the user, and not to the search engine. Make the text sellable initially.

Conclusion

The design of the home page of the site is the most important stage in the formation of behavioral factors on the site. If the home page looks untidy or is inconvenient for the user, then with a high probability he will leave the web resource and will not buy anything. Find a balance between using familiar design elements and an experimental approach. The familiar and understandable structure of the home page, combined with useful information and a zest from you, is a universal recipe for creating a truly correct home page.

Building a homepage is an important process that includes work on design, usability, text, logo, navigation, and more. It is important to take into account the interests of the target audience, and the relevance of the content, and even the peculiarities of color design. In this article, you will learn: how to design the home page, what to display on it, why certain elements are needed, and where it is better to place them.

The main purpose of the home page of the site

The main page of the site is a kind of visiting card of an Internet resource, which should contain important information for the client: information about the company, contact information, offers and benefits. Thus, the main goals of the home page include: presenting the company, attracting an audience and presenting possible services and / or goods.

Master page views

The content of the home page directly depends on the focus of the site (sale of goods, provision of services, brand promotion, blog, presentation of information, etc.). Accordingly, there are many types of master pages. Let's consider the main types.

Online store home page

A store site, as a rule, has more than a dozen pages and a complex structure. The correct home page for such a resource should have the following blocks of information:

  • product catalog (in which the product branches out due to filters: "price", "brand", "material", "season", etc.)
  • the products themselves (most often Top-products or Top-ads are presented, several representatives from each category)
  • promotional offers (discounts, discounted goods, several items for the price of one, etc.)
  • contacts for ordering and purchasing (link to order form, phone numbers)
  • address (most often the address of the main office is indicated)

This type of site is distinguished by the presence of software modules designed to automate the sales process. It would also be rational to add the service "Help of a specialist" or "Ask a question" to the main online store.

Important!

Contact information, feedback forms

Providing an opportunity for a client to quickly and free of charge contact a company representative is one of the main tasks of any company. It is better to place contacts in the page header; numbers can be light (with repeating numbers) and memorable.
The contact form is often presented in the form of a pop-up window with the offer "Order a call and our manager will contact you", "Ask a question", etc. But it is better to present such a function in the form of a vertical bar located to the right of the main text (so as not closed the site content). Some sites design a separate page for this.

Call to action and the ability to easily take action

Any site should have a brightly highlighted button and a short description of a specific action: "view text", "buy a watch", "open a tab". This call-to-action should be compelling and nudging, such as “to read instructions, follow the link”.
The main task here is to make the client want to carry out the target action. The text on the button should be short and as informative as possible (preferably limited to a few words).

Convenient and clear design, good usability

The page should be user-friendly and easy to navigate. You don't have to use flashy objects such as flash banners, animations or other overly complex elements. Many modern websites are optimized for different devices and gadgets, which is very important in today's web marketing, and such banners are not always displayed correctly on all devices.

The main rule of good design is "Design should not distract the client." Its main task is to optimize the material and functions of the site. To determine which design is better, it is important to clearly define the target audience.

Logo

It is the logo that should be the first to answer the guest's question: "What kind of site is this?" In addition, it is used as a navigation basis with which the user can return to the main page at any time. It is placed in the upper corner of the page, less often in the center.

The tips for the homepage vary, but in the situation with the logo, most opinions are the same: it should be simple and memorable (it should be recognized out of a thousand). It can be some kind of symbol, an unusually designed company name or even a painting, the main thing is to be creative.

Navigation

When designing navigation, it is important to remember that almost all site visitors are users who are familiar with the standard layouts of elements on the page. That is why it is not desirable to be creative with the placement of menus and other buttons, since the main task of good navigation is to organize a simple and quick transition through the pages.

Hat with logo and technical information footer

The first thing we do when creating a page is to design the "header" and "footer" (footer) of the resource. The "cap" may contain the company logo, contact information, menu. Many people forget about the "basement", that is, the bottom, but in vain! The fact is that many visitors, having read the entire text, by themselves go down the page, hoping to view something else interesting or simply to rate the website. Therefore, we recommend placing thematic and useful links in the footer (footer), which may be useful to the visitor.

Good color scheme of the main

The choice of colors should be based on the following rules:

  • there should not be too many different colors on the page (no more than five), otherwise it will greatly distract or even annoy the visitor
  • the colors and shades used must be in harmony with each other
  • all elements of the site are recommended to be decorated with the same set of colors (this is a kind of identification mark of the site)

It is important that the design of the homepage overlaps with the internal pages of the site. Thus, the visitor unknowingly realizes that he is still on this site.

Graphics and multimedia

Using only text on a page is dry and not fun. To correctly design the main page of the site means to enrich it with illustrations in the form of pictures, tables, graphs, short video clips. It is worth avoiding a large amount of these auxiliary elements so as not to distract the viewer's attention (too many pictures distract from the text). It is important to use only high quality content with good resolution.

It is important to respect copyright when looking for graphics for a website. For this, you should use special stocks where you can buy illustrations.

What can be on the main page and will not be superfluous

The following elements will significantly increase the visitor's sympathy for the site:

  • video content with a brief description of the site
  • product news / latest news
  • company / team photo

Many people will confidently say: "It is better to watch the video than read." This is especially true for the description of the site. To create such a video, you should use the services of professionals, since this presentation is the face of the site.

The use of new products and topical news will highlight the fact that the site is alive.

The image of a company or team significantly increases the credibility of the site. It is natural for a person to trust more what he sees, rather than reading. There is also a separate photo of the management.

Top 5 Best Examples of Online Store Home Pages

You can find solutions for the home page on the websites of well-known brands. Here you can find good ideas and transform them in your own way. Website homepage design examples are also the best way to get familiar with the tips in action.

1. Terrasport. This site can sell anything. Here are the brightest and most attractive advertisements. In addition to the general mandatory, well-placed elements, you can see filters by hobbies, popular categories and even sales. This site has many pages, which, with the correct structure, is a huge plus.

2. MCL. The MCL site is a prime example of the home page of a site - simple and effective.

It differs in:

  • simple and memorable logo
  • clear structure
  • limited number of colors
  • dynamic advertising

The page contains a short text about the product, special promotions and offers, it is possible to translate the site into a language convenient for the visitor, contacts and the offer "Call me back" are optimally located. There is also a search bar, which is very important when you need to find a specific product.

3. Merit. This online store is an example of a complexly structured website. There is a lot of everything here: brands, promotions, new items, etc. are highlighted in separate blocks. The main advantage of the page is the dynamism and good arrangement of all elements. Contacts are represented by three numbers of different mobile operators, as well as a landline number. Clearly delimited sections for quick product navigation.

4. Parfums. The simple design and clear structure of this resource are aimed at focusing on perfume, highlighting its colorfulness. This contributes to directing attention only to the product, and not to the site, which gives its results. There are a lot of pages here, but it is quite difficult to get confused due to the presence of clear filters.

5. Luxoptics. This is a good example of the home page of an online store: a nice color scheme of the site, promotional offers provided in the center of the page, a filter by category and popular products. Also, the main page displays everything necessary for a client of this network - a list of doctors, offline Luxoptica salons, online registration, etc.

Top 5 Best Examples of Product / Service Home Pages

1. Promex. Why is the main company Promex the best?

  • used all the mandatory components of the main page
  • the usual arrangement of elements (logo, contact details, request for calculation and sending a message, etc.)
  • an unusual dynamic picture that will be remembered by many visitors
  • memorable logo
  • availability of certificates
  • the ability to choose your city
  • availability of advantages and examples of work

2. Alessandro. This site is presented in a soft, unobtrusive tone, respectively, to the services it provides. The originally presented list of services: a short text under the thematic picture, by clicking on which you can go to a separate service and get acquainted with it in detail. A changing main picture with special offers highlighted in the best colors. There are also works of masters and a text about the company.

3. Goodfix. There is nothing superfluous on the site: straight to the point! With the naked eye, you can see that the page was created in order to interest and leave a person who needs a laptop or PC repair.

The main page contains a list of offered services with an interesting visual presentation, pricing policy, main advantages, address. There are also two buttons for communication with the representative "Order a call" and "Write to us, we are online", which pushes the client to take the desired action. It is also worth noting a wide range of contacts: Viber, Telegram, Instagram, etc.

4. Antonika Varizko Photografy. This site informs about the services of the photographer. The page has a simple but creative design and familiar navigation layout that helps the client to take the required action faster.

Entering the page, the slideshow of the works immediately catches the eye - another trick with which the visitor receives not only aesthetic pleasure, but also understands the level and style of the photo artist. In addition, there are such sections: portfolio, prices and contacts - information that answers all the client's questions. There is also a transition to a blog and personal information - an emphasis on the openness of the performer.

5. Art 79. An example of a budget site that answers all the visitor's questions. This is proof that even with a minimal budget, you can make a useful website.

Conclusion

The best home pages are just an example of quality design, don't limit yourself to these ideas. Your imagination is the main means of achieving the perfect result.

In pursuit of perfection, avoid the pitfalls of overloading your home page with unnecessary elements.

Use Webvisor to understand the behavior and needs of your visitors. Implement our advice and you will be able to create a working face for your online resource!

Cap suggests that the number that is written in the middle of the page and in large is more noticeable. Do this if you want as many customers as possible to get through and talk to company employees.

Give contacts of different departments

For a large company that receives a huge flow of customer calls every day, it makes sense to immediately lay out the coordinates of the sales department, technical support, human resources and other departments. So people will be able to get an answer to a question of interest faster.

The website of the international restaurant holding "Ginza Project" contains the phones of the call-center, PR-service, HR-department and other departments.

On the Tinkoff Bank website, in addition to department contacts, there are also different phone numbers for different categories of customers: credit card holders, debit cards and depositors.

Contacts of regional divisions do not have to be laid out in a large list at once. You can display them only by clicking on the name of the desired representative office. For example, as in the contact information section on the Autolak Refinish website.

The "Center for International Exchange" has quite a few departments all over the world. Representatives of the company are grouped into headings by country for easy search of their phone numbers and addresses.

Photos of offline store signs on the BatNorton streetwear brand website will help customers navigate the shopping center and find the department they need.

Contacts of Sainer regional offices appear in pop-up windows. This technique will free the contact page from the excess of information. The user will be able to familiarize himself with the phone number and address of only the dealer he needs.

“Window Continent” has forty-seven representative offices in Moscow. For the convenience of customers, contacts are posted on the site in three forms: one list, on a city map and on a metro map. In the last two options, contact information appears in a pop-up window by clicking on the desired representation.

Write employee contacts

A person trusts another person more than an impersonal name of a certain company. Therefore, tell us about your specialists. Show that specific people are responsible for each area of \u200b\u200bthe company's work.

Try to post photos of employees. Think about which pictures will inspire the most customer confidence? Perhaps it will be photos in the workplace or photos in business suits in a professional studio.

Show directions

A clear location map saves time on explaining to each client how to get to the company. And it ensures that most guests don't get lost.

Drawn directions are good. They provide lifelike images of buildings, parks and other nearby objects that people will be guided by when searching for your office.

However, keep in mind that rendering the driving directions is labor intensive. And most likely it is suitable for companies that have few offices or points of sale, one or two.

If the company has many offices or representative offices, then it is easier to use not a drawn, but a standard route map. It is easy to create it in any map constructor. And in order not to clutter the page with contacts on the site with numerous driving directions, they can be hidden in pop-up windows.

The Mary Truffle website contains hand-drawn directions to two wedding salons.

The drawn route to the Presentstar gift shop shows the smallest details: from a cat under a tree to aliens stealing Lada.

The contacts of the representative offices of the International Exchange Center are posted on the website as a list. If you click on the name of the dealership, the map will open in a pop-up window.

In the section with contact information on the PSKB Bank website, the directions to each office are initially hidden. And they appear by clicking on the name of the office in the drop-down blocks.

On the contact page of the Sony branded online store in the pop-up window, the user selects the desired city. And immediately after that, the page displays the relevant contact information, directions and a text description of how to get there.

On the website of the Unlim 500+ automobile festival, three different schemes are switched - driving to the venue, the map of the auto-range, and the location of the cafe and stage on the observation deck. Select the desired scheme - the description on the left side of the page and the map on the right side change.

On the Rozovoz website, contact information is laid out in one pop-up window. And already inside the window, you can switch two information blocks: the addresses of flower warehouses and the phone number of the delivery service.

On the website of the Panorama Skolkovo residential complex it is possible to plot a route from an arbitrary point on the map to the sales office.

Make use of the pop-up space inside the map

Sometimes you need to show the addresses and phone numbers of several retail outlets on the map. But if you put all the contact information at once, then the page will be overloaded, it will be difficult to find something specific.

It is convenient to hide contacts in pop-up windows that appear by clicking on a particular point on the map. The lack of a large amount of contact information for different stores, representative offices and offices visually lightens the page, it is easier to navigate in it.

However, there are more interesting ways to use the small piece of free space inside the pop-up window on the map!

On the website of the Ginza Project restaurant holding, you can switch four information blocks inside the pop-up window: the address of the restaurant, phone number, opening hours, and the nearest metro station.

On the Leto Bank website, in a pop-up window on the map, you can evaluate the work of the branch on a 5-point scale.

On the website of the flower base "All in bundle" in the pop-up window, in addition to the address, phone number and working hours, there are also photos of each warehouse.

In the pop-up windows on the map of directions to the centers for the study of foreign languages \u200b\u200b"J & S" there is an online call button, a link to the Vkontakte group and several photos. And also such a "standard set" as an address, phone number and working hours.

Upload a photo of the entrance to the company office

Show what the entrance to the firm's office looks like. Especially if you don't have your own logo sign on the facade of the building. It's easier to show it in a photo once than to explain it to clients in words every time.

Write how to get to the office

Please provide several options to describe how people can get to you: on foot, by car, or by public transport. Imagine yourself in the shoes of a man who got off the last metro car at Kaluzhskaya station and found himself on Profsoyuznaya Street for the first time. Where should he go next? Which side of the street? Where and where should you turn? Tell us about this in as much detail as possible.

Orientation instructions can be laid out all at once or hidden in information blocks that can be opened by mouse click.

The website of the gift shop "Presentstar" has instructions for hikers and motorists.

You can not only come to Gazprom on foot, but also by trolleybus or car. Description of walks and trips to the office is laid out on the page with contacts.

On the Refinish Autolaka website, descriptions of how to get to the company by car or public transport appear by clicking on the corresponding heading.

The page with contacts of the MAMA reproduction clinic contains not only instructions for users of trolley buses and cars, but also for nonresident guests traveling from the station or airport. Blocks with different texts are switched by clicking on the icons with a car, bus, train.

Pay attention to the texts

Don't be boring, work on the texts and titles on the contact page. A bright headline will stop the wandering eyes in the right place.

Rambler says there are many reasons to write to him. But in this place some grayish phrase like "List of email addresses" could appear.

The brand of knitted hats "Handy Hat" wants to be closer to its customers. Come, he says, to our Vkontaktek.

On the page with contacts of the manufacturer of decorative impregnations "Veres" there is one simple phrase that the products are presented in more than 300 cities of Russia. At this point, there could be a standard heading "Our representatives". But then no one would know how wide the geography of the company is.

Place a link to contacts in other sections of the site

“In the black and black footer, in the farthest corner, among a dozen other links, the only link on the site to the contact page is hidden. So that no one can find it for sure, ”is a terrible tale about a company that did not want to hear calls and read letters from people.

If you want as many customers as possible to get in touch, then make the link to the contact section as visible as possible. For example, use pictures to design a link.

Link to contact information wherever appropriate. For example, you are writing news about an upcoming lecture by an eminent business coach at your company. It is logical to supplement the article with a link to contact information so that everyone can sign up for a lecture.

On each page of the site of the flower base "All in bundle", a link to the addresses of warehouses is clearly visible.