{"id":9266,"date":"2023-03-03T13:16:25","date_gmt":"2023-03-03T13:16:25","guid":{"rendered":"https:\/\/www.trib.se\/?page_id=9266"},"modified":"2023-03-06T13:40:05","modified_gmt":"2023-03-06T13:40:05","slug":"ui-designer","status":"publish","type":"page","link":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/","title":{"rendered":"UI-designer"},"content":{"rendered":"\n<section class=\"breadcrumbs\">\n\n    <div class=\"holder\">\n\n    <div class=\"breadcrumbs\" id=\"breadcrumbs\"><span><span><a href=\"https:\/\/www.trib.se\/sv\/\">Home<\/a><\/span><\/span><\/div>\n    <\/div>\n\n<\/section>\n\n\n\n<section class=\"hero-small pt-8 md:pt-16 pb-8 md:pb-16 \">\n\n    <div class=\"holder\">\n\n        <div class=\"small-hero-content text-center\">\n            <h1 class=\"text-88px md:text-112px leading-none mb-4 md:mb-16 special-letter-spacing\">Vad g\u00f6r en <span class=\"font-spirit\">UI-designer?<\/span><\/h1>\n            <div class=\"md:text-18px xl:text-20px content-holder\">\n                <p>En UI-designer, eller anv\u00e4ndargr\u00e4nssnittsdesigner, arbetar med att skapa och designa den visuella presentationen och interaktionen av en digital produkt eller tj\u00e4nst. UI-designern ansvarar f\u00f6r att designa anv\u00e4ndargr\u00e4nssnittet p\u00e5 ett s\u00e4tt som \u00e4r anv\u00e4ndarv\u00e4nligt, effektivt och tillfredsst\u00e4llande f\u00f6r anv\u00e4ndarna.<\/p>\n            <\/div>\n            \n                            <div class=\"pt-10 md:pt-12 \">\n                                            <a href=\"https:\/\/www.trib.se\/how-can-we-help\/\" class=\"btn btn-rotate inline-block large-rotate medium relative mr-4 mb-4 md:mb-0 whitespace-nowrap rounded purple\">Rekrytera designer<\/a>\n                                            <a href=\"https:\/\/www.trib.se\/sv\/omraden\/design\/lediga-jobb-inom-design\" class=\"btn btn-rotate inline-block large-rotate medium relative mr-4 mb-4 md:mb-0 whitespace-nowrap square neon\">Lediga jobb inom design<\/a>\n                                    <\/div>\n                    <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<section class=\"expandable-list pt-0 pb-16 xl:pb-32 \">\n\n    <div class=\"holder\">\n        \n    <\/div>\n\n    \n        <div class=\"vue-js pt-16 md:pt-32 js-expandable-list\" id=\"js-vue-expandable-list\">\n\n            \n                <expandable-item class=\"py-8 md:py-10 first-of-type:border-t border-b border-borderGrey\"\n                    title=\"En UI-designers ansvarsomr\u00e5den\"\n                    scroll=\"en-ui-designers-ansvarsomraden\"\n                    color=\"\"\n                >\n                    <p>En UI-designer b\u00f6rjar med att samla information om anv\u00e4ndarbehoven och m\u00e5len. De anv\u00e4nder ofta insikter fr\u00e5n UX-designern, tillsammans med anv\u00e4ndarunders\u00f6kningar och dataanalys, f\u00f6r att skapa designl\u00f6sningar som uppfyller anv\u00e4ndarbehoven och samtidigt representerar varum\u00e4rket.<\/p>\n<p>&nbsp;<\/p>\n<p>Ett viktigt m\u00e5l f\u00f6r UI-designern \u00e4r att g\u00f6ra interaktionen med produkten eller tj\u00e4nsten s\u00e5 enkel och intuitiv som m\u00f6jligt. De arbetar med att skapa en visuell struktur och hierarki, f\u00e4rgscheman, typografi, ikoner och andra grafiska element som tillsammans skapar en enhetlig och l\u00e4ttanv\u00e4nd design.<\/p>\n<p>&nbsp;<\/p>\n<p>UI-designern samarbetar ofta med UX-designern och utvecklare f\u00f6r att se till att designen \u00e4r tekniskt genomf\u00f6rbar och att den uppfyller varum\u00e4rkets krav. De kan ocks\u00e5 arbeta med att skapa animerade prototyper f\u00f6r att testa designen och s\u00e4kerst\u00e4lla att den fungerar bra f\u00f6r anv\u00e4ndarna.<\/p>\n<p>&nbsp;<\/p>\n<p>Som med UX-design blir en bra UI-design allt viktigare f\u00f6r f\u00f6retag som vill skapa en framg\u00e5ngsrik digital n\u00e4rvaro. UI-designers arbetar ofta inom techbolag, e-handel, moderna produktbolag, digitala tj\u00e4nstebolag och bolag som digitaliseras. Genom att anv\u00e4nda sig av en erfaren UI-designer kan dessa f\u00f6retag skapa en visuellt tilltalande anv\u00e4ndarupplevelse som kan \u00f6ka anv\u00e4ndarnas engagemang, f\u00f6rb\u00e4ttra varum\u00e4rkesk\u00e4nnedom och \u00f6ka f\u00f6rs\u00e4ljningen.<\/p>\n                <\/expandable-item>\n\n\n            \n                <expandable-item class=\"py-8 md:py-10 first-of-type:border-t border-b border-borderGrey\"\n                    title=\"Vilka kompetenser beh\u00f6ver en UI-designer och vilka samarbetar man med?\"\n                    scroll=\"vilka-kompetenser-behover-en-ui-designer-och-vilka-samarbetar-man-med\"\n                    color=\"\"\n                >\n                    <p>UI-designers jobbar med en rad olika kompetenser och samarbetar med flera olika team och avdelningar inom en organisation f\u00f6r att skapa en bra gr\u00e4nssnittsdesign. H\u00e4r \u00e4r n\u00e5gra exempel:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Visuell design<\/strong><br \/>\nEn UI-designer b\u00f6r ha en djup f\u00f6rst\u00e5else f\u00f6r visuell design och hur man anv\u00e4nder f\u00e4rg, typografi, layout och grafiska element f\u00f6r att skapa en enhetlig och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign. Detta kan inkludera att skapa designelement som ikoner, knappar, menyer och andra anv\u00e4ndargr\u00e4nssnittskomponenter.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Anv\u00e4ndarinteraktion<\/strong><br \/>\nEn UI-designer beh\u00f6ver ha en god f\u00f6rst\u00e5else f\u00f6r hur anv\u00e4ndare interagerar med gr\u00e4nssnittet och hur man skapar en intuitiv och responsiv anv\u00e4ndarupplevelse. Detta kan inkludera att designa animationer, \u00f6verg\u00e5ngar och andra r\u00f6relseeffekter f\u00f6r att skapa en mer engagerande och anv\u00e4ndarv\u00e4nlig upplevelse.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Teknisk kompetens<\/strong><br \/>\nEn UI-designer beh\u00f6ver ha en grundl\u00e4ggande teknisk f\u00f6rst\u00e5else f\u00f6r hur webbteknologier och andra plattformar fungerar, inklusive HTML, CSS och JavaScript. De beh\u00f6ver ocks\u00e5 ha en f\u00f6rst\u00e5else f\u00f6r responsiv design och hur man skapar designl\u00f6sningar som fungerar bra p\u00e5 alla enheter.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Prototyper och designverktyg<\/strong><br \/>\nUI-designers anv\u00e4nder ofta prototyper och designverktyg f\u00f6r att skapa och testa olika designalternativ. De kan beh\u00f6va vara skickliga p\u00e5 att anv\u00e4nda verktyg som Sketch, Figma eller Adobe XD f\u00f6r att skapa interaktiva prototyper och visuella designl\u00f6sningar.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Samarbete och kommunikation<\/strong><br \/>\nEn UI-designer samarbetar ofta med andra teammedlemmar, som UX-designers, utvecklare och produktchefer. De beh\u00f6ver ha starka kommunikations- och samarbetsf\u00f6rm\u00e5gor f\u00f6r att s\u00e4kerst\u00e4lla att alla teammedlemmar f\u00f6rst\u00e5r designbesluten och kan arbeta tillsammans f\u00f6r att uppn\u00e5 gemensamma m\u00e5l.<\/p>\n<p>&nbsp;<\/p>\n<p>Ut\u00f6ver att jobba med dessa kompetenser samarbetar UI-designers ofta med andra team och avdelningar inom organisationen, s\u00e5som UX-designers, utvecklingsteam, produktchefer och marknadsf\u00f6rare. De kan ocks\u00e5 samarbeta med externa konsulter, byr\u00e5er och andra specialister f\u00f6r att f\u00e5 st\u00f6d och kompletterande kompetenser n\u00e4r det beh\u00f6vs. Genom att samarbeta och arbeta tillsammans med dessa olika team kan UI-designers s\u00e4kerst\u00e4lla att gr\u00e4nssnittsdesignen \u00e4r enhetlig och effektiv p\u00e5 alla niv\u00e5er i organisationen.<\/p>\n                <\/expandable-item>\n\n\n            \n                <expandable-item class=\"py-8 md:py-10 first-of-type:border-t border-b border-borderGrey\"\n                    title=\"Vilka typer av bolag anv\u00e4nder UI-designers?\"\n                    scroll=\"vilka-typer-av-bolag-anvander-ui-designers\"\n                    color=\"\"\n                >\n                    <p>UI-designers anv\u00e4nds i m\u00e5nga olika typer av bolag som vill skapa en professionell och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r sina digitala produkter eller tj\u00e4nster. H\u00e4r \u00e4r n\u00e5gra exempel p\u00e5 de typer av bolag d\u00e4r man vanligtvis anv\u00e4nder UI-designers:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>E-handelsbolag<\/strong><br \/>\nE-handelsbolag har vanligtvis en stor online-n\u00e4rvaro och \u00e4r beroende av en v\u00e4l utformad och anv\u00e4ndarv\u00e4nlig webbplats eller mobilapp f\u00f6r att locka och beh\u00e5lla kunder. En UI-designer kan hj\u00e4lpa till att skapa en visuellt tilltalande och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r deras e-handelsplattform.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Moderna produktbolag<\/strong><br \/>\nModerna produktbolag som fokuserar p\u00e5 teknologi, SaaS eller molntj\u00e4nster \u00e4r ofta beroende av en anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r att skapa en positiv anv\u00e4ndarupplevelse och maximera produktens anv\u00e4ndarv\u00e4nlighet. UI-designers kan hj\u00e4lpa till att skapa en enkel och effektiv gr\u00e4nssnittsdesign f\u00f6r deras produkter och tj\u00e4nster.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Digitala tj\u00e4nstebolag<\/strong><br \/>\nDigitala tj\u00e4nstebolag som fokuserar p\u00e5 webb- eller mobilapplikationsutveckling kan anv\u00e4nda UI-designers f\u00f6r att hj\u00e4lpa till att skapa en professionell och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r sina kunder.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Techbolag<\/strong><br \/>\nTechbolag som fokuserar p\u00e5 utveckling av tekniska plattformar, programvara eller h\u00e5rdvara beh\u00f6ver ocks\u00e5 en anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r att f\u00f6rb\u00e4ttra produktens anv\u00e4ndbarhet och anv\u00e4ndarupplevelse. UI-designers kan hj\u00e4lpa till att skapa en enkel och effektiv gr\u00e4nssnittsdesign f\u00f6r deras tekniska produkter.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Bolag som digitaliseras<\/strong><br \/>\nF\u00f6retag som digitaliserar sina produkter eller tj\u00e4nster beh\u00f6ver ofta en professionell och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r att g\u00f6ra sin online-n\u00e4rvaro mer engagerande och anv\u00e4ndarv\u00e4nlig. En UI-designer kan hj\u00e4lpa till att skapa en modern och effektiv gr\u00e4nssnittsdesign f\u00f6r deras digitala n\u00e4rvaro.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Digital transformation<\/strong><br \/>\nUI-designers kan ocks\u00e5 anv\u00e4ndas av bolag som genomg\u00e5r digital transformation, dvs bolag som transformeras fr\u00e5n traditionella aff\u00e4rsmodeller till digitala modeller. Genom att anv\u00e4nda en UI-designer kan bolagen skapa en modern och anv\u00e4ndarv\u00e4nlig gr\u00e4nssnittsdesign f\u00f6r sina digitala produkter och tj\u00e4nster, vilket \u00e4r avg\u00f6rande f\u00f6r att locka och beh\u00e5lla kunder p\u00e5 den digitala marknaden. En v\u00e4lutformad gr\u00e4nssnittsdesign kan hj\u00e4lpa bolag som genomg\u00e5r digital transformation att f\u00f6rb\u00e4ttra kundupplevelsen och st\u00e4rka deras digitala n\u00e4rvaro p\u00e5 marknaden.<\/p>\n                <\/expandable-item>\n\n\n            \n        <\/div>\n\n\n    \n<\/section>\n\n\n\n<section class=\"cards pt-8 xl:pt-32 pb-16 xl:pb-32 \">\n\n    <div class=\"holder\">\n        \n            <div class=\"card px-4 py-8 md:p-12 huge:p-16 neon rounded-card skew-right\">\n\n                <div class=\"flex flex-wrap items-center\">\n\n                    <div class=\"w-full xl:w-1\/2 xl:pr-32\">\n                        <div class=\"h-full flex flex-col\">\n                            <h2 class=\"font-spirit text-48px md:text-72px xl:text-88px leading-none mb-4 special-letter-spacing\">Beh\u00f6ver du hitta en UI-designer?<\/h2>\n                            <div class=\"md:text-18px xl:text-20px huge:text-24px mb-12\"><p>Vi p\u00e5 Trib kan hj\u00e4lpa dig hitta precis den profil du beh\u00f6ver. Vi har m\u00e5nga \u00e5rs erfarenhet och ett v\u00e4l upparbetat n\u00e4tverk med de b\u00e4sta talangerna och f\u00f6rm\u00e5gorna inom design.<\/p>\n<\/div>\n                                                            <div class=\"mt-auto hidden xl:block\">\n                                                                            <a class=\"btn black inline-block rounded\" href=\"https:\/\/www.trib.se\/how-can-we-help\/\" target=\"\">Kontakta oss idag<\/a>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"w-full xl:w-1\/2 ml-auto\">\n\n\n                                                    <ul>\n\n                                \n                                    <li class=\"flex items-center text-18px md:text-22px xl:text-24px huge:text-30px leading-none mb-6 md:mb-12 last:mb-0\">\n                                                                                    <img decoding=\"async\" class=\"mr-4\" src=\"https:\/\/www.trib.se\/wp-content\/themes\/trib\/img\/checkmark-black.svg\" \/>\n                                                                                <span>Flexibla rekryteringar anpassade efter dina behov<\/span>\n                                    <\/li>\n\n                                \n                                    <li class=\"flex items-center text-18px md:text-22px xl:text-24px huge:text-30px leading-none mb-6 md:mb-12 last:mb-0\">\n                                                                                    <img decoding=\"async\" class=\"mr-4\" src=\"https:\/\/www.trib.se\/wp-content\/themes\/trib\/img\/checkmark-black.svg\" \/>\n                                                                                <span>F\u00e5 tillg\u00e5ng till det b\u00e4sta n\u00e4tverket av talanger<\/span>\n                                    <\/li>\n\n                                \n                                    <li class=\"flex items-center text-18px md:text-22px xl:text-24px huge:text-30px leading-none mb-6 md:mb-12 last:mb-0\">\n                                                                                    <img decoding=\"async\" class=\"mr-4\" src=\"https:\/\/www.trib.se\/wp-content\/themes\/trib\/img\/checkmark-black.svg\" \/>\n                                                                                <span>En enskild roll eller ett helt team \u2013 fast rekrytering, frilanskonsulter eller bemanning<\/span>\n                                    <\/li>\n\n                                \n                                    <li class=\"flex items-center text-18px md:text-22px xl:text-24px huge:text-30px leading-none mb-6 md:mb-12 last:mb-0\">\n                                                                                    <img decoding=\"async\" class=\"mr-4\" src=\"https:\/\/www.trib.se\/wp-content\/themes\/trib\/img\/checkmark-black.svg\" \/>\n                                                                                <span>St\u00f6ttning och r\u00e5dgivning genom hela processen<\/span>\n                                    <\/li>\n\n                                \n                            <\/ul>\n                        \n                                                            <div class=\"mt-auto pt-12 block xl:hidden\">\n                                                                            <a class=\"btn black block  rounded\" href=\"https:\/\/www.trib.se\/how-can-we-help\/\" target=\"\">Kontakta oss idag<\/a>\n                                                                    <\/div>\n                            \n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        \n    <\/div>\n\n<\/section>\n\n\n\n<section class=\"process pt-8 xl:pt-32 pb-0 \">\n\n    <div class=\"holder\">\n\n        <h2 class=\"font-spirit text-48px md:text-72px xl:text-88px huge:text-120px leading-none mb-6 special-letter-spacing\">Roller vi gjort inom design<\/h2>\n        \n        \n    <\/div>\n\n<\/section>\n\n\n\n<section class=\"job-feed-basic filled-positions pt-0 pb-16 xl:pb-32 \">\n\n        \n            <div class=\"mt-16 md:mt-32\">\n\n                <div class=\"border-t border-darkness\">\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Kive<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Atlar<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Founding Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Monoscope<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designers<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Handelsbanken<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Simployer<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Senior Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Market Leading Platform<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Content \/ Graphic Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">J.LINDEBERG<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Android Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Outdoors Enthusiast App<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">UX Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Fintech company<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Handelsbanken [Malm\u00f6]<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Majority<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Lead Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Zynca<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Madden Analytics<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Senior Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Sana<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">UX Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Etraveli<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Kodiak Hub<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Senior UX Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Handelsbanken<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Product Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Swedbank Pay<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">UX Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">EF Education First<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"py-10 block border-b border-darkness bg-darkness\">\n                            <div class=\"holder\">\n                                <div class=\"md:flex items-center\">\n                                    <div>\n                                        <h3 class=\"font-spirit text-32px md:text-48px xl:text-56px huge:text-80px leading-none mb-6 text-neon\">Designer<\/h3>\n                                        <div class=\"md:flex items-center\">\n                                            <p class=\"leading-none text-18px mb-4 md:mb-0 md:text-22px xl:text-24px huge:text-30px mr-6\">Sana <\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"ml-auto mt-8 md:mt-0\">\n                                        <span class=\"text-14px md:text-base mini-tag larger uppercase border rounded-full border-white\">Completed<\/span>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n\n                    \n                <\/div>\n            <\/div>\n\n        \n<\/section>\n\n\n\n<section class=\"text-with-label pt-8 xl:pt-32 pb-16 xl:pb-32 \">\n\n    <div class=\"holder\">\n\n        <div class=\"flex flex-col lg:flex-row lg:pl-20 lg:pr-0\">\n            <div class=\"lg:pt-4 mb-4 lg:mb-0\">\n                <h3 class=\"text-18px md:text-22px lg:text-24px leading-none\">Vi \u00e4r Trib<\/h3>\n            <\/div>\n            <div class=\" lg:w-7\/10 ml-auto\">\n                <div class=\"text-with-label-content\">\n                    <h2 class=\"text-48px md:text-72px xl:text-88px leading-none mb-6 special-letter-spacing\">En rekryteringsbyr\u00e5 i Stockholm <span class=\"font-spirit\">som kan UI-design<\/span><\/h2>\n                    <div class=\"wysiwyg md:text-18px lg:text-20px\">\n                        <p>Vi bygger organisationer och h\u00f6gpresterande team tillsammans med start-ups, scale-ups, SaaS-bolag, e-handelsf\u00f6retag och traditionella organisationer, och det inkluderar b\u00e5de UI- och UX-design.<\/p>\n<p>V\u00e5rt n\u00e4tverk av talanger str\u00e4cker sig fr\u00e5n juniora f\u00f6rm\u00e5gor till C-level inom service, growth, marknadsf\u00f6ring, tech, produktutveckling, design och UX. Vi har erfarna UX-designers som kan hj\u00e4lpa er att skapa en positiv anv\u00e4ndarupplevelse f\u00f6r era digitala produkter och tj\u00e4nster.<\/p>\n<p>Oavsett om behovet \u00e4r frilansande konsulter, bemanning eller fast rekrytering s\u00e5 hj\u00e4lper vi er att snabbt n\u00e5 era m\u00e5l med hj\u00e4lp av v\u00e5r breda kompetens inom UI-design och andra omr\u00e5den.<\/p>\n                    <\/div>\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":8476,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9266","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI-designer - Trib<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI-designer - Trib\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/\" \/>\n<meta property=\"og:site_name\" content=\"Trib\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-06T13:40:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.trib.se\/wp-content\/uploads\/2022\/08\/og_image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"637\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/ui-designer\\\/\",\"url\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/ui-designer\\\/\",\"name\":\"UI-designer - Trib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.trib.se\\\/#website\"},\"datePublished\":\"2023-03-03T13:16:25+00:00\",\"dateModified\":\"2023-03-06T13:40:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/ui-designer\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/ui-designer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/ui-designer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Omr\u00e5den\",\"item\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design\",\"item\":\"https:\\\/\\\/www.trib.se\\\/sv\\\/omraden\\\/design\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"UI-designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.trib.se\\\/#website\",\"url\":\"https:\\\/\\\/www.trib.se\\\/\",\"name\":\"Trib\",\"description\":\"Stockholm-based talent expert, freelance agent and headhunter\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.trib.se\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI-designer - Trib","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/","og_locale":"sv_SE","og_type":"article","og_title":"UI-designer - Trib","og_url":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/","og_site_name":"Trib","article_modified_time":"2023-03-06T13:40:05+00:00","og_image":[{"width":1200,"height":637,"url":"https:\/\/www.trib.se\/wp-content\/uploads\/2022\/08\/og_image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/","url":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/","name":"UI-designer - Trib","isPartOf":{"@id":"https:\/\/www.trib.se\/#website"},"datePublished":"2023-03-03T13:16:25+00:00","dateModified":"2023-03-06T13:40:05+00:00","breadcrumb":{"@id":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.trib.se\/sv\/omraden\/design\/ui-designer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.trib.se\/sv\/"},{"@type":"ListItem","position":2,"name":"Omr\u00e5den","item":"https:\/\/www.trib.se\/sv\/omraden\/"},{"@type":"ListItem","position":3,"name":"Design","item":"https:\/\/www.trib.se\/sv\/omraden\/design\/"},{"@type":"ListItem","position":4,"name":"UI-designer"}]},{"@type":"WebSite","@id":"https:\/\/www.trib.se\/#website","url":"https:\/\/www.trib.se\/","name":"Trib","description":"Stockholm-based talent expert, freelance agent and headhunter","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.trib.se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"}]}},"_links":{"self":[{"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/pages\/9266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/comments?post=9266"}],"version-history":[{"count":8,"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/pages\/9266\/revisions"}],"predecessor-version":[{"id":9384,"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/pages\/9266\/revisions\/9384"}],"up":[{"embeddable":true,"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/pages\/8476"}],"wp:attachment":[{"href":"https:\/\/www.trib.se\/sv\/wp-json\/wp\/v2\/media?parent=9266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}