{"id":10278,"date":"2023-11-08T15:42:25","date_gmt":"2023-11-08T15:42:25","guid":{"rendered":"https:\/\/boldizart.com\/?post_type=portfolio&#038;p=10278"},"modified":"2026-07-04T07:27:17","modified_gmt":"2026-07-04T07:27:17","slug":"website-for-a-fitness-studio","status":"publish","type":"portfolio","link":"https:\/\/boldizart.com\/en\/portfolio\/website-for-a-fitness-studio\/","title":{"rendered":"Website for a fitness studio"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><section class=\"section hero-section block  bg-default with-highlights  d-flex align-items-center\" id=\"\" data-placement=\"hero\">\n        <div class=\"container\">\n                        <div class=\"row g-4 g-lg-5\">\n                                    <div class=\"col-lg-6 d-lg-flex justify-content-center align-items-center main-image-container animated right-to-left ps-xxl-5 order-lg-last \">\n                        <div class=\"image-container\">\n                            <link rel=\"preload\" href=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/Website-for-a-fitness-studio.png\" as=\"image\">\n                            <img decoding=\"async\" width=\"740\" height=\"621\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/Website-for-a-fitness-studio.png\" class=\"hero-image no-lazy skip-lazy\" alt=\"Website for a fitness studio\" fetchpriority=\"high\">                                                                                <\/div>\n                    <\/div>\n                <div class=\"col-lg-6 d-flex align-items-center pe-xxl-5 left-to-right\">\n                                    <div class=\"text-content pt-4 py-lg-4 animated\">\n                                                                                <h1 class=\"h1\">Website for a fitness studio<\/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\/classic\/\" class=\"my-1 me-1\" rel=\"project\" title=\"Classic\">Classic<\/a> <a href=\"https:\/\/boldizart.com\/en\/projects\/redesign\/\" class=\"my-1 me-1\" rel=\"project\" title=\"Redesign\">Redesign<\/a> <\/div>\n                                <div class=\"separator px-2\">|<\/div>\n                                <div class=\"detail post-date\">8. November<\/div>\n                                                            <\/div>\n                                                                            <div class=\"text\"><p>Website for a fitness studio &Scaron;mek, one of the most charismatic gyms in Novi Sad. When their old website was hacked and after we cleaned it of viruses, we took over maintenance.<\/p>\n<p>Since the site was about 5 years old, it was high time to make a new site with a more modern look.<\/p>\n<\/div>\n                                                                                                    <div class=\"cta\">\n                                                                                                    <a href=\"https:\/\/smek.rs\/\" target=\"_blank\" class=\"button btn btn-second my-2\" rel=\"noopener\">Check out &Scaron;mek                                        <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 plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">The main goal                                                                            <\/b>\n                                                                                                    <div class=\"text\">To create a modern and attractive site that follows the gym&rsquo;s style and meets all client requirements.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">Result                                                                            <\/b>\n                                                                                                    <div class=\"text\">A modern site with an improved interface that allows users to access the necessary information in a few seconds.<\/div>\n                                                            <\/div>\n                        <\/div>\n                                            <div class=\"col-12 col-md-6 col-lg-4 mb-4\">\n                            <div class=\"highlight plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">Estimated price                                                                            <\/b>\n                                                                                                    <div class=\"text\">The price of such a project ranges from 1600 &ndash; 1900 euros depending on the complexity of projects.<\/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=\"\" data-placement=\"image\">\n        <div class=\"container\">\n            <div class=\"row g-4 g-lg-5\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right pe-xxl-5 d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-container\">\n                            <img decoding=\"async\" width=\"507\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/Smek-fitness-centar-Cilj-platforme.png\" class=\"image\" alt=\"&Scaron;mek fitness centar - Cilj platforme\">                            <div class=\"image-copyright-author\"><a href=\"\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image credit: BoldizArt<\/a><\/div>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center animated right-to-left ps-xxl-5\">\n                                    <div class=\"text-content py-lg-4 animated \">\n                                                                                <h2 class=\"h2\">Website goal and initial requirements<\/h2>\n                                                                            <div class=\"text\"><p data-sourcepos=\"21:1-21:148\">The primary goal was to modernize the site with an improved user interface, as well as to get a much more professional look with the use of visuals.<\/p>\n<p data-sourcepos=\"23:1-23:113\">Also, it was necessary to do the functionality of creating training and entering terms for each of them globally.<\/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=\"\" data-placement=\"image\">\n        <div class=\"container\">\n            <div class=\"row g-4 g-lg-5\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated order-lg-last right-to-left ps-xxl-5 d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-container\">\n                            <img decoding=\"async\" width=\"471\" height=\"396\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/Smek-fitness-centar-Najveci-izazovi.png\" class=\"image\" alt=\"&Scaron;mek fitness centar - Najve&#263;i izazovi\">                            <div class=\"image-copyright-author\"><a href=\"\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image credit: BoldizArt<\/a><\/div>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center animated left-to-right pe-xxl-5\">\n                                    <div class=\"text-content py-lg-4 animated \">\n                                                                                <h2 class=\"h2\">The biggest challenges in creating a site for &Scaron;mek fitness<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li data-sourcepos=\"27:1-27:94\">Recreat the website design to be modern, but to remain recognizable to their regular clients;<\/li>\n<li data-sourcepos=\"27:1-27:94\">Implementation of functionality for adding terms for each training on a global scale that is displayed on the site in multiple places;<\/li>\n<li data-sourcepos=\"27:1-27:94\">Advanced technical SEO optimization because most of their clients come to them through the website;<\/li>\n<li data-sourcepos=\"27:1-27:94\">Optimization of the site for better performance and speed;<\/li>\n<li data-sourcepos=\"27:1-27:94\">Use innovative solutions such as a vertical slider and a responsive training schedule.<\/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=\"\" data-placement=\"casestudy\">\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\">Website for a fitness studio &ndash; What was done<\/h2>\n                                                                <div class=\"text pb-5\"><p data-sourcepos=\"39:1-39:104\">A professional website with an improved user interface was made that is in line with the gym&rsquo;s branding.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 635px; top: -9px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                    <\/div>\n            <\/div>\n            <div class=\"row g-4\">\n                                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Unique design<\/h3>\n                                                                                        <div class=\"text\"><p>For such a charismatic gym, it was necessary to make a unique design that is different from competing sites.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 31px; top: 15px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Improvement of UX\/UI design<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"47:1-47:129\">An improved user interface and visual identity of the site were made to facilitate navigation for potential but also old clients.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Improvement of the loading speed of the site<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"51:1-51:130\">Site optimization through file minification, image compression, and caching to further improve site loading speed and performance.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Technical SEO optimization of the site<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"55:1-55:127\">Given that most of their clients come through the website, it was necessary to do an extremely good technical SEO optimization.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Training schedule<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"59:1-59:140\">A function has been created that allows administrators to set exercise times globally that will be displayed in multiple places on the site.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Adding educational content<\/h3>\n                                                                                        <div class=\"text\"><p data-sourcepos=\"63:1-63:94\">Creating a section with educational materials and articles to educate visitors about training.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <div class=\"col-lg-6 col-xl-4\">\n                        <div class=\"item plg rlg b move-up bgl animated bottom-to-top\">\n                                                            <h3 class=\"h4 mt-0\">Improving website security<\/h3>\n                                                                                        <div class=\"text\"><p>Implementation of the latest security measures to ensure the security of user data and protect the site from hacking.<\/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=\"\" data-placement=\"features\">\n        <div class=\"container\">\n                            <!-- Content START -->\n                                                    <h2>Website for a fitness studio &ndash; Results<\/h2>\n                                                <!-- Content END -->\n                        <div class=\"row pt-4 g-4\">\n                                                                                    <div class=\"col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature rlg plg b bgl move-up\">\n                                                                <div class=\"feature-header pb-3 d-flex align-items-center\">\n                                                                                                                                                                                                                                    <h3 class=\"title h4\">A whole new world<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text fsm\"><p>&Scaron;mek fitness has a completely different approach from the competition. Now they have a website that reflects who they really are: More professional and different from everyone else.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature rlg plg b bgl move-up\">\n                                                                <div class=\"feature-header pb-3 d-flex align-items-center\">\n                                                                                                                                                                                                                                    <h3 class=\"title h4\">SEO optimized<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text fsm\"><p>The site is responsive, fast, optimized for all search engines, and complies with Google and GDPR standards.<\/p>\n<\/div>\n                                                                                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"col-lg-6 col-xl-4 animated bottom-to-top\">\n                            <div class=\"feature rlg plg b bgl move-up\">\n                                                                <div class=\"feature-header pb-3 d-flex align-items-center\">\n                                                                                                                                                                                                                                    <h3 class=\"title h4\">Better control over the site<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text fsm\"><p>The unique design solution has enabled better control over the site, as well as easier implementation of any changes in the future.<\/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=\"\" data-placement=\"image\">\n        <div class=\"container\">\n            <div class=\"row g-4 g-lg-5\">\n                                                <div class=\"col-lg-6 pb-4 pb-lg-0 animated left-to-right pe-xxl-5 d-flex justify-content-center align-items-center main-image-container\">\n                        <div class=\"image-container\">\n                            <img decoding=\"async\" width=\"507\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/11\/Smek-fitness-centar-Naredni-koraci.png\" class=\"image\" alt=\"&Scaron;mek fitness centar - Naredni koraci\">                            <div class=\"image-copyright-author\"><a href=\"\/\" target=\"_blank\" rel=\"noopener noreferrer\">Image credit: BoldizArt<\/a><\/div>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-lg-6 d-flex align-items-center animated right-to-left ps-xxl-5\">\n                                    <div class=\"text-content py-lg-4 animated \">\n                                                                                <h2 class=\"h2\">Next steps<\/h2>\n                                                                            <div class=\"text\"><ol>\n<li data-l-s=\"15204\"><span class=\"animating\">Monitor website performance and analyze visitors to identify potential problems or opportunities for further improvement.<\/span><\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Develop new features that will further enhance the user experience and meet the needs of the client.<\/span><\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Continuous maintenance of the site to ensure stability,<\/span><span class=\"animating\"> security,<\/span><span class=\"animating\"> and optimal speed.<\/span><\/li>\n<li data-l-s=\"15204\"><span class=\"animating\">Implement marketing activities to increase the visibility of the site and attract new users.<\/span><\/li>\n<\/ol>\n<\/div>\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n        <div class=\"block-reusable \" id=\"\" data-placement=\"reusable\">\r\n        \n<?xml encoding=\"utf-8\" ?><section class=\"section cta-section block  bg-default\" id=\"\" data-placement=\"cta\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"cta-content \">\n                        <div class=\"row\">\n                                                            <div class=\"col-12\">\n                                                            <div class=\"text-content text-center\">\n                                                                                                                <h2 class=\"h2 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 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-first\">Schedule a consultation<\/a>\n                                        <\/div>\n                                                                                                        <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <\/div>\r\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"\u0160mek Fitness is one of the most charismatic gyms in Novi Sad. When their old website was hacked and after we cleaned it of viruses, we took over maintenance.\n\nSince the site was about 5 years old, it was high time to make a new site with a more modern look.","protected":false},"author":1,"featured_media":12199,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"projects":[259,213],"class_list":["post-10278","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","projects-classic","projects-redesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10278","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=10278"}],"version-history":[{"count":19,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10278\/revisions"}],"predecessor-version":[{"id":17291,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/10278\/revisions\/17291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media\/12199"}],"wp:attachment":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media?parent=10278"}],"wp:term":[{"taxonomy":"projects","embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/projects?post=10278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}