{"id":31484,"date":"2025-04-06T17:33:55","date_gmt":"2025-04-06T15:33:55","guid":{"rendered":"https:\/\/hivecreatives.se\/tjanster\/php-utveckling\/"},"modified":"2025-05-27T12:27:49","modified_gmt":"2025-05-27T10:27:49","slug":"php","status":"publish","type":"services","link":"https:\/\/hivecreatives.se\/en\/services\/php\/","title":{"rendered":"PHP"},"content":{"rendered":"<style>.elementor-14953 .elementor-element.elementor-element-9dc7cd0{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:200px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14953 .elementor-element.elementor-element-9dc7cd0:not(.elementor-motion-effects-element-type-background), .elementor-14953 .elementor-element.elementor-element-9dc7cd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url(\"https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/01.jpg\");}.elementor-14953 .elementor-element.elementor-element-e584241 .elementor-heading-title{font-family:\"outfit\", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-1b7c756 );}.elementor-14953 .elementor-element.elementor-element-e584241 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14953 .elementor-element.elementor-element-e584241.elementor-element{--align-self:flex-start;}.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-family:var( --e-global-typography-09506f0-font-family ), Sans-serif;font-size:var( --e-global-typography-09506f0-font-size );font-weight:var( --e-global-typography-09506f0-font-weight );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );color:var( --e-global-color-1b7c756 );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-family:var( --e-global-typography-df58ad6-font-family ), Sans-serif;font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );color:var( --e-global-color-1b7c756 );width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-link{color:#000;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-family:var( --e-global-typography-967bde5-font-family ), Sans-serif;font-size:var( --e-global-typography-967bde5-font-size );font-weight:var( --e-global-typography-967bde5-font-weight );text-transform:var( --e-global-typography-967bde5-text-transform );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}@media(min-width:2400px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:1366px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:1200px){.elementor-14953 .elementor-element.elementor-element-3e8986d{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}@media(max-width:880px){.elementor-14953 .elementor-element.elementor-element-3e8986d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-14953 .elementor-element.elementor-element-9dc7cd0{--min-height:450px;}.elementor-14953 .elementor-element.elementor-element-b33ec3d .elementor-heading-title{font-size:var( --e-global-typography-09506f0-font-size );line-height:var( --e-global-typography-09506f0-line-height );letter-spacing:var( --e-global-typography-09506f0-letter-spacing );word-spacing:var( --e-global-typography-09506f0-word-spacing );}.elementor-14953 .elementor-element.elementor-element-3e8986d{font-size:var( --e-global-typography-df58ad6-font-size );line-height:var( --e-global-typography-df58ad6-line-height );letter-spacing:var( --e-global-typography-df58ad6-letter-spacing );word-spacing:var( --e-global-typography-df58ad6-word-spacing );}.elementor-14953 .elementor-element.elementor-element-4d53eb8 .primary-button{font-size:var( --e-global-typography-967bde5-font-size );line-height:var( --e-global-typography-967bde5-line-height );letter-spacing:var( --e-global-typography-967bde5-letter-spacing );word-spacing:var( --e-global-typography-967bde5-word-spacing );}}\/* Start Custom Fonts CSS *\/@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Regular.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: bold;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Bold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 100;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Thin.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 200;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-ExtraLight.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 300;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Light.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 400;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Regular.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Medium.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 600;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-SemiBold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 700;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Bold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 800;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-ExtraBold.ttf') format('truetype');\n}\n@font-face {\n\tfont-family: 'outfit';\n\tfont-style: normal;\n\tfont-weight: 900;\n\tfont-display: auto;\n\tsrc: url('https:\/\/hivecreatives.se\/wp-content\/uploads\/2025\/03\/Outfit-Black.ttf') format('truetype');\n}\n\/* End Custom Fonts CSS *\/<\/style>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_4d53eb8 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_4d53eb8 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #000; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_4d53eb8 .primary-link {\ncolor:#000;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_4d53eb8 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_4d53eb8:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_4d53eb8 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_4d53eb8 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_4d53eb8 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_4d53eb8 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h2>Vad \u00e4r PHP \u2013 och varf\u00f6r anv\u00e4nds det?<br \/>\n<\/h2>\n<p>PHP \u00e4r ett kraftfullt, flexibelt och bepr\u00f6vat kodspr\u00e5k som ligger till grund f\u00f6r en stor del av webben idag. Det anv\u00e4nds f\u00f6r att bygga dynamiska och datadrivna webbplatser, allt fr\u00e5n enklare hemsidor till komplexa system och plattformar. <a href=\"https:\/\/hivecreatives.se\/en\/services\/wordpress\/\">WordPress<\/a>, <a href=\"https:\/\/hivecreatives.se\/en\/services\/woocommerce\/\">WooCommerce<\/a> och m\u00e5nga andra popul\u00e4ra l\u00f6sningar \u00e4r byggda i PHP \u2013 just f\u00f6r att det \u00e4r snabbt, stabilt och l\u00e4tt att anpassa.<\/p>\n<p>PHP \u00e4r ett utm\u00e4rkt val f\u00f6r f\u00f6retag som beh\u00f6ver specialfunktioner, integrationer eller vill kunna v\u00e4xa utan att begr\u00e4nsas av f\u00e4rdiga mallar. Det ger oss friheten att bygga exakt det som beh\u00f6vs \u2013 och inget annat. Dessutom har PHP ett stort community, god dokumentation och \u00e4r kompatibelt med de flesta webbservrar och databaser, vilket g\u00f6r det b\u00e5de framtidss\u00e4kert och kostnadseffektivt.<\/p>\n<p>Med r\u00e4tt utvecklare blir PHP ett kraftfullt verktyg f\u00f6r att skapa system som fungerar \u2013 p\u00e5 riktigt.<\/p>\n<p>\t\t\t\t\tV\u00e5ra Tj\u00e4nster\t\t\t\t<\/p>\n<h2>Fler Tj\u00e4nster<\/h2>\n<p>Vi erbjuder webbutvecklingstj\u00e4nster som t\u00e4cker allt fr\u00e5n backendlogik till frontenddesign \u2013 alltid med fokus p\u00e5 prestanda, flexibilitet och aff\u00e4rsnytta. Oavsett om du beh\u00f6ver bygga nytt, vidareutveckla en befintlig l\u00f6sning eller integrera externa system, kan vi ta fram r\u00e4tt l\u00f6sning f\u00f6r din verksamhet.<\/p>\n<h3>WordPress<\/h3>\n<p>Skr\u00e4ddarsydda, l\u00e4ttsk\u00f6tta och SEO-v\u00e4nliga sajter.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_53c9b4b svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_53c9b4b {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_53c9b4b .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_53c9b4b .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_53c9b4b:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_53c9b4b .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_53c9b4b .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_53c9b4b {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_53c9b4b .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>CSS<\/h3>\n<p>Anpassad design och layout f\u00f6r en enhetlig upplevelse.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_dbbe867 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_dbbe867 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_dbbe867 .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_dbbe867 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_dbbe867:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_dbbe867 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_dbbe867 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_dbbe867 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_dbbe867 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>React<br \/>\n<\/h3>\n<p>Responsiva och interaktiva gr\u00e4nssnitt i toppklass.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_8b4de04 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_8b4de04 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_8b4de04 .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_8b4de04 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_8b4de04:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_8b4de04 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_8b4de04 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_8b4de04 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_8b4de04 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h3>Next.js<\/h3>\n<p>Blixtsnabba och SEO-optimerade webbl\u00f6sningar i React.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_1439ed0 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_1439ed0 {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFCA42;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_1439ed0 .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_1439ed0 .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFCA42;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_1439ed0:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_1439ed0 .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_1439ed0 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_1439ed0 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_1439ed0 .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    L\u00e4s mer<br \/>\n  <\/a><br \/>\n<!-- end Creative Button --><br \/>\n<!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_abcf5ce svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_abcf5ce {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #222222;\n      color: #FFFFFF; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_abcf5ce .primary-link {\ncolor:#FFFFFF;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_abcf5ce .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #222222;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_abcf5ce:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_abcf5ce .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_abcf5ce .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_abcf5ce {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_abcf5ce .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    Alla Tj\u00e4nster<br \/>\n  <\/a><br \/>\n<!-- end Creative Button -->\t\t\t\t<\/p>\n<h2>Redo att ta n\u00e4sta steg?<\/h2>\n<p>Vi lyssnar, analyserar och formar en v\u00e4g fram\u00e5t som speglar just era m\u00e5l. H\u00f6r av er \u2013 s\u00e5 b\u00f6rjar vi d\u00e4r ni \u00e4r. Kontakta oss<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_73117ee svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_73117ee {\n      position: relative;\n        display: inline-block;\n    overflow: visible;\n      align-items: center;\n   padding: 10px 0px;\n      justify-content: center;\n      margin-right: 40px;\n      background-color: #FFFFFF;\n      color: #222222; \/* Primary color *\/\n      text-decoration: none;\n      border: none;\n      filter: url(#buttonFilter);\n      cursor: pointer;\n      border-radius:500px;\n    }\n#uc_creative_button_elementor_73117ee .primary-link {\ncolor:#222222;\n   font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n    text-decoration: none;\n    padding: 10px 20px;\n}\n    \/* Arrow Icon Styling *\/\n#uc_creative_button_elementor_73117ee .icon-span {\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%);\n      background-color: #FFFFFF;\n      width: fit-content;\n  \tpadding:10px;\n      height: 100%;\n      display: grid;\n      place-content: center;\n      border-radius: 50%;\n      transition: all 0.3s ease-in-out;\n    }\n#uc_creative_button_elementor_73117ee:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_73117ee .arrow-icon {\n      border: solid black;\n      border-width: 0 2px 2px 0;\n      display: inline-block;\n      padding: 5px;\n      transform: rotate(-45deg);\n      -webkit-transform: rotate(-45deg);\n    }\n    @media (min-width: 768px) {\n#uc_creative_button_elementor_73117ee .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_73117ee {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_73117ee .icon-span {\n  \tpadding:15px;\n    }        \n    }\n<\/style>\n<p>  <svg color-interpolation-filters=\"sRGB\">\n    <defs>\n      <filter id=\"buttonFilter\">\n        <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\"><\/feGaussianBlur>\n        <feColorMatrix\n          in=\"blur\"\n          mode=\"matrix\"\n          values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\"\n          result=\"buttonFilter\"\n        ><\/feColorMatrix>\n        <feComposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/feComposite>\n        <feBlend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feBlend>\n      <\/filter>\n    <\/defs>\n  <\/svg><br \/>\n  <!-- Button --><br \/>\n  <a href=\"\" ><br \/>\n    Kontakta oss<br \/>\n  <\/a><br \/>\n<!-- end Creative Button --><br \/>\n\t\t\t\t\tV\u00e5r Process\t\t\t\t<\/p>\n<h2>S\u00e5 bygger vi webbplatser som g\u00f6r skillnad<br \/>\n<\/h2>\n<p>Varje webbprojekt \u00e4r unikt \u2013 men v\u00e5r process bygger alltid p\u00e5 insikt, struktur och samarbete. Med fokus p\u00e5 funktion, design och aff\u00e4rsnytta guidar vi er fr\u00e5n f\u00f6rsta id\u00e9 till en f\u00e4rdig webbplats som b\u00e5de presterar och engagerar.&#8217;<\/p>\n<h3>\n\t\t\t\t\t\t\tBehov, m\u00e5l &#038; planering<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi b\u00f6rjar alltid med att lyssna. I ett inledande workshop m\u00f6te kartl\u00e4gger vi era behov, m\u00e5lgrupper och aff\u00e4rsm\u00e5l. Tillsammans s\u00e4tter vi ramarna f\u00f6r projektet, prioriterar funktionalitet och skapar samsyn inf\u00f6r n\u00e4sta steg.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t01\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tStruktur &#038; SEO-grund<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tH\u00e4r l\u00e4gger vi grunden f\u00f6r en logisk och s\u00f6koptimerad webb. Vi skapar en sitemap, identifierar viktiga s\u00f6kord och planerar inneh\u00e5llets uppbyggnad. Allt f\u00f6r att ge anv\u00e4ndare och s\u00f6kmotorer en tydlig v\u00e4g genom webbplatsen.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t02\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tDesign &#038; upplevelse<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi tar fram en visuell och funktionell design som speglar ert varum\u00e4rke och m\u00f6ter anv\u00e4ndarnas behov. Designen byggs i Figma och \u00e4r alltid responsiv, tillg\u00e4nglig och utformad f\u00f6r att driva engagemang och konvertering.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t03\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tUtveckling &#038; teknik<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tNu blir id\u00e9n verklighet. Vi kodar webbplatsen med moderna ramverk och CMS-l\u00f6sningar \u2013 optimerat f\u00f6r prestanda, tillg\u00e4nglighet och framtida behov. Vi bygger flexibelt och skalbart \u2013 med smarta funktioner som g\u00f6r jobbet enklare.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t04\t\t\t\t<\/p>\n<h3>\n\t\t\t\t\t\t\tInneh\u00e5ll, test &#038; lansering<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tN\u00e4r webbplatsen \u00e4r klar hj\u00e4lper vi till med att fylla den med r\u00e4tt inneh\u00e5ll \u2013 eller st\u00f6ttar er i processen. Vi testar noggrant p\u00e5 alla enheter, justerar det sista och lanserar f\u00f6rst n\u00e4r allt k\u00e4nns 100%. Efter lansering finns vi kvar \u2013 f\u00f6r att st\u00f6tta, vidareutveckla och optimera.\n\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t05<\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","service-category":[],"class_list":["post-31484","services","type-services","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/types\/services"}],"version-history":[{"count":3,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31484\/revisions"}],"predecessor-version":[{"id":46232,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31484\/revisions\/46232"}],"wp:attachment":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/media?parent=31484"}],"wp:term":[{"taxonomy":"service-category","embeddable":true,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/service-category?post=31484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}