{"id":3774,"date":"2017-11-21T19:08:27","date_gmt":"2017-11-21T16:08:27","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3774"},"modified":"2023-08-14T18:22:13","modified_gmt":"2023-08-14T18:22:13","slug":"feel-homey-handy-tips-for-home-page-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/","title":{"rendered":"Feel Homey. Handy Tips for Home Page Design"},"content":{"rendered":"<p><span style=\"color: #333333;\">There&#8217;s no place like home, they say. And in the growing world of websites for all the needs and aims, it actually works the same. Home page has multiple functions: it&#8217;s a card of invitation, a starting point of the journey around the website, storage of the vital links and data, and a strategic asset for marketing goals. In the majority of cases, it is often the first visual and emotional touch to the website. No doubt, design is one of the core ways to make this touch gentle, smart, and helpful. Today we are discussing some effective tips for creating user-friendly home pages.<\/span><\/p>\n<p><span style=\"color: #333333;\">One of our previous articles has already given insights into the definition, types of content such a page usually includes, and basic design strategies increasing <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/home-sweet-home-strategies-of-home-page-design\/\">home page usability<\/a>. Continuing the topic, today we are adding more recommendations organized around three essential aspects: information, interaction, and appearance.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8018\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik.jpg\" alt=\"usability interfaces ux design tubik\" width=\"2500\" height=\"1667\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik.jpg 2500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/usability_interfaces_ux_design_tubik-150x100.jpg 150w\" sizes=\"auto, (max-width: 2500px) 100vw, 2500px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Information<\/span><\/h2>\n<p><span style=\"color: #333333;\">To use or not to use? That is the question. In the vast majority of cases, the home page is the point of the user&#8217;s decision. In the early 2000s guru of usability, Jacob Nielsen mentioned in his <a style=\"color: #333333;\" href=\"https:\/\/www.nngroup.com\/articles\/113-design-guidelines-homepage-usability\/\" rel=\"nofollow\">article<\/a>: &#8220;Your homepage is often your first \u2014 and possibly your last \u2014 chance to attract and retain each customer, rather like the front page of a newspaper.&#8221; With all the progress the World Wide Web has witnessed, this position doesn&#8217;t change: the home page often defines if a user goes further around the website. And it is done not only by beauty and style but first of all by information which is looked for by visitors to the resource. Making it accessible, noticeable, and clear, designers grow the chances of a positive user experience.<\/span><\/p>\n<p><span style=\"color: #333333;\">In general, a home page can include the following data:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\"><strong>the nature of the website<\/strong>: the page has to instantly inform users if it&#8217;s a company website, blog, e-commerce website, social network, educational platform, or anything else;<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>brand or company identity elements:<\/strong> home page\u00a0requires a recognizable visual presentation distinguishing the website from its competitors. If there is a product, company, or brand behind it, webpage design should consistently reflect its identity. In other cases, the website itself should be seen as a brand and apply strategies of identity design for better brand awareness.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>benefits of the website: <\/strong>it\u00a0should quickly inform users why the website can be helpful or interesting for them.<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>internal search<\/strong>: many users come to the websites with clear goals, so functionality to search right from the homepage will make interaction highly productive<\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>links to the core interaction zones<\/strong><\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>contact data and links to social networks<\/strong><\/span><\/li>\n<li><span style=\"color: #333333;\"><strong>signs of trust: <\/strong>testimonials, reviews, big numbers of presence in social networks, etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">The solution which of the mentioned points are going to be included and how they are going to be spread on the layout should depend on\u00a0the goals of the website and the <a href=\"https:\/\/blog.tubikstudio.com\/business-oriented-design-know-your-target\/\">research of the target audience<\/a>. Let&#8217;s check some tips effective in this aspect.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Fill the header with core navigation<\/span><\/h3>\n<p><span style=\"color: #333333;\">As we mentioned in the article about web\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/best-practices-for-website-header-design\/\">header design<\/a>, it is the top part of the webpage, which people see before scrolling the page in the first seconds of introduction to the website.\u00a0Headers can include a variety of meaningful layout elements, for example:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">basic elements of brand identity: <a href=\"https:\/\/blog.tubikstudio.com\/logo-design-creative-stages\/\">logo<\/a>, slogan, etc.<\/span><\/li>\n<li><span style=\"color: #333333;\">tagline setting the theme of the\u00a0website<\/span><\/li>\n<li><span style=\"color: #333333;\">links to the core categories of website content<\/span><\/li>\n<li><span style=\"color: #333333;\">links to the most important social networks<\/span><\/li>\n<li><span style=\"color: #333333;\">basic contact information (telephone number, e-mail, etc.)<\/span><\/li>\n<li><span style=\"color: #333333;\">a\u00a0language\u00a0switch in case of a multilingual interface<\/span><\/li>\n<li><span style=\"color: #333333;\">a <a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/\">search field<\/a><\/span><\/li>\n<li><span style=\"color: #333333;\">subscription field<\/span><\/li>\n<li><span style=\"color: #333333;\">links to interaction with the product such as trial version, downloading from the AppStore, etc.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">Obviously, it&#8217;s impossible to put all the list into one header. Moreover, it&#8217;s not a good idea to put everything because the header overloaded with diverse information will distract users&#8217; attention. As <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/design-for-emotion-expert-tips-by-aarron-walter\/\">Aarron Walter<\/a> said in his book, &#8220;If everything yells for your viewer\u2019s attention, nothing is heard&#8221;. That is why the choice of which information goes to the header and what it looks like arises on the solid ground of communication between a designer, a stakeholder, and a marketing specialist. The header is the top zone of early interaction: eye-tracking studies show that the web page is mostly scanned starting from it. So decide, which elements are primary to achieve website goals and use the limited space of header for them. For example, on a news website or a big e-commerce platform search field is crucial for positive UX while on a small company website it may be not needed at all.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7738\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik_studio_structure.gif\" alt=\"tubik studio structure\" width=\"800\" height=\"600\" \/><\/p>\n<h3><span style=\"color: #333333;\">Apply informative tagline<\/span><\/h3>\n<p><span style=\"color: #333333;\">Don&#8217;t think the users are going to wander around the website trying to set why it&#8217;s useful for them. Being surrounded by thousands of websites, they may go away at the first seconds if they don&#8217;t see a clear reason to stay. So, give it to them &#8211; it&#8217;s the time for a tagline. In marketing terms, it is the name of a short and catchy phrase that summarizes the benefits or gives the description of the website. Including the keywords setting the proper theme and taking the place on the first level of visual hierarchy for the page, the tagline will quickly inform users why the website is worth their attention.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8134\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/booking_service_ui_tubik.png\" alt=\"booking service ui tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/booking_service_ui_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/booking_service_ui_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/booking_service_ui_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/booking_service_ui_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">Enable users to contact duty holders<\/span><\/h3>\n<p><span style=\"color: #333333;\">The home page is usually the place where people expect to find the\u00a0contact info\u00a0any time they need it. The most popular placement for it is a footer, the bottom part of the page. However, if any kind of contact data is core for <a href=\"https:\/\/blog.tubikstudio.com\/7-factors-that-influence-webpage-conversion-rates\/\">conversion<\/a>, it&#8217;s logical to put it in the pre-scroll area or even a header. For example, if the website presents the delivery service or online shop, users may want to call more frequently and this ability will have a direct impact on the conversion rate. Meanwhile, for entertainment or news resource, it may be not that crucial so it&#8217;s placed in zones of less active interaction. However, in any case, the contact data should be available from home. Among other reasons, it is one of the factors influencing the level of trust in the website.<\/span><\/p>\n<p><span style=\"color: #333333;\">Contacts can be presented in various formats. They can reveal the data such as phone number and location, emails, links to messengers, contact forms, and an instant chat window. Making the phone numbers clickable is supportive as many users now browse from their smartphones and may want to call right from there. The address can be also clickable opening the screenshot or map showing how to find the location. The solutions have to be based on thoughtful <a href=\"https:\/\/blog.tubikstudio.com\/user-research-empathy-is-the-best-ux-policy\/\">user research<\/a> setting the target audience&#8217;s expectations, level of tech literacy, and the most convenient ways of contact for them. For instance, if your target audience is teenagers, just giving the phone number may be not effective as they really stick to messengers and social networks. At the same time, if your users are elderly people, social networks may not work in comparison to a phone number.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Make the call-to-action element instantly visible<\/span><\/h3>\n<p><span style=\"color: #333333;\">Unlike the <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/hit-the-spot-design-strategies-for-profitable-landing-pages\/\">landing pages<\/a>, focused on narrow and concise goals, home page contents are quite diverse. That&#8217;s why it&#8217;s important for a UX designer to care how users will see what they really need to see in all that mass of data. No doubt, it cannot happen that all, let&#8217;s say, fifty available links on the home page are equally important. So, to make the page usable, all the interactive elements in the layout should be prioritized. Visually, it can be done via the rules of the\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\">visual hierarchy<\/a>\u00a0so that users could see the key things first. And among them, <a href=\"https:\/\/blog.tubikstudio.com\/call-for-attention-powerful-cta-button-design\/\">call-to-action elements<\/a> should be noticed instantly. Otherwise, there will be loss in conversion not because users didn&#8217;t want to do the action but because they didn&#8217;t find how to do it.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7735\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website.png\" alt=\"tubik studio the big landscape website\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-the-big-landscape-website-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Interaction<\/span><\/h2>\n<p><span style=\"color: #333333;\">The next aspect to consider is interaction &#8211; the way how users perceive, process, and interact with the information they find on the home page as well as the website in general. The next set of tips is all about that.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Check scannability and mind eye-tracking models<\/span><\/h3>\n<p><span style=\"color: #333333;\">It&#8217;s not a secret that <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">users first scan pages<\/a> and only then make a decision if they want to get dip into details. Interface designers are highly recommended to study eye-tracking models which are now described in numerous publications, with the most prominent contribution by <a style=\"color: #333333;\" href=\"https:\/\/www.nngroup.com\/articles\/eyetracking-study-of-web-readers\/\" rel=\"nofollow\">Nielsen Norman Blog<\/a> sharing the results of actual experiments in that sphere for a couple of decades. <\/span><span style=\"color: #333333;\">Among the following common models, you&#8217;ll find Z-Pattern, Zig-Zag pattern, and F-Pattern. Let&#8217;s check what are the schemes for them.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7731\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/z-pattern-web-scannability-1.png\" alt=\"z pattern web scannability\" width=\"700\" height=\"694\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/z-pattern-web-scannability-1.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/z-pattern-web-scannability-1-150x150.png 150w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/z-pattern-web-scannability-1-300x297.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/z-pattern-web-scannability-1-768x761.png 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Z-Pattern is quite typical for the web pages with the uniform presentation of information and weak visual hierarchy.<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7732\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/zig-zag-pattern-web-scannability-1.png\" alt=\"zig zag pattern web scannability\" width=\"700\" height=\"751\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/zig-zag-pattern-web-scannability-1.png 955w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/zig-zag-pattern-web-scannability-1-280x300.png 280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/zig-zag-pattern-web-scannability-1-768x823.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/zig-zag-pattern-web-scannability-1-140x150.png 140w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Zig-zag pattern is typical for pages with visually divided content blocks.<\/em><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7733\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/f_reading-pattern-eyetracking-scannability.jpg\" alt=\"f_reading pattern eyetracking scannability\" width=\"785\" height=\"364\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/f_reading-pattern-eyetracking-scannability.jpg 785w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/f_reading-pattern-eyetracking-scannability-300x139.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/f_reading-pattern-eyetracking-scannability-768x356.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/f_reading-pattern-eyetracking-scannability-150x70.jpg 150w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>F-pattern natural for pages with the massive presence of copy content<\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">Scannability of web pages is enhanced with a <a href=\"https:\/\/blog.tubikstudio.com\/9-effective-tips-on-visual-hierarchy\/\">visual hierarchy<\/a> that enables designers to show the content in terms of its priority and navigates the user from the core zones to the secondary ones. Scannability is one of the parameters to be carefully tested all the time as it has a great impact on the usability of the page and its problem-solving potential.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Remember that patterns are user&#8217;s friends<\/span><\/h3>\n<p><span style=\"color: #333333;\">Every creative person feels the urge to apply original and unique solutions and think out-of-the-box all the time. However, make sure not to go too far on that way. Remember that the website is made not for creative contests or galleries of fame but for real users. As we mentioned in the post about <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/social-network-design-ux-for-communication\/\">social networks design<\/a>, the power of habit in terms of user experience can be stronger than the wish of revolution. Surely, the dose of a wow-effect is needed, but not so much to knock down the user. On the home page, too much of the design revolution might confuse and scare: if the first page is so hard to understand, a user thinks, what&#8217;s going to be next? Study the habits of interaction and typical products for that particular target audience to make their habits their power. Strive for the balance between innovation and traditions.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8117\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/online_bookshop_design.gif\" alt=\"online bookshop design\" width=\"800\" height=\"600\" \/><\/p>\n<h3><span style=\"color: #333333;\">Make the search field easily accessible<\/span><\/h3>\n<p><span style=\"color: #333333;\">As we said above, <a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/\">search<\/a> means much, especially for the users coming to the resource with a clear understanding of what they want. <a href=\"https:\/\/blog.tubikstudio.com\/make-the-right-choice-ab-testing-for-ux-improvement\/\">A\/B testing<\/a> can support the analysis of its most productive placement on the page layout. It can be a small search field, an icon in the header, or the long horizontal field across the page as we have here in Tubik Blog. The main thing is to make it noticeable and clear so that users didn&#8217;t waste their time.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Use different menus and interaction zones<\/span><\/h3>\n<p><span style=\"color: #333333;\">As home pages can provide a variety of links, tabs, fields, and buttons, they should be grouped in different menus and zones instead of being given as the list of links. For example, a double menu in the <a href=\"https:\/\/blog.tubikstudio.com\/best-practices-for-website-header-design\/\">header<\/a> can present two layers of navigation. We have shown the example of such a trick in the case study for a\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\">bakery website design<\/a>. The website uses a sticky header that has two levels of navigation. The upper menu shows the links to social networks, the logo, search, shopping cart, and hamburger button hiding the extended menu. The second line of navigation gives an instant connection to the core interaction areas: product catalog, locations for the point-of-sales, news and special offers, information about the service, and contact section. Visual and typographic hierarchy makes all the elements clear and easily scanned providing solid ground for quick interaction right from the home page.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8641\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik.png\" alt=\"Bakery website design case study tubik\" width=\"1440\" height=\"1080\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik.png 1440w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/12\/Bakery-website-design-case-study-tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/p>\n<p><em><a href=\"https:\/\/blog.tubikstudio.com\/case-study-vinnys-bakery-ui-design-for-e-commerce\/\">Vinny&#8217;s Bakery<\/a> website design<\/em><\/p>\n<h3><span style=\"color: #333333;\">Make the home page accessible from any point of the website<\/span><\/h3>\n<p><span style=\"color: #333333;\">Home is usually the foundation of the website structure. So, users need to have a chance to get back home from any page they are on. Check it when all the pages are designed not to miss this obvious still vital interaction.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Don&#8217;t direct all the outer traffic to the home page<\/span><\/h3>\n<p><span style=\"color: #333333;\">For simple <a href=\"https:\/\/blog.tubikstudio.com\/single-page-website-best-design-practices\/\">one-page websites<\/a>, this question is not actual: indeed, they represent only a home page that satisfies one or multiple functions and there is no other place where the traffic could be directed from the outer sources. The same happens if the website is not complex, home is not overloaded with diverse links and navigation elements, so conversion can be reached right from it while other pages play secondary roles. In this case directing all the traffic to the most informative part of the site, which also enables a user to accomplish the necessary action and get what they need, is a good idea.<\/span><\/p>\n<p><span style=\"color: #333333;\">However, for complex websites and platforms, especially if they satisfy the multiple needs of a broad target audience, this approach can be the step in killing profitability and reducing conversion rates. The user can get scared, distracted, or even annoyed with the amount of information they have to get through to find what they need, especially if focused on a particular narrow goal. Using\u00a0<a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/landing-page-direct-flight-to-high-conversion\/\">landing pages<\/a> in the case when you need to concentrate the user\u2019s attention on something specific can be an efficient way of solving this problem. A landing page is focused on one item, to make it quickly found and reduce delays when the target user seeks specific operations, services, or items. This is an issue of especially high importance in the case of e-commerce websites when unwise design solutions bring poor user experience and financial losses.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7743\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png\" alt=\"web ui design landing page\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Appearance<\/span><\/h2>\n<p><span style=\"color: #333333;\">The third set of tips is concentrated on the page looks. No doubt, the recommendations are applicable for any kind of webpage, still, on the home page, they tend to be more influential.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Be\u00a0stringent in color choice<\/span><\/h3>\n<p><span style=\"color: #333333;\">Color is the power that can either strengthen or ruin other design decisions. Choosing the color palette, remember that colors influence user perception. Studying <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-in-design-influence-on-users-actions\/\">color psychology<\/a> is helpful to make choices that transfer the right message. Attention to traditional <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\">color theory<\/a> will help to find the color combinations that will look elegant and harmonic. One more popular issue is choosing between <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/light-and-darkness-in-ui-design-matter-of-choice\/\">light or dark background<\/a>: the solution is mostly based on the type of content the website presents. Text-based websites usually use light and airy interfaces while visual-based ones can apply a dark background to make the images look deeper and more stylish.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Apply recognizable visual prompts and associations<\/span><\/h3>\n<p><span style=\"color: #333333;\">Being full of data, home pages usually include a variety of <a href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/\">icons<\/a> and <a href=\"https:\/\/blog.tubikstudio.com\/big-reasons-to-apply-illustrations-in-ui-design\/\">illustrations<\/a>. Choosing them, always test their recognizability and check if they build right associations. If there is a risk of double meaning or culture differences of <\/span>the target<span style=\"color: #333333;\"> audience, supporting the icons or illustrations with a short copy might be helpful.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8717\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/web_site_flowers_shop_tubik_studio.png\" alt=\"website flowers shop tubik_studio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/web_site_flowers_shop_tubik_studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/web_site_flowers_shop_tubik_studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/web_site_flowers_shop_tubik_studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/07\/web_site_flowers_shop_tubik_studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><span style=\"color: #333333;\">Mind the typography issues and readability<\/span><\/h3>\n<p><span style=\"color: #333333;\">Choice of fonts and their combination determine not only style but also the <a href=\"https:\/\/blog.tubikstudio.com\/ux-design-readable-user-interface\/\">readability<\/a> of the home page. Even more, fonts, as well as colors, are also powerful in forming the mood of the page, from entertaining to business-like. So take your time to test various combinations and find the one which <\/span>corresponds to<span style=\"color: #333333;\"> the nature of the website as well as other design <\/span>elements<span style=\"color: #333333;\">.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Strengthen the page with a prominent visual<\/span><\/h3>\n<p><span style=\"color: #333333;\">Most users are visually driven and perceive messages given in images faster than words. That is why applying <a href=\"https:\/\/blog.tubikstudio.com\/how-to-create-original-flat-illustrations-designers-tips\/\">custom theme illustrations<\/a>, high-quality photos or hero banners is a profitable step for a home page. The image of that kind will work as a quick hook catching users&#8217; attention and <\/span>transferring<span style=\"color: #333333;\"> the necessary idea. However, overloading the home page with images will make none of them effective.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8132\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik.png\" alt=\"financial service website_tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/financial_service_website_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><span style=\"color: #333333;\">Think about motion and video<\/span><\/h3>\n<p><span style=\"color: #333333;\">Another way to support interesting experiences on the home page is by applying <a href=\"https:\/\/blog.tubikstudio.com\/5-reasons-to-make-animated-video-for-your-product\/\">videos<\/a> and <a href=\"https:\/\/blog.tubikstudio.com\/ui-animation-eye-pleasing-problem-solving\/\">animations<\/a>. On the one hand, motion breathes life into the page, makes it more dynamic and lively, always draws attention. On the other hand, it can increase the loading time. Moreover, too much animation annoys users. So, the motion should be added in <\/span>an unobtrusive way<span style=\"color: #333333;\"> and thoroughly check in terms of its effect on the page functionality.<\/span><\/p>\n<h3><span style=\"color: #333333;\">Test the loading speed<\/span><\/h3>\n<p><span style=\"color: #333333;\">Whatever brilliant, stylish and breathtaking the page is designed, whatever cool and intuitive is navigation and information architecture &#8211; all those things won&#8217;t work if users have to wait while it&#8217;s loading. For the home page filled with various data, too long time of loading means losing the part of the target audience. So, check the speed, optimize the images, make sure video and animation loads up correctly. Caring about this aspect, you respect your users&#8217; time and effort and lay the ground for a positive user experience.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7737\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/tubik-studio-ice-ui-website.gif\" alt=\"tubik studio ice ui website\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\">Obviously, not all the list of mentioned tips is actual for every single project: approaches can differ as well as the audience and goals of the created websites. Yet, it may become a helpful checklist for web designers\u00a0striving for\u00a0<\/span>home page<span style=\"color: #333333;\"> usability.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Useful Articles<\/span><\/h2>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/small-elements-big-impact-types-and-functions-of-ui-icons\/\">Small Elements, Big Impact: Types and Functions of UI Icons<\/a><\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/how-to-design-search\/\">How to Design Effective Search in User Interfaces<\/a><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/best-practices-for-website-header-design\/\">Best Practices for Website Header Design<\/a><\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/product-page-design\/\">Take My Money: UX Practices on Product Page Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/directional-cues-in-user-interfaces\/\">Directional Cues in User Interfaces<\/a><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/home-sweet-home-strategies-of-home-page-design\/\">Home Sweet Home. Strategies of Home Page Design<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/9-effective-tips-on-visual-hierarchy\/\">9 Effective Tips on Visual Hierarchy<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/color-matters-6-tips-on-choosing-ui-colors\/\">Color Matters. 6 Tips on Choosing UI Colors<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/take-it-easy-tips-for-effort-saving-user-interfaces\/\">Take It Easy: Tips for Effort-Saving User Interfaces<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/8-typography-tips-for-designers-how-to-make-fonts-speak\/\">8 Typography Tips For Designers: How to Make Fonts Speak<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.<\/p>\n","protected":false},"author":3,"featured_media":8137,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[463,465,466,467,468,480,482,100,483,104,487,138,489,151,503,227,505,233,534,256,537,440,548,462,551],"coauthors":[],"class_list":["post-3774","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-ui-design-article","tag-ui-design-examples","tag-ui-design-inspiration","tag-ui-design-practices","tag-ui-design-process","tag-user-behavior","tag-user-experience","tag-design","tag-user-experience-article","tag-design-best-practices","tag-user-experience-design-process","tag-design-process","tag-user-experience-examples","tag-design-tips","tag-ux-design","tag-home-page-design","tag-ux-design-best-practices","tag-human-computer-interaction","tag-web-design-article","tag-interaction-design","tag-web-design-examples","tag-tubik","tag-website-design","tag-ui-design","tag-website-home-page"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Feel Homey. Handy Tips for Home Page Design.<\/title>\n<meta name=\"description\" content=\"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Feel Homey. Handy Tips for Home Page Design.\" \/>\n<meta property=\"og:description\" content=\"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-21T16:08:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T18:22:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"961\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/\",\"name\":\"Feel Homey. Handy Tips for Home Page Design.\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png\",\"datePublished\":\"2017-11-21T16:08:27+00:00\",\"dateModified\":\"2023-08-14T18:22:13+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png\",\"width\":1280,\"height\":961,\"caption\":\"home page design article\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Feel Homey. Handy Tips for Home Page Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Feel Homey. Handy Tips for Home Page Design.","description":"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/","og_locale":"en_US","og_type":"article","og_title":"Feel Homey. Handy Tips for Home Page Design.","og_description":"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.","og_url":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-11-21T16:08:27+00:00","article_modified_time":"2023-08-14T18:22:13+00:00","og_image":[{"width":1280,"height":961,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png","type":"image\/png"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/","url":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/","name":"Feel Homey. Handy Tips for Home Page Design.","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png","datePublished":"2017-11-21T16:08:27+00:00","dateModified":"2023-08-14T18:22:13+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The article offers a set of effective tips enhancing usability of home pages for websites. Check the design strategies for information, interaction and appearance.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/home_page_design_article.png","width":1280,"height":961,"caption":"home page design article"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/feel-homey-handy-tips-for-home-page-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Feel Homey. Handy Tips for Home Page Design"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3774"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3774\/revisions"}],"predecessor-version":[{"id":14567,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3774\/revisions\/14567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8137"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3774"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}