{"id":688,"date":"2023-11-10T23:55:13","date_gmt":"2023-11-10T22:55:13","guid":{"rendered":"https:\/\/agencja.astrotea.pl\/?page_id=688"},"modified":"2026-06-30T14:19:51","modified_gmt":"2026-06-30T12:19:51","slug":"website-mockup","status":"publish","type":"page","link":"https:\/\/astrotea.pl\/en\/services\/website-mockup\/","title":{"rendered":"Website mockup"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"688\" class=\"elementor elementor-688\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1df99422 elementor-repeater-item-ang_container_no_padding e-flex e-con-boxed sk-none elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-parent\" data-id=\"1df99422\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;ang_container_no_padding&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-581dfd26 elementor-repeater-item-ang_container_padding_2 e-flex e-con-boxed elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-parent\" data-id=\"581dfd26\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;ang_container_padding_2&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e3f9535 e-con-full elementor-repeater-item-ang_container_no_padding e-flex elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"e3f9535\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;ang_container_no_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-606bf6a8 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-template\" data-id=\"606bf6a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"852\" class=\"elementor elementor-852\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79f467d3 e-con-full elementor-repeater-item-ang_container_padding_5 e-flex sk-none elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"79f467d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;ang_container_padding_5&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ab25837 elementor-hidden-desktop elementor-hidden-tablet elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-nav-menu\" data-id=\"2ab25837\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;dropdown&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-angle-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-2ab25837\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-848\"><a class=\"elementor-item\" tabindex=\"-1\">Select a topic<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-788\"><a href=\"https:\/\/astrotea.pl\/en\/services\/ux-needs-survey\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Needs survey<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-776\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-mockup\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Website mockup (UX)<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-772\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-copywriting\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Copywriting<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-781\"><a href=\"https:\/\/astrotea.pl\/en\/services\/web-design\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Graphic design (UI)<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-790\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-deployments\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Implementation of the website<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-782\"><a href=\"https:\/\/astrotea.pl\/en\/services\/responsive-websites\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Responsiveness<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-784\"><a href=\"https:\/\/astrotea.pl\/en\/services\/seo-wordpress-optimization\/\" class=\"elementor-sub-item\" tabindex=\"-1\">SEO<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-773\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-integrations\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Integrations<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-779\"><a href=\"https:\/\/astrotea.pl\/en\/services\/fast-website\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Page speed<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-792\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-security\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Security<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-787\"><a href=\"https:\/\/astrotea.pl\/en\/services\/service-training\/\" class=\"elementor-sub-item\" tabindex=\"-1\">WordPress training<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-777\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-technical-support\/\" class=\"elementor-sub-item\" tabindex=\"-1\">Day-to-day administration<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f2cdb0 elementor-hidden-mobile elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"9f2cdb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Web development services<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5633f496 elementor-nav-menu--dropdown-none elementor-hidden-mobile elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-nav-menu\" data-id=\"5633f496\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;fa-svg-chevron-down e-font-icon-svg e-fas-chevron-down\\&quot; viewBox=\\&quot;0 0 448 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none\">\n\t\t\t\t<ul id=\"menu-1-5633f496\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-733\"><a href=\"https:\/\/astrotea.pl\/en\/services\/ux-needs-survey\/\" class=\"elementor-item\">Needs survey<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-732\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-mockup\/\" class=\"elementor-item\">Website mockup (UX)<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-729\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-copywriting\/\" class=\"elementor-item\">Copywriting<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-730\"><a href=\"https:\/\/astrotea.pl\/en\/services\/web-design\/\" class=\"elementor-item\">Graphic design (UI)<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4959\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-deployments\/\" class=\"elementor-item\">Implementation of the website<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-727\"><a href=\"https:\/\/astrotea.pl\/en\/services\/responsive-websites\/\" class=\"elementor-item\">Responsiveness<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-723\"><a href=\"https:\/\/astrotea.pl\/en\/services\/seo-wordpress-optimization\/\" class=\"elementor-item\">SEO<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-726\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-integrations\/\" class=\"elementor-item\">Integrations<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-724\"><a href=\"https:\/\/astrotea.pl\/en\/services\/fast-website\/\" class=\"elementor-item\">Page speed<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-725\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-security\/\" class=\"elementor-item\">Security<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-718\"><a href=\"https:\/\/astrotea.pl\/en\/services\/service-training\/\" class=\"elementor-item\">Training in the use of<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-722\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-technical-support\/\" class=\"elementor-item\">Day-to-day administration<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-5633f496\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-733\"><a href=\"https:\/\/astrotea.pl\/en\/services\/ux-needs-survey\/\" class=\"elementor-item\" tabindex=\"-1\">Needs survey<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-732\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-mockup\/\" class=\"elementor-item\" tabindex=\"-1\">Website mockup (UX)<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-729\"><a href=\"https:\/\/astrotea.pl\/en\/services\/website-copywriting\/\" class=\"elementor-item\" tabindex=\"-1\">Copywriting<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-730\"><a href=\"https:\/\/astrotea.pl\/en\/services\/web-design\/\" class=\"elementor-item\" tabindex=\"-1\">Graphic design (UI)<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4959\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-deployments\/\" class=\"elementor-item\" tabindex=\"-1\">Implementation of the website<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-727\"><a href=\"https:\/\/astrotea.pl\/en\/services\/responsive-websites\/\" class=\"elementor-item\" tabindex=\"-1\">Responsiveness<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-723\"><a href=\"https:\/\/astrotea.pl\/en\/services\/seo-wordpress-optimization\/\" class=\"elementor-item\" tabindex=\"-1\">SEO<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-726\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-integrations\/\" class=\"elementor-item\" tabindex=\"-1\">Integrations<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-724\"><a href=\"https:\/\/astrotea.pl\/en\/services\/fast-website\/\" class=\"elementor-item\" tabindex=\"-1\">Page speed<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-725\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-security\/\" class=\"elementor-item\" tabindex=\"-1\">Security<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-718\"><a href=\"https:\/\/astrotea.pl\/en\/services\/service-training\/\" class=\"elementor-item\" tabindex=\"-1\">Training in the use of<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-722\"><a href=\"https:\/\/astrotea.pl\/en\/services\/wordpress-technical-support\/\" class=\"elementor-item\" tabindex=\"-1\">Day-to-day administration<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2753d50d e-con-full elementor-repeater-item-ang_container_no_padding e-flex elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"2753d50d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;ang_container_no_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f8d81fe elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"7f8d81fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Website mockup <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5421b6ee elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"5421b6ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before we start designing the site graphically, we need to know two things: what subpages are to be on the site and what will be on each of them. That's why we start every project with a site map, and then create a mockup - low-fi wireframes showing the layout of sections on each subpage. Together, these two elements form the information architecture of the project.<\/p><p>This is the stage that determines the success of the entire site. Without a site map and mockup, the graphic design is just guesswork.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cf15ee elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"8cf15ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Site map<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3df9caa elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"3df9caa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A sitemap is a hierarchical list of all the subpages on a site - the main page, service subpages, blog categories, support subpages. It defines what goes to the main menu, what goes to the footer, what are the relationships between subpages.<\/p><p>This is the first document we create after <a href=\"https:\/\/astrotea.pl\/en\/services\/ux-needs-survey\/\">customer needs research<\/a>. Without a site map, it's not clear how many subpages we're making or what their scope is. The client gets the map as a diagram that can be shown to the team, commented on and approved before further work.<\/p><p>The sitemap also directly affects <a href=\"https:\/\/astrotea.pl\/en\/services\/seo-wordpress-optimization\/\">SEO<\/a> and navigation. A logical pyramid (home page \u2192 categories \u2192 service sub-pages) strengthens the positioning of the most important sub-pages and makes it easier for the user to reach information in 2-3 clicks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03952fe elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"03952fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Low fidelity wireframes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69f8560 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"69f8560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once the sitemap is approved, we move on to the mockup. A mockup of a website is a graphical skeleton of each sub-page showing the layout of the sections - no color scheme, no brand fonts, no pre-made graphics. It determines where the hero is, where the services section is, where testimonials, contact form. It shows the structure, not the look.<\/p><p>For each sub-page from the sitemap, we create an outline of the layout - the order of sections from top to bottom, the scope of content in each section, the hierarchy of headings.<\/p><p>The customer gets the information: here is a hero with a slogan and a CTA, here three blocks about services, here a section with customer reviews, here a contact form. No specific texts, no graphics - just a framework that needs to be supplemented with content. This is the material on which we start <a href=\"https:\/\/astrotea.pl\/en\/services\/website-copywriting\/\">content<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d9167 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"b5d9167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why are we making a mock-up?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9aa7b6 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"a9aa7b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The mockup is not another stage \u201eto be ticked off\u201d - it is a working document that determines the success of the entire project. It serves three functions:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7ef534 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-n-accordion\" data-id=\"a7ef534\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1760\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1760\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> It is a material for the preparation of content <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1760\" class=\"elementor-element elementor-element-5e37ae5 e-con-full e-flex elementor-repeater-item-default_padding elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"5e37ae5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;default_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8df4c elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"3b8df4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The client gets a mock-up from us and sees what sections are on each subpage, how much text will fit there, what is missing. As a result, we do not write generic texts, but ones that fit perfectly into the structure of the site and specific places in the layout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1761\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1761\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> It shows what is still missing <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1761\" class=\"elementor-element elementor-element-85568e9 e-con-full e-flex elementor-repeater-item-default_padding elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"85568e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;default_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7afd4d6 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"7afd4d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At the mockup stage, it often turns out that an additional element is needed - an FAQ section, a subpage with a process, an additional CTA. It's easier to add this in a sketch than on a finished graphic design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1762\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1762\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h3 class=\"e-n-accordion-item-title-text\"> Eliminates costly changes at later stages <\/h3><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1762\" class=\"elementor-element elementor-element-4ae2815 e-con-full e-flex elementor-repeater-item-default_padding elementor-repeater-item-none elementor-repeater-item-none_hover e-con e-child\" data-id=\"4ae2815\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ang_container_spacing_size&quot;:&quot;default_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94b44aa elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-text-editor\" data-id=\"94b44aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Correcting the layout in a low-fi mockup is a few minutes. Correcting the same on an approved design in Figma or on a deployed site - hours of work.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fc98f4 e-con-full elementor-repeater-item-none_hover e-flex elementor-repeater-item-default_padding sk-none elementor-repeater-item-none e-con e-child\" data-id=\"7fc98f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ang_container_spacing_size&quot;:&quot;default_padding&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f86369 elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-heading\" data-id=\"6f86369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What do you get at the end of this stage?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6046bee elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-repeater-item-none elementor-repeater-item-none_hover elementor-widget elementor-widget-icon-list\" data-id=\"6046bee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.32 14.16L7.74 11.58C7.52 11.36 7.24 11.25 6.9 11.25C6.56 11.25 6.28 11.36 6.06 11.58C5.84 11.8 5.73 12.08 5.73 12.42C5.73 12.76 5.84 13.04 6.06 13.26L9.48 16.68C9.72 16.92 10 17.04 10.32 17.04C10.64 17.04 10.92 16.92 11.16 16.68L17.94 9.9C18.16 9.68 18.27 9.4 18.27 9.06C18.27 8.72 18.16 8.44 17.94 8.22C17.72 8 17.44 7.89 17.1 7.89C16.76 7.89 16.48 8 16.26 8.22L10.32 14.16ZM12 24C10.34 24 8.78 23.685 7.32 23.055C5.86 22.425 4.59 21.57 3.51 20.49C2.43 19.41 1.575 18.14 0.945 16.68C0.315 15.22 0 13.66 0 12C0 10.34 0.315 8.78 0.945 7.32C1.575 5.86 2.43 4.59 3.51 3.51C4.59 2.43 5.86 1.575 7.32 0.945C8.78 0.315 10.34 0 12 0C13.66 0 15.22 0.315 16.68 0.945C18.14 1.575 19.41 2.43 20.49 3.51C21.57 4.59 22.425 5.86 23.055 7.32C23.685 8.78 24 10.34 24 12C24 13.66 23.685 15.22 23.055 16.68C22.425 18.14 21.57 19.41 20.49 20.49C19.41 21.57 18.14 22.425 16.68 23.055C15.22 23.685 13.66 24 12 24Z\" fill=\"#6465CF\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Site map in the form of a hierarchical diagram<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.32 14.16L7.74 11.58C7.52 11.36 7.24 11.25 6.9 11.25C6.56 11.25 6.28 11.36 6.06 11.58C5.84 11.8 5.73 12.08 5.73 12.42C5.73 12.76 5.84 13.04 6.06 13.26L9.48 16.68C9.72 16.92 10 17.04 10.32 17.04C10.64 17.04 10.92 16.92 11.16 16.68L17.94 9.9C18.16 9.68 18.27 9.4 18.27 9.06C18.27 8.72 18.16 8.44 17.94 8.22C17.72 8 17.44 7.89 17.1 7.89C16.76 7.89 16.48 8 16.26 8.22L10.32 14.16ZM12 24C10.34 24 8.78 23.685 7.32 23.055C5.86 22.425 4.59 21.57 3.51 20.49C2.43 19.41 1.575 18.14 0.945 16.68C0.315 15.22 0 13.66 0 12C0 10.34 0.315 8.78 0.945 7.32C1.575 5.86 2.43 4.59 3.51 3.51C4.59 2.43 5.86 1.575 7.32 0.945C8.78 0.315 10.34 0 12 0C13.66 0 15.22 0.315 16.68 0.945C18.14 1.575 19.41 2.43 20.49 3.51C21.57 4.59 22.425 5.86 23.055 7.32C23.685 8.78 24 10.34 24 12C24 13.66 23.685 15.22 23.055 16.68C22.425 18.14 21.57 19.41 20.49 20.49C19.41 21.57 18.14 22.425 16.68 23.055C15.22 23.685 13.66 24 12 24Z\" fill=\"#6465CF\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Low-fi wireframes of all subpages - in Figma software<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.32 14.16L7.74 11.58C7.52 11.36 7.24 11.25 6.9 11.25C6.56 11.25 6.28 11.36 6.06 11.58C5.84 11.8 5.73 12.08 5.73 12.42C5.73 12.76 5.84 13.04 6.06 13.26L9.48 16.68C9.72 16.92 10 17.04 10.32 17.04C10.64 17.04 10.92 16.92 11.16 16.68L17.94 9.9C18.16 9.68 18.27 9.4 18.27 9.06C18.27 8.72 18.16 8.44 17.94 8.22C17.72 8 17.44 7.89 17.1 7.89C16.76 7.89 16.48 8 16.26 8.22L10.32 14.16ZM12 24C10.34 24 8.78 23.685 7.32 23.055C5.86 22.425 4.59 21.57 3.51 20.49C2.43 19.41 1.575 18.14 0.945 16.68C0.315 15.22 0 13.66 0 12C0 10.34 0.315 8.78 0.945 7.32C1.575 5.86 2.43 4.59 3.51 3.51C4.59 2.43 5.86 1.575 7.32 0.945C8.78 0.315 10.34 0 12 0C13.66 0 15.22 0.315 16.68 0.945C18.14 1.575 19.41 2.43 20.49 3.51C21.57 4.59 22.425 5.86 23.055 7.32C23.685 8.78 24 10.34 24 12C24 13.66 23.685 15.22 23.055 16.68C22.425 18.14 21.57 19.41 20.49 20.49C19.41 21.57 18.14 22.425 16.68 23.055C15.22 23.685 13.66 24 12 24Z\" fill=\"#6465CF\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Text file to fill in missing content<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M10.32 14.16L7.74 11.58C7.52 11.36 7.24 11.25 6.9 11.25C6.56 11.25 6.28 11.36 6.06 11.58C5.84 11.8 5.73 12.08 5.73 12.42C5.73 12.76 5.84 13.04 6.06 13.26L9.48 16.68C9.72 16.92 10 17.04 10.32 17.04C10.64 17.04 10.92 16.92 11.16 16.68L17.94 9.9C18.16 9.68 18.27 9.4 18.27 9.06C18.27 8.72 18.16 8.44 17.94 8.22C17.72 8 17.44 7.89 17.1 7.89C16.76 7.89 16.48 8 16.26 8.22L10.32 14.16ZM12 24C10.34 24 8.78 23.685 7.32 23.055C5.86 22.425 4.59 21.57 3.51 20.49C2.43 19.41 1.575 18.14 0.945 16.68C0.315 15.22 0 13.66 0 12C0 10.34 0.315 8.78 0.945 7.32C1.575 5.86 2.43 4.59 3.51 3.51C4.59 2.43 5.86 1.575 7.32 0.945C8.78 0.315 10.34 0 12 0C13.66 0 15.22 0.315 16.68 0.945C18.14 1.575 19.41 2.43 20.49 3.51C21.57 4.59 22.425 5.86 23.055 7.32C23.685 8.78 24 10.34 24 12C24 13.66 23.685 15.22 23.055 16.68C22.425 18.14 21.57 19.41 20.49 20.49C19.41 21.57 18.14 22.425 16.68 23.055C15.22 23.685 13.66 24 12 24Z\" fill=\"#6465CF\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Confidence that the graphic design takes off on an approved structure<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Makieta strony www Zanim zaczniemy projektowa\u0107 stron\u0119 graficznie, musimy wiedzie\u0107 dwie rzeczy: jakie podstrony maj\u0105 by\u0107 w serwisie i co znajdzie si\u0119 na ka\u017cdej z nich. Dlatego ka\u017cdy projekt zaczynamy od mapy strony, a nast\u0119pnie tworzymy makiet\u0119 (low-fi wireframes) pokazuj\u0105c\u0105 uk\u0142ad sekcji na ka\u017cdej podstronie. Razem te dwa elementy tworz\u0105 architektur\u0119 informacji projektu. To etap, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":804,"parent":638,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-688","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Makieta strony www i architektura informacji \u2022 Astrotea<\/title>\n<meta name=\"description\" content=\"Makieta strony www to architektura informacji Twojej witryny: mapa podstron i low-fi wireframes z zakresem tre\u015bci. Zobacz, jak przygotowujemy ten etap.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/astrotea.pl\/en\/services\/website-mockup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Makieta strony www\" \/>\n<meta property=\"og:description\" content=\"Makieta strony www to architektura informacji Twojej witryny: mapa podstron i low-fi wireframes z zakresem tre\u015bci. Zobacz, jak przygotowujemy ten etap.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/astrotea.pl\/en\/services\/website-mockup\/\" \/>\n<meta property=\"og:site_name\" content=\"Astrotea\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/astrotea.agency\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-30T12:19:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/astrotea.pl\/wp-content\/uploads\/featured-architektura-informacji.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/\",\"url\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/\",\"name\":\"Makieta strony www i architektura informacji \u2022 Astrotea\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/astrotea.pl\\\/wp-content\\\/uploads\\\/featured-architektura-informacji.webp\",\"datePublished\":\"2023-11-10T22:55:13+00:00\",\"dateModified\":\"2026-06-30T12:19:51+00:00\",\"description\":\"Makieta strony www to architektura informacji Twojej witryny: mapa podstron i low-fi wireframes z zakresem tre\u015bci. Zobacz, jak przygotowujemy ten etap.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/#primaryimage\",\"url\":\"https:\\\/\\\/astrotea.pl\\\/wp-content\\\/uploads\\\/featured-architektura-informacji.webp\",\"contentUrl\":\"https:\\\/\\\/astrotea.pl\\\/wp-content\\\/uploads\\\/featured-architektura-informacji.webp\",\"width\":1000,\"height\":1000,\"caption\":\"makieta strony www\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/makieta-strony-www\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/astrotea.pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Us\u0142ugi tworzenia stron internetowych od A do Z\",\"item\":\"https:\\\/\\\/astrotea.pl\\\/uslugi\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Makieta strony www\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#website\",\"url\":\"https:\\\/\\\/astrotea.pl\\\/\",\"name\":\"Astrotea Agencja Wordpress\",\"description\":\"Agencja WordPress - strony www dla firm\",\"publisher\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#organization\"},\"alternateName\":\"Astrotea\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/astrotea.pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#organization\",\"name\":\"Agencja Astrotea\",\"alternateName\":\"Astrotea\",\"url\":\"https:\\\/\\\/astrotea.pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/astrotea.pl\\\/wp-content\\\/uploads\\\/astrotea.webp\",\"contentUrl\":\"https:\\\/\\\/astrotea.pl\\\/wp-content\\\/uploads\\\/astrotea.webp\",\"width\":420,\"height\":71,\"caption\":\"Agencja Astrotea\"},\"image\":{\"@id\":\"https:\\\/\\\/astrotea.pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/astrotea.agency\",\"https:\\\/\\\/www.instagram.com\\\/astrotea_agency\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Website Mockup and Information Architecture \u2022 Astrotea","description":"A website mockup is the information architecture of your site: a site map and low-fi wireframes with content outlines. See how we approach this stage.","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:\/\/astrotea.pl\/en\/services\/website-mockup\/","og_locale":"en_US","og_type":"article","og_title":"Makieta strony www","og_description":"Makieta strony www to architektura informacji Twojej witryny: mapa podstron i low-fi wireframes z zakresem tre\u015bci. Zobacz, jak przygotowujemy ten etap.","og_url":"https:\/\/astrotea.pl\/en\/services\/website-mockup\/","og_site_name":"Astrotea","article_publisher":"https:\/\/www.facebook.com\/astrotea.agency","article_modified_time":"2026-06-30T12:19:51+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/astrotea.pl\/wp-content\/uploads\/featured-architektura-informacji.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/","url":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/","name":"Website Mockup and Information Architecture \u2022 Astrotea","isPartOf":{"@id":"https:\/\/astrotea.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/#primaryimage"},"image":{"@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/#primaryimage"},"thumbnailUrl":"https:\/\/astrotea.pl\/wp-content\/uploads\/featured-architektura-informacji.webp","datePublished":"2023-11-10T22:55:13+00:00","dateModified":"2026-06-30T12:19:51+00:00","description":"A website mockup is the information architecture of your site: a site map and low-fi wireframes with content outlines. See how we approach this stage.","breadcrumb":{"@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/#primaryimage","url":"https:\/\/astrotea.pl\/wp-content\/uploads\/featured-architektura-informacji.webp","contentUrl":"https:\/\/astrotea.pl\/wp-content\/uploads\/featured-architektura-informacji.webp","width":1000,"height":1000,"caption":"makieta strony www"},{"@type":"BreadcrumbList","@id":"https:\/\/astrotea.pl\/uslugi\/makieta-strony-www\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/astrotea.pl\/"},{"@type":"ListItem","position":2,"name":"Us\u0142ugi tworzenia stron internetowych od A do Z","item":"https:\/\/astrotea.pl\/uslugi\/"},{"@type":"ListItem","position":3,"name":"Makieta strony www"}]},{"@type":"WebSite","@id":"https:\/\/astrotea.pl\/#website","url":"https:\/\/astrotea.pl\/","name":"Astrotea Wordpress Agency","description":"WordPress agency - websites for companies","publisher":{"@id":"https:\/\/astrotea.pl\/#organization"},"alternateName":"Astrotea","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/astrotea.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/astrotea.pl\/#organization","name":"Astrotea Agency","alternateName":"Astrotea","url":"https:\/\/astrotea.pl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/astrotea.pl\/#\/schema\/logo\/image\/","url":"https:\/\/astrotea.pl\/wp-content\/uploads\/astrotea.webp","contentUrl":"https:\/\/astrotea.pl\/wp-content\/uploads\/astrotea.webp","width":420,"height":71,"caption":"Agencja Astrotea"},"image":{"@id":"https:\/\/astrotea.pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/astrotea.agency","https:\/\/www.instagram.com\/astrotea_agency"]}]}},"_links":{"self":[{"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/pages\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":4,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":5195,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/pages\/688\/revisions\/5195"}],"up":[{"embeddable":true,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/pages\/638"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/media\/804"}],"wp:attachment":[{"href":"https:\/\/astrotea.pl\/en\/wp-json\/wp\/v2\/media?parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}