{"id":31490,"date":"2025-04-03T12:11:17","date_gmt":"2025-04-03T10:11:17","guid":{"rendered":"https:\/\/hivecreatives.se\/tjanster\/ux-design\/"},"modified":"2025-05-27T12:55:58","modified_gmt":"2025-05-27T10:55:58","slug":"ux-design","status":"publish","type":"services","link":"https:\/\/hivecreatives.se\/en\/services\/ux-design\/","title":{"rendered":"UX Design"},"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 UX Design och varf\u00f6r \u00e4r det avg\u00f6rande?<br \/>\n<\/h2>\n<p>UX st\u00e5r f\u00f6r User Experience \u2013 anv\u00e4ndarupplevelse. Det handlar inte bara om hur n\u00e5got ser ut, utan hur det fungerar. Hur l\u00e4tt det \u00e4r att hitta r\u00e4tt, f\u00f6rst\u00e5 inneh\u00e5llet och ta sig fr\u00e5n A till B. Bra UX-design minskar friktion, bygger f\u00f6rtroende och g\u00f6r det enkelt f\u00f6r anv\u00e4ndaren att agera \u2013 oavsett om m\u00e5let \u00e4r att boka, k\u00f6pa eller ta kontakt.<\/p>\n<p>Bakom varje klick finns ett beteende. D\u00e4rf\u00f6r b\u00f6rjar UX-arbete alltid med att f\u00f6rst\u00e5 anv\u00e4ndarens behov, m\u00e5l och utmaningar. Utifr\u00e5n det designar vi struktur, fl\u00f6den och gr\u00e4nssnitt som inte bara k\u00e4nns logiska \u2013 utan som faktiskt konverterar.<\/p>\n<p>Oavsett om du bygger en ny webbplats, utvecklar en app eller f\u00f6rb\u00e4ttrar en e-handel, \u00e4r UX en avg\u00f6rande del av resultatet. Det p\u00e5verkar hur l\u00e4nge dina bes\u00f6kare stannar, hur de interagerar \u2013 och om de kommer tillbaka.<\/p>\n<p>\t\t\t\t\tV\u00e5ra Tj\u00e4nster\t\t\t\t<\/p>\n<h2>Fler Tj\u00e4nster<\/h2>\n<p>Utforska fler av v\u00e5ra tj\u00e4nster inom digital strategi, design och utveckling \u2013 skr\u00e4ddarsydda f\u00f6r att st\u00e4rka din digitala n\u00e4rvaro och aff\u00e4r.<\/p>\n<h3>Figma<\/h3>\n<p>Vi visualiserar designen i Figma innan utveckling.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_87eae81 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_87eae81 {\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_87eae81 .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_87eae81 .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_87eae81:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_87eae81 .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_87eae81 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_87eae81 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_87eae81 .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>Konverteringsoptimering<br \/>\n<\/h3>\n<p>Vi designar f\u00f6r handling \u2013 fler klick, leads och avslut.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_ec78d3e svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_ec78d3e {\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_ec78d3e .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_ec78d3e .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_ec78d3e:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_ec78d3e .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_ec78d3e .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_ec78d3e {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_ec78d3e .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>WordPress<\/h3>\n<p>Flexibel CMS-l\u00f6sning f\u00f6r skr\u00e4ddarsydda webbplatser.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_9b8555f svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_9b8555f {\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_9b8555f .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_9b8555f .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_9b8555f:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_9b8555f .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_9b8555f .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_9b8555f {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_9b8555f .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<\/h3>\n<p>Bygg interaktiva gr\u00e4nssnitt som skapar b\u00e4ttre anv\u00e4ndarupplevelser.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_216a5b5 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_216a5b5 {\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_216a5b5 .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_216a5b5 .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_216a5b5:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_216a5b5 .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_216a5b5 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_216a5b5 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_216a5b5 .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>Stilspr\u00e5ket som formar utseende, layout och responsivitet.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_b0e21fb svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_b0e21fb {\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_b0e21fb .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_b0e21fb .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_b0e21fb:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_b0e21fb .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_b0e21fb .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_b0e21fb {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_b0e21fb .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_3cbf99b svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_3cbf99b {\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_3cbf99b .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_3cbf99b .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_3cbf99b:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_3cbf99b .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_3cbf99b .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_3cbf99b {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_3cbf99b .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_bb7aef3 svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_bb7aef3 {\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_bb7aef3 .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_bb7aef3 .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_bb7aef3:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_bb7aef3 .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_bb7aef3 .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_bb7aef3 {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_bb7aef3 .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 tar vi fram webbdesign som g\u00f6r skillnad<br \/>\n<\/h2>\n<p>Bra design sker inte av en slump \u2013 den \u00e4r resultatet av insikt, struktur och en tydlig riktning. V\u00e5r designprocess \u00e4r utformad f\u00f6r att skapa digitala upplevelser som \u00e4r b\u00e5de visuellt tr\u00e4ffs\u00e4kra och funktionellt smarta. Genom att arbeta n\u00e4ra dig i varje steg ser vi till att slutresultatet inte bara speglar ditt varum\u00e4rke \u2013 utan ocks\u00e5 g\u00f6r verklig skillnad f\u00f6r dina anv\u00e4ndare och din aff\u00e4r.<\/p>\n<h3>\n\t\t\t\t\t\t\tInsikt &#038; f\u00f6rst\u00e5else<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVarje projekt b\u00f6rjar med att vi lyssnar. Vi s\u00e4tter oss in i era m\u00e5l, era anv\u00e4ndare och vad ni vill uppn\u00e5. Genom workshops, m\u00e5lgruppsanalys och nul\u00e4geskartl\u00e4ggning bygger vi en gemensam grund \u2013 b\u00e5de strategiskt och kreativt.\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; riktning<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi definierar inneh\u00e5llsstruktur, navigationsfl\u00f6den och s\u00e4tter en tydlig riktning f\u00f6r designen. Vi tar fram anv\u00e4ndarpersonas, g\u00e5r igenom kundresan och analyserar konkurrenter \u2013 allt f\u00f6r att f\u00f6rst\u00e5 hur vi b\u00e4st v\u00e4gleder era bes\u00f6kare mot r\u00e4tt beslut.\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\tWireframes &#038; anv\u00e4ndarfl\u00f6den<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tMed struktur och insikter p\u00e5 plats skissar vi upp wireframes \u2013 enkla layouter som visar hur inneh\u00e5ll och funktioner h\u00e4nger ihop. Det ger b\u00e5de er och oss en gemensam bild av sidornas uppbyggnad innan vi kl\u00e4r dem i visuell design.\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\tVisuell design &#038; prototyp<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tVi formger gr\u00e4nssnittet i Figma och bygger en klickbar prototyp. H\u00e4r testas f\u00e4rg, form, typsnitt och tonalitet \u2013 alltid med fokus p\u00e5 tillg\u00e4nglighet, varum\u00e4rkesidentitet och anv\u00e4ndarv\u00e4nlighet. Ni f\u00e5r en levande f\u00f6rhandsvisning av hur allt kommer att k\u00e4nnas.\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\tLeverans &#038; dokumentation<br \/>\n\t\t\t\t\t<\/h3>\n<p>\n\t\t\t\t\t\tN\u00e4r designen \u00e4r godk\u00e4nd levererar vi kompletta designfiler, guidelines och dokumentation redo f\u00f6r utveckling. Vi s\u00e4kerst\u00e4ller att allt \u00e4r tydligt och \u00f6verl\u00e4mningen smidig \u2013 oavsett om vi bygger vidare eller ni g\u00f6r det in-house.\t\t\t\t\t<\/p>\n<p>\t\t\t\t\t05\t\t\t\t<\/p>\n<h2>Vi stannar inte vid design \u2013 vi bygger ocks\u00e5<br \/>\n<\/h2>\n<p>En stark anv\u00e4ndarupplevelse slutar inte vid en prototyp. F\u00f6r att uppn\u00e5 verklig effekt kr\u00e4vs ett t\u00e4tt samspel mellan design och <a href=\"https:\/\/hivecreatives.se\/en\/services\/web-development\/\">webbutveckling<\/a> \u2013 och det \u00e4r precis s\u00e5 vi jobbar.<\/p>\n<p>Hos oss \u00e4r UX en integrerad del av hela processen. V\u00e5ra designers samarbetar direkt med utvecklarna f\u00f6r att s\u00e4kerst\u00e4lla att varje l\u00f6sning inte bara ser bra ut p\u00e5 skissbordet \u2013 utan ocks\u00e5 fungerar lika bra i praktiken. Det inneb\u00e4r att vi kan ta din id\u00e9 fr\u00e5n f\u00f6rsta wireframe till en f\u00e4rdig, fungerande produkt \u2013 oavsett om det g\u00e4ller webb, app eller e-handel.<\/p>\n<p>Resultatet? En mer effektiv process, f\u00e4rre missf\u00f6rst\u00e5nd \u2013 och en digital l\u00f6sning som verkligen h\u00e5ller ihop.<\/p>\n<h3>Webbutveckling<\/h3>\n<p>Vi bygger snabba, skalbara och smarta webbplatser.<\/p>\n<p><!-- start Creative Button --><\/p>\n<style>\/* widget: Creative Button *\/\n\/* Button Filter SVG *\/\n#uc_creative_button_elementor_0d3f6bb svg {\n      width: 0;\n      height: 0;\n      position: absolute;\n      display: none;\n    }\n    \/* Main Button Styling *\/\n#uc_creative_button_elementor_0d3f6bb {\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_0d3f6bb .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_0d3f6bb .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_0d3f6bb:hover .icon-span {\n      left: calc(100% + 10px);\n      transform: translateY(-50%) rotate(-45deg);\n    }\n#uc_creative_button_elementor_0d3f6bb .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_0d3f6bb .primary-link {\n        padding: 15px 30px;\n      }\n      #uc_creative_button_elementor_0d3f6bb {\n        padding: 15px 0px;\n      }\n      #uc_creative_button_elementor_0d3f6bb .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 --><\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","service-category":[47],"class_list":{"0":"post-31490","1":"services","2":"type-services","3":"status-publish","5":"service-category-design-en"},"acf":[],"_links":{"self":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31490","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":4,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31490\/revisions"}],"predecessor-version":[{"id":46294,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/services\/31490\/revisions\/46294"}],"wp:attachment":[{"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/media?parent=31490"}],"wp:term":[{"taxonomy":"service-category","embeddable":true,"href":"https:\/\/hivecreatives.se\/en\/wp-json\/wp\/v2\/service-category?post=31490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}