{"id":965,"date":"2024-10-15T14:19:52","date_gmt":"2024-10-15T14:19:52","guid":{"rendered":"https:\/\/rootbine.com\/portfolio\/strona-internetowa-biura-nieruchomosci-kamienica-siemensa\/"},"modified":"2024-10-27T18:00:20","modified_gmt":"2024-10-27T18:00:20","slug":"strona-internetowa-nieruchomosci-kamienica-siemensa","status":"publish","type":"portfolio","link":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/","title":{"rendered":"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa"},"content":{"rendered":"\n
\n
\n
\n
\n
<\/div> <\/div>\n

\n Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa <\/h1>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n
\n

Zakodowanie strony internetowej dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d<\/h2>\n \n
<\/div>\n Podgl\u0105d na \u017cywo<\/span>\n <\/a>\n <\/div>\n
\n
\n

Klient<\/p>\n

Rednet<\/p>\n <\/div>\n

\n

Bran\u017ca<\/p>\n

Nieruchomo\u015bci<\/p>\n <\/div>\n

\n

Czas trwania<\/p>\n

2 miesi\u0105ce<\/p>\n <\/div>\n

\n

Lokalizacja<\/p>\n

Polska<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n

\n Autor projektu<\/span>\n <\/h2>\n
\n
\n
\n
\n \n
\n \"\"
\n
\n
\n \"\"\n <\/div>\n +48 791 749 703<\/a>\n <\/div>\n
\n
\n \"\"\n <\/div>\n rafal.m@rootbine.com<\/a>\n <\/div>\n \n
\n \"\"\n <\/div>\n <\/a>\n <\/div>\n<\/div>

Rafa\u0142 Majdan<\/p>\n

CEO, WordPress developer<\/p>\n

<\/div>Wi\u0119cej o Rafale<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n

Cele<\/h2>\n
\n
\n
\n
<\/div>\n
\n

Implementacja projektu<\/p>\n

Przekszta\u0142cenie projektu graficznego klienta w funkcjonaln\u0105 stron\u0119 internetow\u0105, z zachowaniem koncepcji wizualnej oraz pe\u0142nej responsywno\u015bci.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Zaawansowane filtrowanie i wyszukiwanie<\/p>\n

Opracowanie funkcji wyszukiwania wizualnego z wykorzystaniem SVG oraz klasycznego, opartego na tabeli dla apartament\u00f3w i powierzchni komercyjnych, aby umo\u017cliwi\u0107 filtrowanie w czasie rzeczywistym bez konieczno\u015bci prze\u0142adowania strony.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Integracja CMS<\/p>\n

Stworzenie panelu administracyjnego przy u\u017cyciu WordPressa i ACF, daj\u0105cego klientowi pe\u0142n\u0105 kontrol\u0119 nad edytowaniem tekst\u00f3w, obraz\u00f3w oraz zarz\u0105dzaniem szczeg\u00f3\u0142ami apartament\u00f3w.<\/p>\n <\/div>\n <\/div>\n <\/div>\n

\n
\n
<\/div>\n
\n

Dostosowanie i personalizacja formularzy kontaktowych<\/p>\n

Wdro\u017cenie automatycznego wype\u0142niania formularza kontaktowego dla ka\u017cdego apartamentu, aby przyspieszy\u0107 i spersonalizowa\u0107 komunikacj\u0119 mi\u0119dzy potencjalnymi nabywcami, a biurem nieruchomo\u015bci.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Z\u0142o\u017cony uk\u0142ad z zaawansowanymi elementami<\/p>\n

Opracowanie strony internetowej z niestandardowym, z\u0142o\u017conym uk\u0142adem, kt\u00f3ry zawiera unikalnie zaprojektowane sekcje. Projekt obejmuje wdro\u017cenie zaawansowanych slider\u00f3w prezentuj\u0105cych wyr\u00f3\u017cnione apartamenty oraz rozbudowanego systemu galerii, kt\u00f3ry zapewnia szczeg\u00f3\u0142ow\u0105 wizualizacj\u0119 nieruchomo\u015bci. <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n
\n
\n

Przegl\u0105d implementacji<\/h2>\n
\n

Projekt rozpocz\u0105\u0142 si\u0119 od zakodowania designu klienta przy u\u017cyciu HTML, SCSS, JavaScript i PHP. Strona zosta\u0142a w pe\u0142ni zintegrowana z WordPressem oraz Advanced Custom Fields (ACF), co umo\u017cliwia klientowi \u0142atwe zarz\u0105dzanie tre\u015bci\u0105, obrazami oraz informacjami o apartamentach.<\/p>\n

Wyszukiwanie wizualne zosta\u0142o oparte o SVG i JavaScript. U\u017cytkownicy mog\u0105 wybiera\u0107 pi\u0119tra budynku, przegl\u0105da\u0107 plany pi\u0119ter, a po klikni\u0119ciu na apartament zobaczy\u0107 jego szczeg\u00f3\u0142owy uk\u0142ad wraz z formularzem kontaktowym. Dodatkowo, plan pi\u0119tra przesuwa si\u0119 w zale\u017cno\u015bci od ruchu myszy, co pozwala u\u017cytkownikom na odkrywanie r\u00f3\u017cnych cz\u0119\u015bci pi\u0119tra przez samo poruszanie mysz\u0105. Wszystkie szczeg\u00f3\u0142y apartament\u00f3w, takie jak status dost\u0119pno\u015bci, mog\u0105 by\u0107 edytowane bezpo\u015brednio w panelu CMS.<\/p>\n

Wyszukiwanie tabelaryczne wykorzystuje AJAX, umo\u017cliwiaj\u0105c filtrowanie wed\u0142ug parametr\u00f3w, takich jak liczba pokoi, pi\u0119tro, wielko\u015b\u0107 i dost\u0119pno\u015b\u0107. Wyniki s\u0105 wy\u015bwietlane dynamicznie, bez prze\u0142adowania strony. Klikni\u0119cie na dowolny wiersz tabeli rozwija szczeg\u00f3\u0142y, wy\u015bwietlaj\u0105c wype\u0142niony formularz kontaktowy z informacjami o apartamencie.<\/p>\n

Obie metody wyszukiwania zosta\u0142y zoptymalizowane pod k\u0105tem wydajno\u015bci i responsywno\u015bci. Strona zosta\u0142a przetestowana na r\u00f3\u017cnych przegl\u0105darkach, aby zapewni\u0107 pe\u0142n\u0105 kompatybilno\u015b\u0107. <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n

\n
\n

Zastosowane technologie<\/h2>\n
\n
\n
\n
\n
\n \"\" <\/div>\n

HTML<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

CSS<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

SASS\/SCSS<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

Javascript<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

PHP<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

WordPress<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

Webpack<\/p>\n <\/div>\n <\/div>\n

\n
\n
\n \"\" <\/div>\n

GIT<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

<\/div>\n\n
\n
\n
\n

Podsumowanie<\/h2>\n
\n

Projekt dostarczy\u0142 w pe\u0142ni interaktywn\u0105 stron\u0119 internetow\u0105, \u0142\u0105cz\u0105c nowoczesny design z zaawansowanymi funkcjami przegl\u0105dania apartament\u00f3w. Dzi\u0119ki integracji z ACF klient ma pe\u0142n\u0105 kontrol\u0119 nad tre\u015bci\u0105 i danymi o apartamentach. Strona jest szybka i responsywna, gwarantuj\u0105c pozytywne do\u015bwiadczenie u\u017cytkownika dzi\u0119ki m.in. dynamicznemu filtrowaniu. <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n
\n

Galeria<\/h2>\n
<\/div>Podgl\u0105d na \u017cywo<\/span><\/a>\n
<\/div>\n
<\/div>\n <\/div>\n
\n
\n \n
\n \n \n \"\"
\n

Strona g\u0142\u00f3wna<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona mieszkania<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona lokalizacja<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona dewelopera<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona wyko\u0144czenia<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Strona galerii<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Strona g\u0142\u00f3wna<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona mieszkania<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona lokalizacja<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona dewelopera<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Podstrona wyko\u0144czenia<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div>\n
\n \n \n \"\"
\n

Strona galerii<\/p>\n

\n \"\"\n \"\"\n \"\"\n \"\"\n <\/div>\n <\/div>\n <\/a>\n \n <\/div> <\/div>\n <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"

Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d<\/p>\n","protected":false},"template":"","meta":{"_acf_changed":false},"portfolio-category":[39],"portfolio-industry":[35],"portfolio-country":[28],"class_list":["post-965","portfolio","type-portfolio","status-publish","hentry","portfolio-category-strony-www"],"acf":[],"yoast_head":"\nStrona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine<\/title>\n<meta name=\"description\" content=\"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine\" \/>\n<meta property=\"og:description\" content=\"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/\" \/>\n<meta property=\"og:site_name\" content=\"Rootbine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rootbinecom\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-27T18:00:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/\",\"url\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/\",\"name\":\"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine\",\"isPartOf\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#website\"},\"datePublished\":\"2024-10-15T14:19:52+00:00\",\"dateModified\":\"2024-10-27T18:00:20+00:00\",\"description\":\"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d\",\"breadcrumb\":{\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portfolio\",\"item\":\"https:\/\/rootbine.com\/pl\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rootbine.com\/pl\/#website\",\"url\":\"https:\/\/rootbine.com\/pl\/\",\"name\":\"Rootbine\",\"description\":\"Get to the root of your coding needs.\",\"publisher\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rootbine.com\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rootbine.com\/pl\/#organization\",\"name\":\"Rootbine\",\"url\":\"https:\/\/rootbine.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg\",\"contentUrl\":\"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg\",\"caption\":\"Rootbine\"},\"image\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/rootbinecom\",\"https:\/\/www.linkedin.com\/company\/rootbine\",\"https:\/\/www.instagram.com\/rootbinecom\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine","description":"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d","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:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/","og_locale":"pl_PL","og_type":"article","og_title":"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine","og_description":"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d","og_url":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/","og_site_name":"Rootbine","article_publisher":"https:\/\/www.facebook.com\/rootbinecom","article_modified_time":"2024-10-27T18:00:20+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/","url":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/","name":"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa – Rootbine","isPartOf":{"@id":"https:\/\/rootbine.com\/pl\/#website"},"datePublished":"2024-10-15T14:19:52+00:00","dateModified":"2024-10-27T18:00:20+00:00","description":"Zaawansowana strona internetowa dla dewelopera nieruchomo\u015bci \u201eKamienica Siemensa\u201d","breadcrumb":{"@id":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-kamienica-siemensa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portfolio","item":"https:\/\/rootbine.com\/pl\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Strona Internetowa Nieruchomo\u015bci Kamienica Siemensa"}]},{"@type":"WebSite","@id":"https:\/\/rootbine.com\/pl\/#website","url":"https:\/\/rootbine.com\/pl\/","name":"Rootbine","description":"Get to the root of your coding needs.","publisher":{"@id":"https:\/\/rootbine.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rootbine.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/rootbine.com\/pl\/#organization","name":"Rootbine","url":"https:\/\/rootbine.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg","contentUrl":"https:\/\/rootbine.com\/wp-content\/uploads\/2024\/02\/Rootbine-logo.svg","caption":"Rootbine"},"image":{"@id":"https:\/\/rootbine.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/rootbinecom","https:\/\/www.linkedin.com\/company\/rootbine","https:\/\/www.instagram.com\/rootbinecom"]}]}},"_links":{"self":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio\/965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:attachment":[{"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/media?parent=965"}],"wp:term":[{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-category?post=965"},{"taxonomy":"portfolio-industry","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-industry?post=965"},{"taxonomy":"portfolio-country","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-country?post=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}