{"id":9809,"date":"2023-11-06T18:13:53","date_gmt":"2023-11-06T18:13:53","guid":{"rendered":"https:\/\/boldizart.com\/?post_type=portfolio&#038;p=9809"},"modified":"2026-02-05T10:56:55","modified_gmt":"2026-02-05T10:56:55","slug":"method-energy-redesign-and-optimization-of-a-crashed-website","status":"publish","type":"portfolio","link":"https:\/\/boldizart.com\/en\/portfolio\/method-energy-redesign-and-optimization-of-a-crashed-website\/","title":{"rendered":"Method Energy \u2013 Redesign and Optimization of a crashed website"},"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\/04\/Method-Energy.png\" as=\"image\">\n                            <img decoding=\"async\" width=\"740\" height=\"620\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/04\/Method-Energy.png\" class=\"hero-image no-lazy skip-lazy\" alt=\"Method Energy\" fetchpriority=\"high\" 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\">Method Energy \u2013 Redesign and Optimization of a crashed website<\/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\/' rel='project' title='Classic'>Classic<\/a> <a href='https:\/\/boldizart.com\/en\/projects\/redesign\/' rel='project' title='Redesign'>Redesign<\/a> <\/div>\n                                <div class=\"separator px-2\">|<\/div>\n                                <div class=\"detail post-date\"><i class=\"fa-regular fa-hourglass\"><\/i> 6. November<\/div>\n                                                            <\/div>\n                                                                            <div class=\"text\"><p>Method Energy mainly deals with the installation of solar panels on the roofs of households, buildings, schools, etc. Their existing website, developed in a site builder, was slow, constantly crashing, was not optimized, and did not meet the needs and requirements of the client. Literally nothing worked on it.<\/p>\n<\/div>\n                                                                                                    <div class=\"cta\">\n                                                                                                    <a href=\"https:\/\/methodenergy.co\/\" target=\"_blank\" class=\"button btn btn-silent my-2\" rel=\"noopener\">Check out Method Energy                                        <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\">To bring the website back from the dead on the basis of previous screenshots of the old website.<\/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 high-quality and fast website that a company like this can proudly stand behind.<\/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 1700 to 2200 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\/04\/Method-Energy-Cilj-platforme.png\" class=\"image\" alt=\"Method Energy - 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\">Platform goal and initial requirements<\/h2>\n                                                                            <div class=\"text\"><p>Since the previous website was made in a site builder, it was constantly crashing and was very slow. At one point, it got to the point where they could no longer recover the website, so they hired us to do it from scratch the right way and improve its performance and user interface.<\/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\/04\/Method-Energy-Najveci-izazovi.png\" class=\"image\" alt=\"Method Energy - 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 data-sourcepos=\"25:1-25:80\">To make a website in a similar style based on only a few screenshots provided.<\/li>\n<li data-sourcepos=\"26:1-26:31\">To fix the bad user interface to make the website more organized and easier to use.<\/li>\n<li data-sourcepos=\"27:1-27:59\">To optimize the website for better performance and speed.<\/li>\n<li data-sourcepos=\"28:1-29:0\">To write SEO-optimized blog posts to help the website rank better on Google.<\/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>A professional website was created with an improved user interface that is consistent with the company&#8217;s branding.<\/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\">Unique design<\/h3>\n                                                                                        <div class=\"text\"><p>For such a serious company, it is necessary to create a unique design that is tailored to this type of activity.<\/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\">UX\/UI design improvement<\/h3>\n                                                                                        <div class=\"text\"><p>Work on improving the user experience and visual identity of the website to make navigation easier and increase conversion.<\/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\">Adding educational content<\/h3>\n                                                                                        <div class=\"text\"><p>Creating a section with educational materials and articles to educate visitors about green energy and solar panels.<\/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\">Improving website security<\/h3>\n                                                                                        <div class=\"text\"><p>Implementing the latest security measures to ensure data security and protect the website from hacker attacks.<\/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\">Improving website loading speed<\/h3>\n                                                                                        <div class=\"text\"><p>Optimizing the website through file minification, image compression, and caching to further improve loading speed and website performance.<\/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\">SEO content analysis and optimization<\/h3>\n                                                                                        <div class=\"text\"><p>A detailed analysis of the keywords that the target audience searches for most often was carried out, as well as the adaptation of the content to better match those queries.<\/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-shield\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Reliable website<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>Method Energy now has a fast, secure, optimized, and technically SEO-prepared 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-magnifying-glass\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">SEO optimized <\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>The website is responsive, mobile-friendly, and optimized for all search engines.<\/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-gears\"><\/i>\n                                            <\/div>\n                                                                                                                                                        <h3 class=\"title h4\">Better control over the website<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text\"><p>Moving from a site builder to a custom solution has enabled better control over the website, 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=\"\">\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\/04\/Method-Energy-Naredni-koraci.png\" class=\"image\" alt=\"Method Energy - 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-sourcepos=\"69:1-69:124\">Website performance tracking and visitor analysis to identify potential problems or opportunities for further improvement.<\/li>\n<li data-sourcepos=\"70:1-70:109\">Development of new features that will further improve the user experience and meet the needs of the client.<\/li>\n<li data-sourcepos=\"71:1-71:82\">Continuous website maintenance to ensure stability,\u00a0security,<span class=\"animating\">\u00a0and optimal speed.<\/span><\/li>\n<li class=\"animating\" data-sourcepos=\"72:1-73:0\"><span class=\"animating\">Implementation of marketing activities to increase website visibility 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 \">\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":"Method Energy mainly deals with the installation of solar panels on the roofs of households, buildings, schools, etc. Their existing website, developed in a site builder, was slow, constantly crashing, was not optimized, and did not meet the needs and requirements of the client. Literally nothing worked on it.","protected":false},"author":1,"featured_media":12175,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"projects":[101,213],"class_list":["post-9809","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\/9809","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=9809"}],"version-history":[{"count":8,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/9809\/revisions"}],"predecessor-version":[{"id":17307,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/portfolio\/9809\/revisions\/17307"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media\/12175"}],"wp:attachment":[{"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/media?parent=9809"}],"wp:term":[{"taxonomy":"projects","embeddable":true,"href":"https:\/\/boldizart.com\/en\/wp-json\/wp\/v2\/projects?post=9809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}