{"id":9800,"date":"2023-11-05T20:06:08","date_gmt":"2023-11-05T20:06:08","guid":{"rendered":"https:\/\/boldizart.com\/?post_type=portfolio&#038;p=9800"},"modified":"2026-02-05T10:56:58","modified_gmt":"2026-02-05T10:56:58","slug":"jp-stambeno-website-redesign-and-optimization","status":"publish","type":"portfolio","link":"https:\/\/boldizart.com\/en\/portfolio\/jp-stambeno-website-redesign-and-optimization\/","title":{"rendered":"JP Stambeno &#8211; Website Redesign and Optimization"},"content":{"rendered":"    \n    <section class=\"section hero-section block  bg-default with-highlights  d-flex align-items-center\" id=\"\">\n        <div class=\"container\">\n                        <div class=\"row pb-4\">\n                                    <div class=\"col-lg-6 d-none d-lg-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper animated right-to-left ps-lg-4\">\n                            <link rel=preload href=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/portrait-worker-onalls-industrial-steel-factory_176420-42254.jpg\" as=\"image\">\n                            <img decoding=\"async\" width=\"1380\" height=\"920\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/portrait-worker-onalls-industrial-steel-factory_176420-42254.jpg\" class=\"hero-image no-lazy skip-lazy\" alt=\"JP Stambeno Majdanpek\" fetchpriority=\"high\" srcset=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/portrait-worker-onalls-industrial-steel-factory_176420-42254.jpg 1380w, https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/portrait-worker-onalls-industrial-steel-factory_176420-42254-720x480.jpg 720w\" sizes=\"(max-width: 1380px) 100vw, 1380px\" title=\"\">                        <\/div>\n                    <\/div>\n                <div class=\"col-lg-6 order-last order-lg-first d-flex align-items-center\">\n                                    <div class=\"text-content animated left-to-right\">\n                                                    <h1 class=\"h1\">JP Stambeno Website Redesign and Optimization<\/h1>\n                                                                            <div class=\"post-details d-flex align-items-center\">\n                                <div class=\"detail post-categories m-0\"><a href='https:\/\/boldizart.com\/en\/projects\/web-shop\/' rel='project' title='Web shop'>Web shop<\/a> <\/div>\n                                <div class=\"separator px-2\">|<\/div>\n                                <div class=\"detail post-date\"><i class=\"fa-regular fa-hourglass\"><\/i> 5. November<\/div>\n                                                            <\/div>\n                                                                            <div class=\"text\"><p>JP Stambeno is a government institution and their main requirement was for a website that was designed in a style that resembled a government website, but was also modern, clear, and fast.<\/p>\n<\/div>\n                                                                                                    <div class=\"cta\">\n                                                                                                    <a href=\"https:\/\/jpstambeno.rs\/\" target=\"_blank\" class=\"button btn btn-silent my-2\" rel=\"noopener\">Check out JP Stambeno                                        <i class=\"fa fa-eye ps-2\"><\/i>                                    <\/a>\n                                                            <\/div>\n                                                                    <\/div>\n                <\/div>\n            <\/div>\n\n                            <div class=\"row hero-highlights pt-4 animated bottom-to-top\">\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Main goal                                                                    <\/b>\n                                                                                                    <div class=\"text\">Fast loading, accessibility to all services, dog shelters and on-call duty.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Result                                                                    <\/b>\n                                                                                                    <div class=\"text\">A modern-looking website that supports and complies with all government standards.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight\">\n                                                                    <b class=\"label\">Approximate price                                                                    <\/b>\n                                                                                                    <div class=\"text\">The price of such a project ranges from 600 to 850 euros depending on the complexity.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper pe-lg-4\">\n                            <img decoding=\"async\" width=\"507\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/JP-Stambeno-Majdanpek-Cilj-platforme.png\" class=\"image\" alt=\"JP Stambeno Majdanpek - Cilj platforme\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated right-to-left\">\n                                                    <h2 class=\"h2\">Goal of the platform and initial requirements<\/h2>\n                                                                            <div class=\"text\"><p>When you&#8217;re in trouble, you need emergency intervention or service.<br \/>\nIn fact, that was the goal of this website: to load quickly and allow customers to quickly contact the JP Stambeno team in Majdanpek.<\/p>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-default\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated order-lg-last right-to-left d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper ps-lg-4\">\n                            <img decoding=\"async\" width=\"471\" height=\"396\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/JP-Stambeno-Majdanpek-Najveci-izazovi.png\" class=\"image\" alt=\"JP Stambeno Majdanpek - Najve\u0107i izazovi\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated left-to-right\">\n                                                    <h2 class=\"h2\">Biggest challenges<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li>Complying with and adhering to all government standards related to forms and colors.<\/li>\n<li>Vectorization of a low-quality old logo.<\/li>\n<li>A website that doesn&#8217;t look like any other in the category.<\/li>\n<li>Creating an interface that helps users to find the information they need as easily as possible.<span class=\"animating\"> Creating a functionality for the dog shelter.<\/span><\/li>\n<\/ol>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section casestudy-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-lg-8 offset-lg-2 animated top-to-bottom\">\n                                            <h2 class=\"h2 d-block text-center\">What was done<\/h2>\n                                                                <div class=\"text pb-5\"><p><span class=\"animating\">As an institution,<\/span><span class=\"animating\"> they had specific requirements that we had to meet.<\/span><\/p>\n<\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"row g-4\">\n                                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Redesign of an old, cluttered website<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"5:1-5:29\"><span class=\"animating\">We managed to turn an old and cluttered website into a real work of art that we are really proud of.<\/span><\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Unique design created for the company<\/h3>\n                                                                                        <div class=\"text\"><p><span class=\"animating\">Based on the client&#8217;s requirements,<\/span><span class=\"animating\"> our team designed a website in line with the company&#8217;s branding and the needs of the country.<\/span><\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Optimization of loading speed<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"13:1-13:138\"><span class=\"animating\">To make the website load as quickly as possible,<\/span><span class=\"animating\"> we optimized the images,<\/span><span class=\"animating\"> web fonts,<\/span><span class=\"animating\"> and other files.<\/span><span class=\"animating\"> We also implemented content caching.<\/span><\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Government form<\/h3>\n                                                                                        <div class=\"text\"><p>Every government website must contain certain documents in order for the entire organization to be transparent.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Dog shelter<\/h3>\n                                                                                        <div class=\"text\"><p><span class=\"animating\">We created a functionality that allows dogs for adoption to be added to the website,<\/span><span class=\"animating\"> as well as marking them as adopted once they have been.<\/span><\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Customized admin interface<\/h3>\n                                                                                        <div class=\"text\"><p>We created a completely customized admin interface so that even non-technical staff can easily change all content on the website.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-md-6 col-xl-4\">\n                        <div class=\"item animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Recording of video tutorials<\/h3>\n                                                                                        <div class=\"text\"><p>We recorded simple and understandable video tutorials on how to use the admin interface so that even non-technical staff can easily change the content on the website.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <section class=\"section features-section block  bg-default with-btn\" id=\"\" style=\"\">\n        <div class=\"container\">\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"text-center col-lg-8 offset-lg-2 animated top-to-bottom\">\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"h2 d-block\">Results<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n            <div class=\"row pt-4 g-4 d-flex justify-content-center\">\n                                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-line-chart\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Optimized website<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>JP Stambeno now has a fast, optimized, and technically SEO-ready website that meets all of their needs.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-bolt\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Easily accessible to clients<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>The website is responsive, adapted to mobile devices, and easily accessible to everyone who needs this type of service.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\" col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature \">\n                                <div class=\"feature-header pb-3 \">\n                                                                                                                        <div class=\"icon-container highlighted d-flex justify-content-center align-items-center\">\n                                                <i class=\"icon fa fa-star\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Different from the others<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>We created a unique and professional website that stands out in a sea of the same, while still resembling a government website.<\/p>\n<\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n\n    \n    <section class=\"section image-section block  bg-light\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-wrapper pe-lg-4\">\n                            <img decoding=\"async\" width=\"506\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/05\/JP-Stambeno-Majdanpek-Naredni-koraci.png\" class=\"image\" alt=\"JP Stambeno Majdanpek - Naredni koraci\" title=\"\">                        <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center\">\n                                    <div class=\"text-content animated right-to-left\">\n                                                    <h2 class=\"h2\">Next steps<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li data-l-s=\"15204\">Development of new functionalities that will further improve the user experience and meet the needs of the client.<\/li>\n<li>Continuous maintenance of the website to ensure stability, security,<span class=\"animating\"> and optimal speed.<\/span><\/li>\n<li>Implementation of SEO activities to increase the visibility of the website and attract new users.<\/li>\n<\/ol>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <div class=\"block-reusable \">\r\n                <section class=\"section cta-section block  bg-default\" id=\"\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-lg-8 offset-lg-2 text-content text-center\">\n                                            <h2 class=\"h2 text-center d-block animated top-to-bottom\">Do you have an idea that you want to realize and start your own business?<\/h2>\n                                                                <div class=\"text text-center animated top-to-bottom\"><p>Schedule a consultation to talk about your idea and see how we can make it happen.<\/p>\n<\/div>\n                                                                                    <div class=\"cta animated bottom-to-top\">\n                            <a href=\"https:\/\/boldizart.com\/en\/contact-information-of-web-design-agency\/\" target=\"\" class=\"button btn btn-primary\">Schedule a consultation<\/a>\n                        <\/div>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <\/div>\r\n","protected":false},"excerpt":{"rendered":"JP Stambeno is a government institution and their main requirement was for a website that was designed in a style that resembled a government website, but was also modern, clear, and fast.","protected":false},"author":1,"featured_media":12189,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"projects":[130],"class_list":["post-9800","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","projects-web-shop"],"acf":[],"_links":{"self":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/9800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/comments?post=9800"}],"version-history":[{"count":7,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/9800\/revisions"}],"predecessor-version":[{"id":17301,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/9800\/revisions\/17301"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media\/12189"}],"wp:attachment":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media?parent=9800"}],"wp:term":[{"taxonomy":"projects","embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/projects?post=9800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}