{"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-07-04T07:27:18","modified_gmt":"2026-07-04T07:27:18","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":"<!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\/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\">                                                                                <\/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\">Method Energy &ndash; 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\/\" 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\">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-second 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 plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">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 plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">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 plg bgl b rlg move-up\">\n                                                                    <b class=\"label d-flex align-items-center\">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=\"\" 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\/04\/Method-Energy-Cilj-platforme.png\" class=\"image\" alt=\"Method Energy - Cilj platforme\">                                                                                <\/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\">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=\"\" 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\/04\/Method-Energy-Najveci-izazovi.png\" class=\"image\" alt=\"Method Energy - Najve&#263;i izazovi\">                                                                                <\/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\">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=\"\" 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\">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&rsquo;s branding.<\/p>\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 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-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\">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-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>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-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>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-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 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-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\">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=\"\" data-placement=\"features\">\n        <div class=\"container\">\n                            <!-- Content START -->\n                                                    <h2>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\">Reliable website<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text fsm\"><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 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 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 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 website<\/h3>\n                                                                    <\/div>\n                                                                    <div class=\"text fsm\"><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=\"\" 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=\"506\" height=\"397\" src=\"https:\/\/boldizart.com\/wp-content\/uploads\/2023\/04\/Method-Energy-Naredni-koraci.png\" class=\"image\" alt=\"Method Energy - Naredni koraci\">                                                                                <\/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-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,&nbsp;security,<span class=\"animating\">&nbsp;and 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 \" 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":"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":[259,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}]}}