{"id":962,"date":"2024-10-10T14:28:54","date_gmt":"2024-10-10T14:28:54","guid":{"rendered":"https:\/\/rootbine.com\/portfolio\/strona-internetowa-dla-biura-nieruchomosci-rednet24\/"},"modified":"2024-10-28T02:21:04","modified_gmt":"2024-10-28T02:21:04","slug":"strona-internetowa-dla-biura-nieruchomosci-rednet24","status":"publish","type":"portfolio","link":"https:\/\/rootbine.com\/pl\/portfolio\/strona-internetowa-dla-biura-nieruchomosci-rednet24\/","title":{"rendered":"Strona Internetowa dla Biura Nieruchomo\u015bci Rednet24"},"content":{"rendered":"\n
\n
\n
\n
\n
<\/div> <\/div>\n

\n Strona Internetowa dla Biura Nieruchomo\u015bci Rednet24 <\/h1>\n <\/div>\n <\/div>\n<\/section>\n
\n
\n
\n
\n

Zakodowanie strony internetowej dla biura nieruchomo\u015bci \u201eRednet24\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 4 tygodnie 2 dni<\/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 dba\u0142o\u015bci wizualnej oraz pe\u0142nej responsywno\u015bci.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Wdro\u017cenie pe\u0142nej edytowalno\u015bci tre\u015bci<\/p>\n

Integracja systemu zarz\u0105dzania tre\u015bci\u0105 WordPress, aby umo\u017cliwi\u0107 klientowi samodzielne aktualizowanie tekstu i obraz\u00f3w na wszystkich stronach.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

Niestandardowe slidery i animacje przej\u015b\u0107<\/p>\n

Wdro\u017cenie niestandardowych slider\u00f3w z unikalnymi animacjami przej\u015b\u0107 pomi\u0119dzy slajdami.<\/p>\n <\/div>\n <\/div>\n

\n
<\/div>\n
\n

\u0141adowanie post\u00f3w za pomoc\u0105 AJAX<\/p>\n

Dynamiczne \u0142adowanie tre\u015bci bez prze\u0142adowania strony.<\/p>\n <\/div>\n <\/div>\n <\/div>\n

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

Zaawansowane animacje i efekty paralaksy<\/p>\n

Stworzenie dynamicznych animacji, w tym ruchomych element\u00f3w i efekt\u00f3w paralaksy, przy u\u017cyciu biblioteki GSAP, kt\u00f3re s\u0105 animowane podczas przewijania strony przez u\u017cytkownika.<\/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 oraz rozbudowanego systemu galerii. <\/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 <\/div>\n <\/div>\n <\/div>\n<\/section>\n

\n
\n
\n

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

Projekt obejmowa\u0142 stworzenie 8 unikalnych stron opartych na widokach dostarczonych przez grafika klienta. Strona zosta\u0142a zakodowana przy u\u017cyciu HTML, CSS i JavaScript, a nast\u0119pnie zintegrowana z systemem CMS WordPress, co umo\u017cliwi\u0142o pe\u0142n\u0105 edytowalno\u015b\u0107 tre\u015bci. Wdro\u017cono wtyczk\u0119 Advanced Custom Fields (ACF), aby u\u017cytkownik m\u00f3g\u0142 \u0142atwo aktualizowa\u0107 teksty i obrazy bez potrzeby posiadania umiej\u0119tno\u015bci programistycznych. Kluczowym elementem projektu by\u0142a implementacja zaawansowanych animacji z wykorzystaniem biblioteki GSAP. Efekty paralaksy zastosowano w wybranych obrazach, przez co elementy porusza\u0142y si\u0119 dynamicznie podczas przewijania strony, aby nada\u0107 witrynie nowoczesny, dynamiczny wygl\u0105d.<\/p>\n

Strona zawiera\u0142a r\u00f3wnie\u017c niestandardowe slidery, zaprogramowane tak, aby ka\u017cdy element pojawia\u0142 si\u0119 z indywidualnie zaprojektowanymi animacjami, co wyr\u00f3\u017cnia j\u0105 na tle standardowych rozwi\u0105za\u0144. W sekcji „Zrealizowane Inwestycje” zastosowano technologi\u0119 AJAX, umo\u017cliwiaj\u0105c u\u017cytkownikom dynamiczne \u0142adowanie dodatkowych kafelk\u00f3w inwestycyjnych bez prze\u0142adowania strony. Poprawi\u0142o to do\u015bwiadczenie u\u017cytkownika.<\/p>\n

Na stronie „Rynek Wt\u00f3rny” wprowadzono system u\u0142atwiaj\u0105cy zarz\u0105dzanie ofertami mieszka\u0144 i nieruchomo\u015bci. Administratorzy mog\u0105 dodawa\u0107 nowe oferty za po\u015brednictwem panelu WordPress, a wszystkie dane (opis, obrazy, status) mo\u017cna edytowa\u0107 za pomoc\u0105 wtyczki ACF. Strona zosta\u0142a zoptymalizowana pod k\u0105tem wydajno\u015bci, szybko\u015bci oraz kompatybilno\u015bci z przegl\u0105darkami. Przeprowadzono szczeg\u00f3\u0142owe testy, aby upewni\u0107 si\u0119, \u017ce wszystkie animacje i 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

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 nowoczesn\u0105 i dynamiczn\u0105 stron\u0119 internetow\u0105 dla firmy nieruchomo\u015bci, zintegrowan\u0105 z systemem CMS WordPress oraz wtyczk\u0105 ACF. Kluczowe funkcje obejmowa\u0142y zaawansowane animacje, efekty paralaksy, niestandardowe slidery oraz dynamiczne \u0142adowanie tre\u015bci za pomoc\u0105 technologii AJAX. Strona zosta\u0142a w pe\u0142ni dostosowana do potrzeb klienta, zapewniaj\u0105c \u0142atwe zarz\u0105dzanie tre\u015bci\u0105 oraz kontrol\u0119 nad ofertami w sekcji rynku wt\u00f3rnego. <\/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 o nas<\/p>\n

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

Podstrona inwestycji<\/p>\n

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

Podstrona marketing<\/p>\n

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

Podstrona aktualno\u015bci<\/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 o nas<\/p>\n

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

Podstrona inwestycji<\/p>\n

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

Podstrona marketing<\/p>\n

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

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