{"id":964,"date":"2024-10-15T14:00:09","date_gmt":"2024-10-15T14:00:09","guid":{"rendered":"https:\/\/rootbine.com\/portfolio\/strona-internetowa-dla-biura-nieruchomosci-vista-wawer\/"},"modified":"2024-10-28T02:21:04","modified_gmt":"2024-10-28T02:21:04","slug":"strona-internetowa-nieruchomosci-vista-wawer","status":"publish","type":"portfolio","link":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/","title":{"rendered":"Strona internetowa Nieruchomo\u015bci Vista Wawer"},"content":{"rendered":"\n
\n
\n
\n
\n
<\/div> <\/div>\n

\n Strona internetowa Nieruchomo\u015bci Vista Wawer <\/h1>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n
\n

Zakodowanie strony internetowej dla dewelopera nieruchomo\u015bci \u201eVista Wawer\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

1 miesi\u0105c 2 tygodnie<\/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 725 079 255<\/a>\n <\/div>\n
\n
\n \"\"\n <\/div>\n kamil.ml@rootbine.com<\/a>\n <\/div>\n \n
\n \"\"\n <\/div>\n <\/a>\n <\/div>\n<\/div>

Kamil Mlonek<\/p>\n

CTO, Full stack developer<\/p>\n

<\/div>Wi\u0119cej o Kamilu<\/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

Wdro\u017cenie tabelarycznego wyszukiwania nieruchomo\u015bci<\/p>\n

Opracowanie dynamicznego systemu wyszukiwania, kt\u00f3ry umo\u017cliwia u\u017cytkownikom filtrowanie apartament\u00f3w bez prze\u0142adowania strony.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Integracja wizualnej mapy wyszukiwania<\/p>\n

Zaprojektowanie systemu opartego na SVG i JavaScript, kt\u00f3ry pozwala u\u017cytkownikom wybiera\u0107 pi\u0119tra i naje\u017cd\u017ca\u0107 kursorem na apartamenty w celu wy\u015bwietlenia szczeg\u00f3\u0142owych informacji, takich jak numer apartamentu, jego wielko\u015b\u0107, liczba pokoi oraz status.<\/p>\n <\/div>\n <\/div>\n <\/div>\n

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

Integracja z WordPress<\/p>\n

Umo\u017cliwienie zarz\u0105dzania tre\u015bci\u0105 w spos\u00f3b, kt\u00f3ry pozwala na \u0142atw\u0105 aktualizacj\u0119 szczeg\u00f3\u0142\u00f3w apartament\u00f3w, zdj\u0119\u0107 i opis\u00f3w na stronie internetowej.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

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

Wdro\u017cenie automatycznego wype\u0142niania formularza kontaktowego dla ka\u017cdego apartamentu, co przyspiesza i personalizuje komunikacj\u0119 mi\u0119dzy potencjalnymi nabywcami a biurem 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 sze\u015bciu unikalnych projekt\u00f3w dostarczonych przez grafika klienta, przy u\u017cyciu HTML, CSS, JavaScript i PHP. Strona zosta\u0142a w pe\u0142ni zintegrowana z WordPressem za pomoc\u0105 wtyczki Advanced Custom Fields (ACF), co umo\u017cliwi\u0142o klientowi edytowanie wszystkich obraz\u00f3w i tekst\u00f3w na stronie. Kluczowym elementem projektu by\u0142 system wyszukiwania nieruchomo\u015bci bez prze\u0142adowania, zbudowany przy u\u017cyciu AJAX, kt\u00f3ry pozwala u\u017cytkownikom filtrowa\u0107 apartamenty wed\u0142ug parametr\u00f3w, takich jak wielko\u015b\u0107, pi\u0119tro, liczba pokoi oraz typ nieruchomo\u015bci (mieszkanie lub lokal). U\u017cytkownicy mogli r\u00f3wnie\u017c sortowa\u0107 wyniki w porz\u0105dku rosn\u0105cym lub malej\u0105cym na podstawie tych samych parametr\u00f3w.<\/p>\n

Dodatkowo wprowadzono interaktywn\u0105 map\u0119 wyszukiwania wizualnego, wykorzystuj\u0105c SVG. U\u017cytkownicy mogli naje\u017cd\u017ca\u0107 kursorem na apartamenty na mapie, aby uzyska\u0107 szczeg\u00f3\u0142owe informacje, takie jak numer apartamentu, jego wielko\u015b\u0107, liczba pokoi oraz status. JavaScript dynamicznie wy\u015bwietla\u0142 te informacje, pobieraj\u0105c dane z atrybut\u00f3w SVG. Je\u015bli apartament by\u0142 dost\u0119pny, klikni\u0119cie na niego otwiera\u0142o sekcj\u0119 ze szczeg\u00f3\u0142ami, gdzie mo\u017cna by\u0142o pobra\u0107 kart\u0119 apartamentu oraz wys\u0142a\u0107 wype\u0142niony formularz zapytania dotycz\u0105cy konkretnego apartamentu.<\/p>\n

Strona zosta\u0142a zoptymalizowana pod k\u0105tem wydajno\u015bci, aby zapewni\u0107 kr\u00f3tkie czasy \u0142adowania i kompatybilno\u015b\u0107 z r\u00f3\u017cnymi przegl\u0105darkami. Przeprowadzono r\u00f3wnie\u017c szczeg\u00f3\u0142owe testy, aby upewni\u0107 si\u0119, \u017ce wszystkie funkcje dzia\u0142aj\u0105 p\u0142ynnie na r\u00f3\u017cnych urz\u0105dzeniach. <\/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

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

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

PHP<\/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 doprowadzi\u0142 do stworzenia responsywnej strony internetowej dla biura nieruchomo\u015bci, kt\u00f3ra \u0142\u0105czy zaawansowane wyszukiwanie oparte na AJAX z interaktywn\u0105 map\u0105 wizualn\u0105. Integracja z WordPressem i ACF u\u0142atwi\u0142a klientowi aktualizowanie ofert apartament\u00f3w, a spersonalizowane formularze kontaktowe poprawi\u0142y komunikacj\u0119 z u\u017cytkownikami. Strona zosta\u0142a zoptymalizowana pod k\u0105tem szybko\u015bci dzia\u0142ania i przetestowana w r\u00f3\u017cnych przegl\u0105darkach, co zapewnia p\u0142ynne i efektywne dzia\u0142anie. <\/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 lokalizacja<\/p>\n

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

Podstrona inwestora<\/p>\n

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

Funding page<\/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 lokalizacja<\/p>\n

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

Podstrona inwestora<\/p>\n

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

Funding page<\/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":"

Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\u201d<\/p>\n","protected":false},"template":"","meta":{"_acf_changed":false},"portfolio-category":[39],"portfolio-industry":[35],"portfolio-country":[28],"class_list":["post-964","portfolio","type-portfolio","status-publish","hentry","portfolio-category-strony-www"],"acf":[],"yoast_head":"\nStrona internetowa Nieruchomo\u015bci Vista Wawer – Rootbine<\/title>\n<meta name=\"description\" content=\"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\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-vista-wawer\/\" \/>\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 Vista Wawer – Rootbine\" \/>\n<meta property=\"og:description\" content=\"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\u201d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/\" \/>\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-28T02:21:04+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-vista-wawer\/\",\"url\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/\",\"name\":\"Strona internetowa Nieruchomo\u015bci Vista Wawer – Rootbine\",\"isPartOf\":{\"@id\":\"https:\/\/rootbine.com\/pl\/#website\"},\"datePublished\":\"2024-10-15T14:00:09+00:00\",\"dateModified\":\"2024-10-28T02:21:04+00:00\",\"description\":\"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\u201d\",\"breadcrumb\":{\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portfolio\",\"item\":\"https:\/\/rootbine.com\/pl\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strona internetowa Nieruchomo\u015bci Vista Wawer\"}]},{\"@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 Vista Wawer – Rootbine","description":"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\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-vista-wawer\/","og_locale":"pl_PL","og_type":"article","og_title":"Strona internetowa Nieruchomo\u015bci Vista Wawer – Rootbine","og_description":"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\u201d","og_url":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/","og_site_name":"Rootbine","article_publisher":"https:\/\/www.facebook.com\/rootbinecom","article_modified_time":"2024-10-28T02:21:04+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-vista-wawer\/","url":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/","name":"Strona internetowa Nieruchomo\u015bci Vista Wawer – Rootbine","isPartOf":{"@id":"https:\/\/rootbine.com\/pl\/#website"},"datePublished":"2024-10-15T14:00:09+00:00","dateModified":"2024-10-28T02:21:04+00:00","description":"Strona internetowa dla dewelopera nieruchomo\u015bci \u201eVista Wawer\u201d","breadcrumb":{"@id":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-nieruchomosci-vista-wawer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portfolio","item":"https:\/\/rootbine.com\/pl\/portfolio\/"},{"@type":"ListItem","position":2,"name":"Strona internetowa Nieruchomo\u015bci Vista Wawer"}]},{"@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\/964","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=964"}],"wp:term":[{"taxonomy":"portfolio-category","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-category?post=964"},{"taxonomy":"portfolio-industry","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-industry?post=964"},{"taxonomy":"portfolio-country","embeddable":true,"href":"https:\/\/rootbine.com\/pl\/wp-json\/wp\/v2\/portfolio-country?post=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}