1:"$Sreact.fragment" 9:X e:X e:C 0:{"buildId":"bslOSL3osDk5pLqCCd55_","data":[{"rsc":["$","$1","c",{"children":[[["$","section",null,{"className":"\r\n\n relative\r\n\n isolate\r\n\n overflow-hidden\r\n\n bg-[#0a0a0a]\r\n\n py-28\r\n\n sm:py-32\r\n\n lg:py-36\r\n\n ","children":[["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n inset-0\r\n\n -z-10\r\n\n opacity-[0.07]\r\n\n ","style":{"backgroundImage":"\n linear-gradient(\n rgba(255,255,255,0.5) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(255,255,255,0.5) 1px,\n transparent 1px\n )\n ","backgroundSize":"70px 70px"}}],["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n -right-40\r\n\n -top-40\r\n\n h-[500px]\r\n\n w-[500px]\r\n\n rounded-full\r\n\n bg-orange/20\r\n\n blur-[120px]\r\n\n "}],["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n -bottom-52\r\n\n -left-40\r\n\n h-[450px]\r\n\n w-[450px]\r\n\n rounded-full\r\n\n bg-orange/10\r\n\n blur-[110px]\r\n\n "}],["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n right-[8%]\r\n\n top-1/2\r\n\n hidden\r\n\n h-[260px]\r\n\n w-[260px]\r\n\n -translate-y-1/2\r\n\n rounded-full\r\n\n border\r\n\n border-orange/20\r\n\n lg:block\r\n\n "}],["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n right-[11%]\r\n\n top-1/2\r\n\n hidden\r\n\n h-[190px]\r\n\n w-[190px]\r\n\n -translate-y-1/2\r\n\n rounded-full\r\n\n border\r\n\n border-white/10\r\n\n lg:block\r\n\n "}],["$","div",null,{"className":"\r\n\n pointer-events-none\r\n\n absolute\r\n\n bottom-10\r\n\n right-[18%]\r\n\n hidden\r\n\n h-24\r\n\n w-24\r\n\n opacity-40\r\n\n lg:block\r\n\n ","style":{"backgroundImage":"radial-gradient(circle, rgba(255,255,255,0.8) 1.5px, transparent 1.5px)","backgroundSize":"12px 12px"}}],["$","div",null,{"className":"relative mx-auto w-full max-w-7xl px-6 sm:px-8 lg:px-10","children":["$","div",null,{"className":"flex flex-col items-center justify-center text-center","children":[["$","div",null,{"className":"mb-5 flex items-center gap-3","children":[["$","span",null,{"className":"h-px w-8 bg-orange sm:w-12"}],["$","span",null,{"className":"text-[14px] leading-[1.5] sm:text-[15px] lg:text-[16px] \r\n\n text-[11px]\r\n\n font-bold\r\n\n uppercase\r\n\n tracking-[0.18em]\r\n\n text-orange\r\n\n sm:text-[12px]\r\n\n ","children":"KrionaTech"}],"$L2"]}],"$L3","$L4"]}]}],"$L5"]}],"$L6"],null,"$L7"]}],"isPartial":"$@8","staleTime":"$9","varyParams":null},{"rsc":"$La","isPartial":"$@b","staleTime":"$9","varyParams":null},{"rsc":"$Lc","isPartial":"$@d","staleTime":"$9","varyParams":"$e"},{"rsc":"$Lf","isPartial":"$@10","staleTime":"$9","varyParams":"$e"}],"isUpgradeableISRFallback":false,"a":"$@11","rootVaryParams":null,"needsRuntimeRequest":"$@12"} 13:I[22016,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],""] 14:I[5014,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"default"] 15:I[69176,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"default"] 16:I[97367,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"OutletBoundary"] 17:"$Sreact.suspense" 19:I[97367,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"ViewportBoundary"] 1a:I[97367,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"MetadataBoundary"] 1b:I[27201,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"IconMark"] 1c:I[39756,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"default"] 1d:I[37457,["/_next/static/chunks/00pvoaqr9ac9r.js","/_next/static/chunks/1dpv6c6pbf3oq.js"],"default"] 2:["$","span",null,{"className":"h-px w-8 bg-orange sm:w-12"}] 3:["$","h1",null,{"className":"text-[36px] leading-[1.15] font-bold tracking-[-0.02em] sm:text-[44px] md:text-[48px] lg:text-[56px] \r\n\n max-w-4xl\r\n\n uppercase\r\n\n leading-[1]\r\n\n tracking-[-0.035em]\r\n\n text-white\r\n\n ","children":"Branding & UI/UX Design"}] 4:["$","nav",null,{"aria-label":"Breadcrumb","className":"\r\n\n mt-7\r\n\n flex\r\n\n items-center\r\n\n justify-center\r\n\n rounded-full\r\n\n border\r\n\n border-white/10\r\n\n bg-white/[0.04]\r\n\n px-5\r\n\n py-2.5\r\n\n backdrop-blur-sm\r\n\n ","children":[["$","$L13",null,{"href":"/","className":"\r\n\n text-[14px]\r\n\n font-medium\r\n\n text-white/70\r\n\n transition-colors\r\n\n duration-300\r\n\n hover:text-orange\r\n\n sm:text-[15px]\r\n\n ","children":"Home"}],[["$","div","Services-0",{"className":"flex items-center","children":[["$","$L14",null,{"iconNode":[["path",{"d":"m9 18 6-6-6-6","key":"mthhwq"}]],"className":"lucide-chevron-right mx-2 text-white/30","size":17,"strokeWidth":1.7}],["$","$L13",null,{"href":"/services","className":"\r\n\n text-[14px]\r\n\n font-medium\r\n\n text-orange\r\n\n transition-colors\r\n\n duration-300\r\n\n hover:text-white\r\n\n sm:text-[15px]\r\n\n ","children":"Services"}]]}],["$","div","branding-ui-ux-design-1",{"className":"flex items-center","children":[["$","$L14",null,{"iconNode":"$4:props:children:1:0:props:children:0:props:iconNode","className":"lucide-chevron-right mx-2 text-white/30","size":17,"strokeWidth":1.7}],["$","span",null,{"className":"\r\n\n text-[14px]\r\n\n font-medium\r\n\n text-orange\r\n\n sm:text-[15px]\r\n\n ","children":"branding-ui-ux-design"}]]}]]]}] 5:["$","div",null,{"className":"\r\n\n absolute\r\n\n bottom-0\r\n\n left-1/2\r\n\n h-[2px]\r\n\n w-24\r\n\n -translate-x-1/2\r\n\n bg-orange\r\n\n sm:w-32\r\n\n "}] 6:["$","$L15",null,{"service":{"id":4,"slug":"branding-ui-ux-design","title":"Branding & UI/UX Design","icon":{"src":"/_next/static/media/service-icon1_4.1thg74q745xf6.svg","width":40,"height":40,"blurWidth":0,"blurHeight":0},"img_detail":{"src":"/_next/static/media/branding-ui-ux-design.3511t6b34ku50.png","width":1492,"height":1054,"blurWidth":8,"blurHeight":6,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAIAAABxZ0isAAAAoUlEQVR42gGWAGn/AN/f1M7IxtPJxa+pppSTkYeFe2psY5+XcADGxrarpaTNwr+bmJianJ+qq65dYWSdhHUAp62IiYiBq6emlJSUmpufrq6xYmVmoZN3AKyuk7SvqM7HxMK+vLCurZiYl4aFg6GffwB+fHjPy8jKwcLMwb6tq6mQj4yZlpKNin4AoZ6a4dvYyL3Ky7q9nJigY2VmcG9sbW1jqwJZyNvVZRMAAAAASUVORK5CYII="},"description":"From brand identity to interface design — we shape how customers see and use your product.","timeline":"3–8 Weeks","metaTitle":"Branding & UI/UX Design | KrionaTech","metaDescription":"Custom AI chatbots, workflow automation, and document processing pipelines that eliminate manual work and integrate with your existing tools.","pricing":"Fixed Price","intro":["We build brands and interfaces that are as functional as they are beautiful — starting with your brand identity and carrying it through into every screen your users touch.","Design isn't decoration for us — it's a tool for reducing friction, building trust, and getting users to the outcome they came for."],"body":["From logo and brand guidelines to wireframes and high-fidelity prototypes, we design experiences that reduce friction, build trust, and make your product a pleasure to use.","We validate design decisions with real user research and usability testing rather than opinion, so what ships is backed by evidence, not just taste.","Every deliverable is developer-ready — organized components, clear specs, and a design system — so handoff to engineering doesn't lose fidelity or slow down the build."],"quote":"Good design is invisible — users just feel that everything works.","features":["Brand identity, logo & guidelines","User research & persona mapping","Wireframes & interactive prototypes","Design systems & component libraries","Accessibility-first design (WCAG)","Developer-ready hand-off","Usability testing","Design QA during development"],"techStack":["Figma","Adobe XD","Framer","Maze","Zeplin"],"benefits":[{"title":"Consistent brand experience","description":"One system carries your identity across web, product, and marketing."},{"title":"Evidence, not opinion","description":"Design decisions are validated through real user research and testing."},{"title":"Faster development","description":"Developer-ready specs and components mean less back-and-forth during build."},{"title":"Accessible by default","description":"WCAG-conscious design broadens who can actually use your product."}],"process":[{"step":"01","title":"Discovery & research","description":"We learn your brand, users, and goals through research and stakeholder interviews."},{"step":"02","title":"Wireframes","description":"We map structure and flows before visual design begins."},{"step":"03","title":"Visual design & prototyping","description":"We design high-fidelity screens and interactive prototypes."},{"step":"04","title":"Handoff & QA","description":"We deliver developer-ready assets and review implementation for design fidelity."}],"faqs":[{"question":"Do you design and develop, or just design?","answer":"We offer both — design can stand alone or pair with our web & mobile development team for a seamless handoff."},{"question":"Will we get a full design system?","answer":"Yes, most engagements include a reusable component library and style guide, not just static screens."},{"question":"Do you conduct user testing?","answer":"Yes, usability testing is included to validate key flows before development."},{"question":"What files do we receive?","answer":"You'll get Figma source files, exported assets, and documented specs ready for engineering."}]},"otherServices":[{"name":"AI Solutions & Automation","href":"/services/ai-solutions-automation"},{"name":"Web & Mobile Development","href":"/services/web-mobile-development"},{"name":"Digital Marketing & SEO","href":"/services/digital-marketing-seo"},{"name":"Custom Software Development","href":"/services/custom-software-development"},{"name":"Strategy & Consulting","href":"/services/strategy-consulting"},{"name":"Cloud, DevOps & Infrastructure","href":"/services/cloud-devops-infrastructure"},{"name":"Quality Assurance & Support","href":"/services/quality-assurance-support"},{"name":"Social Media & Content Marketing","href":"/services/social-media-content-marketing"},{"name":"Analytics & Growth","href":"/services/analytics-growth"}]}] 7:["$","$L16",null,{"children":["$","$17",null,{"name":"Next.MetadataOutlet","children":"$@18"}]}] a:["$","$1","h",{"children":[null,["$","$L19",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L1a",null,{"children":["$","$17",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"Branding & UI/UX Design | KrionaTech | KrionaTech"}],["$","meta","1",{"name":"description","content":"Custom AI chatbots, workflow automation, and document processing pipelines that eliminate manual work and integrate with your existing tools."}],["$","meta","2",{"name":"application-name","content":"KrionaTech"}],["$","link","3",{"rel":"author","href":"https://krionatech.com"}],["$","meta","4",{"name":"author","content":"KrionaTech"}],["$","meta","5",{"name":"keywords","content":"KrionaTech,KrionaTech software development,software development company,software development company India,custom software development,AI automation company,AI solutions company,web development company,mobile app development company,digital transformation company,technology solutions,IT solutions company"}],["$","meta","6",{"name":"creator","content":"KrionaTech"}],["$","meta","7",{"name":"publisher","content":"KrionaTech"}],["$","meta","8",{"name":"robots","content":"index, follow"}],["$","meta","9",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","10",{"name":"category","content":"Technology"}],["$","link","11",{"rel":"canonical","href":"https://krionatech.com"}],["$","meta","12",{"property":"og:title","content":"KrionaTech | AI, Software Development & Digital Transformation"}],["$","meta","13",{"property":"og:description","content":"KrionaTech delivers AI automation, custom software development, web and mobile app development, UI/UX design, cloud solutions, digital marketing, and technology consulting for growing businesses."}],["$","meta","14",{"property":"og:url","content":"https://krionatech.com"}],["$","meta","15",{"property":"og:site_name","content":"KrionaTech"}],["$","meta","16",{"property":"og:locale","content":"en_IN"}],["$","meta","17",{"property":"og:image","content":"https://krionatech.com/images/og-image.jpg"}],["$","meta","18",{"property":"og:image:width","content":"1200"}],["$","meta","19",{"property":"og:image:height","content":"630"}],["$","meta","20",{"property":"og:image:alt","content":"KrionaTech - AI, Software Development & Digital Transformation"}],["$","meta","21",{"property":"og:type","content":"website"}],["$","meta","22",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","23",{"name":"twitter:title","content":"KrionaTech | AI, Software Development & Digital Transformation"}],["$","meta","24",{"name":"twitter:description","content":"KrionaTech delivers AI automation, custom software development, web and mobile app development, UI/UX design, cloud solutions, digital marketing, and technology consulting for growing businesses."}],["$","meta","25",{"name":"twitter:image","content":"https://krionatech.com/images/og-image.jpg"}],["$","link","26",{"rel":"shortcut icon","href":"/icon.png"}],["$","link","27",{"rel":"icon","href":"/favicon.ico?favicon.02cd46xuuybr2.ico","sizes":"48x48","type":"image/x-icon"}],["$","link","28",{"rel":"icon","href":"/icon.png"}],["$","link","29",{"rel":"apple-touch-icon","href":"/icon.png"}],["$","$L1b","30",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] c:["$","$1","c",{"children":[null,["$","$L1c",null,{"parallelRouterKey":"children","template":["$","$L1d",null,{}]}]]}] f:["$","$1","c",{"children":[null,["$","$L1c",null,{"parallelRouterKey":"children","template":["$","$L1d",null,{}]}]]}] 12:true 18:null 9:300 9:C 11:0 b:"$undefined" d:"$undefined" 10:"$undefined" 8:"$undefined"