PageSourceSearch

https://uq.dev/en/services/web-app-entwicklung

html uq.dev collected 2026-10-05 08:53:36 UTC 106,384 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="h-full text-slate-900 bg-neutral-950 antialiased scroll-smooth overscroll-y-none font_35dc1b4e-module__bDt0iq__className"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/Satoshi_Black-s.p.0mxjq567rs1on.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_BlackItalic-s.p.0a4~di~h29uuo.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Bold-s.p.0yt9gwi-.i49f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_BoldItalic-s.p.0~t.e0r6oynfi.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Italic-s.p.14k0agdnrny~o.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Light-s.p.0lx670_9j82xu.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_LightItalic-s.p.02_-9h.oclja3.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Medium-s.p.0hq2a81xn4_re.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_MediumItalic-s.p.0mx.vhn.qsfyq.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Regular-s.p.049.kwhs-b7lf.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_Variable-s.p.0we6-2px855vh.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/Satoshi_VariableItalic-s.p.14_dcl7erp6w3.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/_next/static/media/gb.0wo-7ngbcrns~.svg"/><link rel="stylesheet" href="/_next/static/chunks/0kcr-ob9qdnu_.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0ppbkkqnpa6-g.js"/>
1<script src="/_next/static/chunks/0ingi5-1_0et-.js" async=""></script>
1<script src="/_next/static/chunks/138cna.zgiern.js" async=""></script>
1<script src="/_next/static/chunks/0m_p1bxtorv5i.js" async=""></script>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-02yv3on73g199.js" async=""></script>
1<script src="/_next/static/chunks/01xlw8hd842-c.js" async=""></script>
1<script src="/_next/static/chunks/00-csyj9a6t-x.js" async=""></script>
1<script src="/_next/static/chunks/10795n~ad3qew.js" async=""></script>
1<script src="/_next/static/chunks/0bpacdbk9x0yd.js" async=""></script>
1<script src="/_next/static/chunks/0k0s3fhzrr0~6.js" async=""></script>
1<script src="/_next/static/chunks/02hpnu_.j-63c.js" async=""></script>
1<script src="/_next/static/chunks/0rpbsw-quuwoq.js" async=""></script>
1<script src="/_next/static/chunks/0gqsf6v3t.ty3.js" async=""></script>
1<script src="/_next/static/chunks/05dj1r0r.0~7l.js" async=""></script>
1<script src="/_next/static/chunks/11u7pdh8wa28i.js" async=""></script>
1<script src="/_next/static/chunks/0l3fn2tftdi4f.js" async=""></script>
1<script src="/_next/static/chunks/17cg3z1l5nqg9.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=AW-17530783284" as="script"/><meta name="next-size-adjust" content=""/><title>Web App Development Hamburg | Custom Solutions — UQ.dev</title><meta name="description" content="UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today."/><link rel="canonical" href="https://uq.dev/en/services/web-app-entwicklung"/><link rel="alternate" hrefLang="de" href="https://uq.dev/de/services/web-app-entwicklung"/><link rel="alternate" hrefLang="en" href="https://uq.dev/en/services/web-app-entwicklung"/><meta property="og:title" content="Web App Development Hamburg | Custom Solutions — UQ.dev"/><meta property="og:description" content="UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today."/><meta property="og:url" content="https://uq.dev/en/services/web-app-entwicklung"/><meta property="og:locale" content="en_US"/><meta property="og:locale:alternate" content="de_DE"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Web App Development Hamburg | Custom Solutions — UQ.dev"/><meta name="twitter:description" content="UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today."/><link rel="icon" href="/en/icon?c8350a019ee698d2" type="image/png" sizes="32x32"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="bg-neutral-950"><div hidden=""><!--$--><!--/$--></div>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"ProfessionalService","@id":"https://uq.dev/#organization","name":"UQ.dev","legalName":"Unique (Deutschland) GmbH","url":"https://uq.dev","logo":"https://uq.dev/logo.png","description":"Hamburger Agentur fuer massgeschneiderte Web-Applikationen, Design Systeme und digitale Transformation.","foundingDate":"1988","address":{"@type":"PostalAddress","streetAddress":"Randstraße 1","addressLocality":"Hamburg","postalCode":"22525","addressCountry":"DE"},"contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer service"},"sameAs":["https://www.linkedin.com/company/uq-dev","https://github.com/unique"],"knowsAbout":["Web Development","React","Next.js","TypeScript","Design Systems","Docker",".NET"],"areaServed":["DE","AT","CH"]},{"@type":"Person","@id":"https://uq.dev/#jurij-koch","name":"Jurij Koch","jobTitle":"CEO & Full-Stack Developer","worksFor":{"@id":"https://uq.dev/#organization"},"sameAs":"https://www.linkedin.com/in/jurij-koch"}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://uq.dev/en"}]}</script>
1<header><div class="absolute left-0 right-0 top-2 z-40 pt-14"><div class="container"><div class="flex items-center justify-between"><a aria-label="Home" class="flex items-center space-x-6" href="/en"><svg viewBox="0 0 82 44" height="24" class="fill-slate-800"><path d="M 33 22.563 C 33 30.975 27.86 40 16.499 40 C 6.654 40 0 32.98 0 22.563 L 0 3.677 C 0 1.671 1.623 0 3.571 0 C 5.572 0 7.195 1.671 7.195 3.677 L 7.195 22.563 C 7.195 25.627 8.06 32.59 16.499 32.59 C 23.371 32.59 25.805 27.409 25.805 22.563 L 25.805 14.763 C 25.805 12.758 27.428 11.087 29.43 11.087 C 31.377 11.087 33 12.758 33 14.763 L 33 22.563 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 25.5 3.97 C 25.5 1.805 27.305 0 29.531 0 C 31.697 0 33.5 1.805 33.5 3.97 C 33.5 6.197 31.697 8 29.531 8 C 27.305 8 25.5 6.197 25.5 3.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2" class="fill-[#0284c7]"></path><path d="M 40 20.054 C 40 8.966 48.955 0 59.973 0 C 70.991 0 80 8.966 80 20.054 C 80 31.087 70.991 40 59.973 40 C 48.955 40 40 31.087 40 20.054 Z M 47.218 20.054 C 47.218 27.12 52.917 32.77 59.973 32.77 C 67.028 32.77 72.782 27.12 72.782 20.054 C 72.782 12.99 67.028 7.229 59.973 7.229 C 52.917 7.229 47.218 12.99 47.218 20.054 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 74 39.97 C 74 37.805 75.805 36 78.031 36 C 80.197 36 82 37.805 82 39.97 C 82 42.197 80.197 44 78.031 44 C 75.805 44 74 42.197 74 39.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path></svg><div class="hidden md:inline-block leading-tight"><div class="font-bold text-md">UQ.dev</div><div class="text-sm">Hamburger Agentur für Web-Applikationen</div></div></a><div class="flex items-center gap-x-8"><button class="justify-center rounded-lg text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground h-10 px-4 py-2 flex items-center gap-2 hover:bg-neutral-50 hover:shadow" type="button" id="radix-_R_citivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><img alt="english flag" width="20" height="20" decoding="async" data-nimg="1" class="rounded-full w-5 h-5 ring-1 ring-white shadow shadow-neutral-300" style="color:transparent" src="/_next/static/media/gb.0wo-7ngbcrns~.svg"/><span class="text-neutral-950 uppercase text-xs font-bold">en</span></button><a class="inline-flex items-center justify-center rounded-lg ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 text-base font-bold bg-neutral-950 text-white hover:bg-neutral-800 flex items-center gap-2" href="/en/contact"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M464 512a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm200 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-400 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"></path></svg> <!-- -->Contact</a><button type="button" aria-expanded="false" aria-controls="_R_5ivb_" class="group -m-2.5 rounded-full p-2.5 transition hover:rotate-6 ease-in-out stroke-neutral-950 group-hover:stroke-neutral-700" aria-label="Toggle navigation"><div class="flex space-x-2 p-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 hover:rotate-6 ease-in-out stroke-neutral-950 group-hover:stroke-neutral-700" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 8l16 0"></path><path d="M4 16l16 0"></path></svg><div class="hidden md:block text-neutral-950 group-hover:text-neutral-700">Menu</div></div></button></div></div></div></div><div id="_R_5ivb_" class="relative z-50 overflow-hidden bg-neutral-950 pt-2 h-2" aria-hidden="true"><div class="bg-neutral-800"><div class="bg-neutral-950 pb-10 pt-14"><div class="container"><div class="flex items-center justify-between"><a aria-label="Home" class="flex items-center space-x-6" href="/en"><svg viewBox="0 0 82 44" height="24" class="fill-white"><path d="M 33 22.563 C 33 30.975 27.86 40 16.499 40 C 6.654 40 0 32.98 0 22.563 L 0 3.677 C 0 1.671 1.623 0 3.571 0 C 5.572 0 7.195 1.671 7.195 3.677 L 7.195 22.563 C 7.195 25.
1627 8.06 32.59 16.499 32.59 C 23.371 32.59 25.805 27.409 25.805 22.563 L 25.805 14.763 C 25.805 12.758 27.428 11.087 29.43 11.087 C 31.377 11.087 33 12.758 33 14.763 L 33 22.563 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 25.5 3.97 C 25.5 1.805 27.305 0 29.531 0 C 31.697 0 33.5 1.805 33.5 3.97 C 33.5 6.197 31.697 8 29.531 8 C 27.305 8 25.5 6.197 25.5 3.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2" class="fill-white"></path><path d="M 40 20.054 C 40 8.966 48.955 0 59.973 0 C 70.991 0 80 8.966 80 20.054 C 80 31.087 70.991 40 59.973 40 C 48.955 40 40 31.087 40 20.054 Z M 47.218 20.054 C 47.218 27.12 52.917 32.77 59.973 32.77 C 67.028 32.77 72.782 27.12 72.782 20.054 C 72.782 12.99 67.028 7.229 59.973 7.229 C 52.917 7.229 47.218 12.99 47.218 20.054 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 74 39.97 C 74 37.805 75.805 36 78.031 36 C 80.197 36 82 37.805 82 39.97 C 82 42.197 80.197 44 78.031 44 C 75.805 44 74 42.197 74 39.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path></svg><div class="hidden md:inline-block leading-tight text-white"><div class="font-bold text-md">UQ.dev</div><div class="text-sm">Hamburger Agentur für Web-Applikationen</div></div></a><div class="flex items-center gap-x-8"><button class="justify-center rounded-lg text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 flex items-center gap-2 hover:bg-white/10 hover:text-white" type="button" id="radix-_R_pl2tivb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><img alt="english flag" width="20" height="20" decoding="async" data-nimg="1" class="rounded-full w-5 h-5 ring-1 ring-white opacity-80 grayscale" style="color:transparent" src="/_next/static/media/gb.0wo-7ngbcrns~.svg"/><span class="text-white uppercase text-xs font-bold">en</span></button><a class="inline-flex items-center justify-center rounded-lg ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 text-base font-bold bg-white text-neutral-950 hover:bg-neutral-200 flex items-center gap-2" href="/en/contact"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" class="w-4 h-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M464 512a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm200 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-400 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"></path></svg> <!-- -->Contact</a><button type="button" aria-expanded="false" aria-controls="_R_5ivb_" class="group -m-2.5 rounded-full p-2.5 transition hover:rotate-6 ease-in-out stroke-white group-hover:stroke-neutral-200" aria-label="Toggle navigation"><div class="flex space-x-2 p-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-6 w-6 hover:rotate-6 ease-in-out stroke-white group-hover:stroke-neutral-200"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><div class="hidden md:block text-white group-hover:text-neutral-200">Menu</div></div></button></div></div></div></div><nav class="mt-px font-display text-4xl md:text-5xl font-medium tracking-tight text-white"><div class=" sm:bg-neutral-950"><div class="container"><div class="grid grid-cols-1 sm:grid-cols-2"><a class="group relative isolate -mx-8 bg-neutral-950 px-8 py-10 even:mt-px sm:mx-0 sm:px-0 sm:py-16 sm:odd:pr-16 sm:even:mt-0 sm:even:border-l sm:even:border-neutral-800 sm:even:pl-16" href="/en#portfolio">Portfolio<span class="absolute inset-y-0 -z-10 w-screen bg-neutral-900 opacity-0 transition group-odd:right-0 group-even:left-0 group-hover:opacity-100"></span></a><a class="group relative isolate -mx-8 bg-neutral-950 px-8 py-10 even:mt-px sm:mx-0 sm:px-0 sm:py-16 sm:odd:pr-16 sm:even:mt-0 sm:even:border-l sm:even:border-neutral-800 sm:even:pl-16" href="/en#process">Approach<span class="absolute inset-y-0 -z-10 w-screen bg-neutral-900 opacity-0 transition group-odd:right-0 group-even:left-0 group-hover:opacity-100"></span></a></div></div></div><div class="mt-px sm:bg-neutral-950"><div class="container"><div class="grid grid-cols-1 sm:grid-cols-2"><a class="group relative isolate -mx-8 bg-neutral-950 px-8 py-10 even:mt-px sm:mx-0 sm:px-0 sm:py-16 sm:odd:pr-16 sm:even:mt-0 sm:even:border-l sm:even:border-neutral-800 sm:even:pl-16" href="/en#booking">Book Appointment<span class="absolute inset-y-0 -z-10 w-screen bg-neutral-900 opacity-0 transition group-odd:right-0 group-even:left-0 group-hover:opacity-100"></span></a><a class="group relative isolate -mx-8 bg-neutral-950 px-8 py-10 even:mt-px sm:mx-0 sm:px-0 sm:py-16 sm:odd:pr-16 sm:even:mt-0 sm:even:border-l sm:even:border-neutral-800 sm:even:pl-16" href="/en/services/web-app-entwicklung">Services<span class="absolute inset-y-0 -z-10 w-screen bg-neutral-900 opacity-0 transition group-odd:right-0 group-even:left-0 group-hover:opacity-100"></span></a></div></div></div></nav><div class="relative bg-neutral-950 before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-neutral-800"><div class="container pb-16 pt-10 sm:pt-16"><div class="sm:border-l col-start-1 sm:border-transparent"><ul role="list" class="flex gap-x-10 text-white"><li><a target="_blank" aria-label="Teams" class="transition hover:text-neutral-200" href="https://teams.microsoft.com/l/chat/0/[email protected]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="h-8 w-8 fill-current" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M112,104a8,8,0,0,1-8,8H96v40a8,8,0,0,1-16,0V112H72a8,8,0,0,1,0-16h32A8,8,0,0,1,112,104ZM232,92.74V152a40,40,0,0,1-36.63,39.85,64,64,0,0,1-118.7.15H40a16,16,0,0,1-16-16V80A16,16,0,0,1,40,64H96.81a40,40,0,0,1,73.31-28.85A32,32,0,0,1,211.69,80h7.57A12.76,12.76,0,0,1,232,92.74ZM112,56a23.82,23.82,0,0,0,1.38,8H136a16,16,0,0,1,15.07,10.68A24,24,0,1,0,112,56Zm24,120h0V80H40v96h96Zm48-80H152v80a16,16,0,0,1-16,16H94.44A48,48,0,0,0,184,168Zm16-32a16,16,0,0,0-24.4-13.6A39.89,39.89,0,0,1,168,80h16A16,16,0,0,0,200,64Zm16,32H200v72a62.76,62.76,0,0,1-.36,6.75A24,24,0,0,0,216,152Z"></path></svg></a></li><li><a target="_blank" aria-label="LinkedIn" class="transition hover:text-neutral-200" href="https://linkedin.com/company/uq-dev"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-8 w-8 fill-current" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li><li><a target="_blank" aria-label="GitHub" class="transition hover:text-neutral-200" href="https://github.com/unique"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github h-8 w-8 fill-current"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></li><li><a target="_blank" aria-label="upwork" class="transition hover:text-neutral-200" href="https://upwork.com/ag/unique/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="h-8 w-8 fill-current" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.561 13.158c-1.102 0-2.135-.467-3.074-1.227l.228-1.076.008-.042c.207-1.143.849-3.06 2.839-3.06 1.492 0 2.703 1.212 2.703 2.703-.001 1.489-1.212 2.702-2.704 2.702zm0-8.14c-2.539 0-4.51 1.649-5.31 4.366-1.22-1.834-2.148-4.036-2.687-5.892H7.828v7.112c-.002 1.406-1.141 2.546-2.547 2.548-1.405-.002-2.543-1.143-2.545-2.548V3.492H0v7.112c0 2.914 2.37 5.303 5.281 5.303 2.913 0 5.283-2.389 5.283-5.303v-1.19c.529 1.107 1.182 2.229 1.974 3.221l-1.673 7.873h2.797l1.213-5.71c1.063.679 2.285 1.109 3.686 1.109 3 0 5.439-2.452 5.439-5.45 0-3-2.439-5.439-5.439-5.439z"></path></svg></a></li></ul></div></div></div></div></div></header><div class="relative flex flex-auto overflow-clip bg-background pt-0 pb-20 z-10" style="border-radius:300px / 40px"><div class="relative isolate flex w-full flex-col pt-0"><main class="w-full flex-auto">
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Service","name":"Web App Development Hamburg","provider":{"@id":"https://uq.dev/#organization"},"areaServed":"Hamburg, Germany","description":"Custom web applications for Hamburg-based businesses — CRM systems, dashboards, B2B portals, and industry-specific solutions.","url":"https://uq.dev/en/services/web-app-entwicklung","serviceType":"Web Application Development"}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How much does a web app cost?","acceptedAnswer":{"@type":"Answer","text":"Costs depend heavily on the feature scope and complexity. As a market reference: Simple web applications typically start at around €15,000, while complex systems with extensive business logic range from €50,000 and above. After a detailed requirements analysis, we provide a customized quote — transparent and with no hidden costs."}},{"@type":"Question","name":"How long does web app development take?","acceptedAnswer":{"@type":"Answer","text":"Development timelines vary depending on scope. Simple web apps can be delivered in 4 to 8 weeks. More complex systems typically require 3 to 6 months. Our Adresswerk project demonstrates what is possible in a short timeframe: the complete application was built in just 14 days by a single developer."}},{"@type":"Question","name":"What technologies does UQ.dev use?","acceptedAnswer":{"@type":"Answer","text":"For the frontend, we use React, Next.js, and TypeScript — technologies employed by companies like Meta, Vercel, and Microsoft. On the backend, we work with .NET and SQL Server, which provide stability and performance particularly in enterprise environments. We use Docker for consistent deployment across all environments."}},{"@type":"Question","name":"What is the difference between a website and a web app?","acceptedA
1nswer":{"@type":"Answer","text":"A website primarily presents information — it is like a digital brochure. A web application, on the other hand, enables complex interactions: data entry and processing, calculations, process automation, user management, and much more. If your users work with the system rather than just reading, you need a web app."}},{"@type":"Question","name":"Does UQ.dev offer maintenance and support after launch?","acceptedAnswer":{"@type":"Answer","text":"Yes, absolutely. We offer maintenance contracts for all systems we develop. This includes regular security updates, performance monitoring, bug fixes, and ongoing development of new features. This ensures your application remains secure, performant, and up to date in the long term."}}]}</script>
1<div class="pt-12"><section class="mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40"><div class="mx-auto max-w-2xl lg:max-w-none"><div style="opacity:0;transform:translateY(24px)"><h1><span class="block font-display text-base font-semibold text-neutral-950 ">Web App Development</span><span class="sr-only"> - </span><span class="mt-6 block max-w-5xl font-display text-neutral-950 [text-wrap:balance] sm:text-6xl text-3xl font-black md:text-6xl">Web App Development Hamburg — Custom Solutions by UQ.dev</span></h1><div class="mt-6 max-w-3xl text-xl text-neutral-600"><p>We build powerful web applications for Hamburg-based businesses — from initial concept to production-ready systems. With a modern tech stack, clear processes, and a team that understands your business logic.</p></div></div></div></section><section class="mx-auto max-w-7xl px-6 lg:px-8 mt-16 sm:mt-24"><div class="mx-auto max-w-2xl lg:max-w-none"><section class="max-w-3xl"><div style="opacity:0;transform:translateY(24px)"><h2 class="font-display text-2xl font-semibold text-neutral-950 sm:text-3xl">Why a Custom Web App?</h2><p class="mt-6 text-base text-neutral-600 leading-7">Off-the-shelf software quickly reaches its limits — especially when your business processes are complex or industry-specific. A custom web application maps your workflows precisely, grows with your company, and gives you a genuine competitive advantage.</p><p class="mt-6 text-base text-neutral-600 leading-7">UQ.dev is a software development agency based in Hamburg. We work closely with mid-sized companies and enterprises to create digital tools that accelerate processes, reduce errors, and make daily work easier for employees. Our focus is on web applications that are not only technically excellent but also genuinely enjoyable to use.</p></div></section><section class="mt-20 sm:mt-28"><div style="opacity:0;transform:translateY(24px)"><h2 class="font-display text-2xl font-semibold text-neutral-950 sm:text-3xl">What We Build for You</h2></div><div class="mt-10 grid grid-cols-1 gap-8 lg:grid-cols-2"><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl border border-neutral-200 p-8"><h3 class="font-display text-lg font-semibold text-neutral-950">CRM Systems &amp; Customer Management</h3><p class="mt-4 text-base text-neutral-600 leading-7">Custom CRM solutions that perfectly match your sales and customer management processes. Contact management, pipeline tracking, automated follow-ups, and reporting — all tailored to your workflows. Our CRM project for a Hamburg-based client demonstrates how custom solutions outperform standard tools.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl border border-neutral-200 p-8"><h3 class="font-display text-lg font-semibold text-neutral-950">Process Automation</h3><p class="mt-4 text-base text-neutral-600 leading-7">Repetitive manual tasks cost time and money. We digitize and automate your business processes: from data capture and approval workflows to automated report generation. Free your team to focus on value-creating activities.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl border border-neutral-200 p-8"><h3 class="font-display text-lg font-semibold text-neutral-950">Data Dashboards &amp; Business Intelligence</h3><p class="mt-4 text-base text-neutral-600 leading-7">Transform your business data into actionable insights. We develop interactive dashboards with real-time visualizations, filterable reports, and export functionality. Whether sales metrics, production KPIs, or financial reports — everything at a glance.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl border border-neutral-200 p-8"><h3 class="font-display text-lg font-semibold text-neutral-950">B2B Portals &amp; Extranet Solutions</h3><p class="mt-4 text-base text-neutral-600 leading-7">Digital portals for collaboration with business partners, suppliers, or branch offices. Our RPM Management project, for example, serves over 20 branch offices with a centralized web application. Role-based access control, document management, and real-time communication included.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl border border-neutral-200 p-8"><h3 class="font-display text-lg font-semibold text-neutral-950">Industry-Specific Applications</h3><p class="mt-4 text-base text-neutral-600 leading-7">From address management to cemetery administration — we develop specialized software for industries where no suitable standard solution exists. Our Adresswerk project was delivered in just 14 days by a single developer, proving that custom softw
1are does not have to be expensive or time-consuming.</p></div></div></div></section><section class="mt-20 sm:mt-28"><div style="opacity:0;transform:translateY(24px)"><h2 class="font-display text-2xl font-semibold text-neutral-950 sm:text-3xl">Our Tech Stack</h2><p class="mt-6 text-base text-neutral-600 leading-7 max-w-3xl">We rely on proven, modern technologies that guarantee scalability, maintainability, and performance:</p></div><div class="mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl bg-neutral-50 p-6"><h3 class="font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide">Frontend</h3><ul class="mt-4 space-y-2"><li class="text-sm text-neutral-600">React</li><li class="text-sm text-neutral-600">Next.js</li><li class="text-sm text-neutral-600">TanStack Start</li><li class="text-sm text-neutral-600">TypeScript</li><li class="text-sm text-neutral-600">Tailwind CSS</li><li class="text-sm text-neutral-600">TanStack Query</li></ul></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl bg-neutral-50 p-6"><h3 class="font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide">Backend</h3><ul class="mt-4 space-y-2"><li class="text-sm text-neutral-600">.NET / C#</li><li class="text-sm text-neutral-600">SQL Server</li><li class="text-sm text-neutral-600">REST APIs</li><li class="text-sm text-neutral-600">Entity Framework</li></ul></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl bg-neutral-50 p-6"><h3 class="font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide">DevOps &amp; Deployment</h3><ul class="mt-4 space-y-2"><li class="text-sm text-neutral-600">Docker</li><li class="text-sm text-neutral-600">CI/CD Pipelines</li><li class="text-sm text-neutral-600">Cloud Hosting</li><li class="text-sm text-neutral-600">Monitoring</li></ul></div></div><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl bg-neutral-50 p-6"><h3 class="font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide">Platforms</h3><ul class="mt-4 space-y-2"><li class="text-sm text-neutral-600">Progressive Web Apps</li><li class="text-sm text-neutral-600">Electron (Desktop)</li><li class="text-sm text-neutral-600">Expo (Mobile)</li></ul></div></div></div><div style="opacity:0;transform:translateY(24px)"><p class="mt-8 text-base text-neutral-600 leading-7 max-w-3xl">This stack enables us to build applications that perform equally well in the browser, on desktop, and on mobile devices. TypeScript ensures type safety across the entire codebase — from frontend to backend.</p></div></section><section class="mt-20 sm:mt-28"><div style="opacity:0;transform:translateY(24px)"><h2 class="font-display text-2xl font-semibold text-neutral-950 sm:text-3xl">Our Development Process</h2><p class="mt-6 text-base text-neutral-600 leading-7 max-w-3xl">Transparency and close collaboration are not just buzzwords for us — they are how we work every day. Our proven process ensures your project stays on track:</p></div><div class="mt-10 space-y-8"><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">1. Requirements Analysis &amp; Conception</h3><p class="mt-2 text-base text-neutral-600 leading-7">We understand your business processes, identify optimization potential, and jointly define the feature scope. The result: a clear concept with prioritized features.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">2. Prototype &amp; Design</h3><p class="mt-2 text-base text-neutral-600 leading-7">Before a single line of code is written, we create interactive prototypes. This allows you to test the application early and provide feedback — changes at this stage are still cost-effective.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">3. Iterative Development</h3><p class="mt-2 text-base text-neutral-600 leading-7">We work in short sprints with regular demos. You see progress in real time and can adjust priorities flexibly. No unpleasant surprises at the end.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">4. Quality Assurance &amp; Testing</h3><p class="mt-2 text-base text-neutral-600 leading-7">Automated tests, code reviews, and manual QA ensure quality. We test across different devices and browsers to make sure your application works reliably everywhere.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">5. Launch &amp; Deployment</h3><p class="mt-2 text-base text-neutral-600 leading-7">Docker containers and CI/CD pipelines ensure smooth deployment. We handle the production environment setup and train your team on usage.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-l-2 border-neutral-200 pl-8"><h3 class="font-display text-lg font-semibold text-neutral-950">6. Maintenance &amp; Continuous Development</h3><p class="mt-2 text-base text-neutral-600 leading-7">After launch comes the next iteration. We offer maintenance contracts for security updates, performance monitoring, and continuous development of your application.</p></div></div></div></section><section class="mt-20 sm:mt-28"><div style="opacity:0;transform:translateY(24px)"><h2 class="font-display text-2xl font-semibold text-neutral-950 sm:text-3xl">Frequently Asked Questions</h2></div><div class="mt-10 space-y-8"><div style="opacity:0;transform:translateY(24px)"><div class="border-b border-neutral-200 pb-8"><h3 class="font-display text-lg font-semibold text-neutral-950">How much does a web app cost?</h3><p class="mt-4 text-base text-neutral-600 leading-7">Costs depend heavily on the feature scope and complexity. As a market reference: Simple web applications typically start at around €15,000, while complex systems with extensive business logic range from €50,000 and above. After a detailed requirements analysis, we provide a customized quote — transparent and with no hidden costs.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-b border-neutral-200 pb-8"><h3 class="font-display text-lg font-semibold text-neutral-950">How long does web app development take?</h3><p class="mt-4 text-base text-neutral-600 leading-7">Development timelines vary depending on scope. Simple web apps can be delivered in 4 to 8 weeks. More complex systems typically require 3 to 6 months. Our Adresswerk project demonstrates what is possible in a short timeframe: the complete application was built in just 14 days by a single developer.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-b border-neutral-200 pb-8"><h3 class="font-display text-lg font-semibold text-neutral-950">What technologies does UQ.dev use?</h3><p class="mt-4 text-base text-neutral-600 leading-7">For the frontend, we use React, Next.js, and TypeScript — technologies employed by companies like Meta, Vercel, and Microsoft. On the backend, we work with .NET and SQL Server, which provide stability and performance particularly in enterprise environments. We use Docker for consistent deployment across all environments.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-b border-neutral-200 pb-8"><h3 class="font-display text-lg font-semibold text-neutral-950">What is the difference between a website and a web app?</h3><p class="mt-4 text-base text-neutral-600 leading-7">A website primarily presents information — it is like a digital brochure. A web application, on the other hand, enables complex interactions: data entry and processing, calculations, process automation, user management, and much more. If your users work with the system rather than just reading, you need a web app.</p></div></div><div style="opacity:0;transform:translateY(24px)"><div class="border-b border-neutral-200 pb-8"><h3 class="font-display text-lg font-semibold text-neutral-950">Does UQ.dev offer maintenance and support after launch?</h3><p class="mt-4 text-base text-neutral-600 leading-7">Yes, absolutely. We offer maintenance contracts for all systems we develop. This includes regular security updates, performance monitoring, bug fixes, and ongoing development of new features. This ensures your application remains secure, performant, and up to date in the long term.</p></div></div></div></section><section class="mt-20 sm:mt-28 pb-24"><div style="opacity:0;transform:translateY(24px)"><div class="rounded-2xl bg-neutral-950 px-8 py-16 sm:px-16 text-center"><h2 class="font-display text-2xl font-semibold text-white sm:text-3xl">Ready for Your Custom Web App?</h2><p class="mt-6 text-base text-neutral-300 leading-7 max-w-2xl mx-auto">Let us discuss your project. In a no-obligation initial consultation, we will analyze your requirements together and show you how a custom web application can optimize your business processes.</p>
1<a class="mt-8 inline-block rounded-full bg-white px-8 py-3 text-sm font-semibold text-neutral-950 transition hover:bg-neutral-200" href="/en/contact">Discuss Your Project</a></div></div></section></div></section></div><!--$--><!--/$--></main></div></div><footer class="sticky bottom-0 z-0 bg-neutral-950 text-white" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="container mx-auto py-8 md:py-20"><div class="grid grid-cols-1 md:grid-cols-[1fr_auto_1fr_auto_1fr] overflow-hidden gap-10"><div class="flex flex-col justify-between gap-6"><div><h3 class="text-md font-extrabold leading-6 mb-4">E-Mail</h3><a href="mailto:[email protected]" class="flex items-center gap-2 transition hover:text-neutral-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-6 h-6"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>[email protected]</a></div><div><h3 class="text-md font-extrabold leading-6 mb-4">Socials</h3><ul role="list" class="flex gap-x-10 text-white"><li><a target="_blank" aria-label="Teams" class="transition hover:text-neutral-200" href="https://teams.microsoft.com/l/chat/0/[email protected]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="fill-current w-6 h-6 md:w-8 md:h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M112,104a8,8,0,0,1-8,8H96v40a8,8,0,0,1-16,0V112H72a8,8,0,0,1,0-16h32A8,8,0,0,1,112,104ZM232,92.74V152a40,40,0,0,1-36.63,39.85,64,64,0,0,1-118.7.15H40a16,16,0,0,1-16-16V80A16,16,0,0,1,40,64H96.81a40,40,0,0,1,73.31-28.85A32,32,0,0,1,211.69,80h7.57A12.76,12.76,0,0,1,232,92.74ZM112,56a23.82,23.82,0,0,0,1.38,8H136a16,16,0,0,1,15.07,10.68A24,24,0,1,0,112,56Zm24,120h0V80H40v96h96Zm48-80H152v80a16,16,0,0,1-16,16H94.44A48,48,0,0,0,184,168Zm16-32a16,16,0,0,0-24.4-13.6A39.89,39.89,0,0,1,168,80h16A16,16,0,0,0,200,64Zm16,32H200v72a62.76,62.76,0,0,1-.36,6.75A24,24,0,0,0,216,152Z"></path></svg></a></li><li><a target="_blank" aria-label="LinkedIn" class="transition hover:text-neutral-200" href="https://linkedin.com/company/uq-dev"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="fill-current w-6 h-6 md:w-8 md:h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li><li><a target="_blank" aria-label="GitHub" class="transition hover:text-neutral-200" href="https://github.com/unique"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github fill-current w-6 h-6 md:w-8 md:h-8"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></li><li><a target="_blank" aria-label="upwork" class="transition hover:text-neutral-200" href="https://upwork.com/ag/unique/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="fill-current w-6 h-6 md:w-8 md:h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.561 13.158c-1.102 0-2.135-.467-3.074-1.227l.228-1.076.008-.042c.207-1.143.849-3.06 2.839-3.06 1.492 0 2.703 1.212 2.703 2.703-.001 1.489-1.212 2.702-2.704 2.702zm0-8.14c-2.539 0-4.51 1.649-5.31 4.366-1.22-1.834-2.148-4.036-2.687-5.892H7.828v7.112c-.002 1.406-1.141 2.546-2.547 2.548-1.405-.002-2.543-1.143-2.545-2.548V3.492H0v7.112c0 2.914 2.37 5.303 5.281 5.303 2.913 0 5.283-2.389 5.283-5.303v-1.19c.529 1.107 1.182 2.229 1.974 3.221l-1.673 7.873h2.797l1.213-5.71c1.063.679 2.285 1.109 3.686 1.109 3 0 5.439-2.452 5.439-5.45 0-3-2.439-5.439-5.439-5.439z"></path></svg></a></li></ul></div></div><hr class="order-2 md:order-none h-[2px] w-full md:w-[2px] md:h-full bg-white/10 border-none"/><div class="order-last md:order-none h-full flex md:flex-col md:items-center md:justify-center gap-4 self-center"><svg viewBox="0 0 82 44" height="48" class="fill-white"><path d="M 33 22.563 C 33 30.975 27.86 40 16.499 40 C 6.654 40 0 32.98 0 22.563 L 0 3.677 C 0 1.671 1.623 0 3.571 0 C 5.572 0 7.195 1.671 7.195 3.677 L 7.195 22.563 C 7.195 25.
1627 8.06 32.59 16.499 32.59 C 23.371 32.59 25.805 27.409 25.805 22.563 L 25.805 14.763 C 25.805 12.758 27.428 11.087 29.43 11.087 C 31.377 11.087 33 12.758 33 14.763 L 33 22.563 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 25.5 3.97 C 25.5 1.805 27.305 0 29.531 0 C 31.697 0 33.5 1.805 33.5 3.97 C 33.5 6.197 31.697 8 29.531 8 C 27.305 8 25.5 6.197 25.5 3.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2" class="fill-white"></path><path d="M 40 20.054 C 40 8.966 48.955 0 59.973 0 C 70.991 0 80 8.966 80 20.054 C 80 31.087 70.991 40 59.973 40 C 48.955 40 40 31.087 40 20.054 Z M 47.218 20.054 C 47.218 27.12 52.917 32.77 59.973 32.77 C 67.028 32.77 72.782 27.12 72.782 20.054 C 72.782 12.99 67.028 7.229 59.973 7.229 C 52.917 7.229 47.218 12.99 47.218 20.054 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path><path d="M 74 39.97 C 74 37.805 75.805 36 78.031 36 C 80.197 36 82 37.805 82 39.97 C 82 42.197 80.197 44 78.031 44 C 75.805 44 74 42.197 74 39.97 Z" stroke-width="0" stroke-linejoin="miter" stroke-miterlimit="2"></path></svg><p class="text-sm leading-6 md:text-center text-balance max-w-xs">Strategic Partner in Desktop, Web, Mobile.</p></div><hr class="order-4 md:order-none h-[2px] w-full md:w-[2px] md:h-full bg-white/10 border-none"/><div class="order-3 md:order-none grid grid-cols-2 md:grid-cols-3 gap-8"><div><h3 class="text-md font-extrabold leading-6 mb-4">Menu</h3><ul role="list" class="space-y-4"><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en#portfolio">Portfolio</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en#team">The Team</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en#process">Approach</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en#booking">Book Appointment</a></li></ul></div><div><h3 class="text-md font-extrabold leading-6 mb-4">Services</h3><ul role="list" class="space-y-4"><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en/services/web-app-entwicklung">Web App Development</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en/services/design-systeme">Design Systems</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en/services/react-nextjs-entwicklung">React &amp; Next.js</a></li><li><a class="text-sm leading-6 transition hover:text-neutral-200" href="/en/blog">Blog</a></li></ul></div><div><h3 class="text-md font-extrabold leading-6 mb-4">Legal</h3><ul role="list" class="space-y-4"><li><a href="/impressum" class="text-sm leading-6  transition hover:text-neutral-200">Privacy &amp; Legal Notice</a></li></ul></div></div></div></div></footer><div data-rht-toaster="" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/0ppbkkqnpa6-g.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"default\"]\n6:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"MetadataBoundary\"]\ne:I[68027,[],\"default\",1]\n:HL[\"/_next/static/chunks/0kcr-ob9qdnu_.css\",\"style\"]\n:HL[\"/_next/static/media/Satoshi_Black-s.p.0mxjq567rs1on.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_BlackItalic-s.p.0a4~di~h29uuo.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Bold-s.p.0yt9gwi-.i49f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_BoldItalic-s.p.0~t.e0r6oynfi.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Italic-s.p.14k0agdnrny~o.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Light-s.p.0lx670_9j82xu.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_LightItalic-s.p.02_-9h.oclja3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Medium-s.p.0hq2a81xn4_re.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_MediumItalic-s.p.0mx.vhn.qsfyq.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Regular-s.p.049.kwhs-b7lf.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_Variable-s.p.0we6-2px855vh.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/Satoshi_VariableItalic-s.p.14_dcl7erp6w3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"en\",\"services\",\"web-app-entwicklung\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\",null],{\"children\":[\"services\",{\"children\":[\"web-app-entwicklung\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0kcr-ob9qdnu_.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/10795n~ad3qew.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/02hpnu_.j-63c.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/11u7pdh8wa28i.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/0l3fn2tftdi4f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/17cg3z1l5nqg9.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{}
1,null,false,null]},null,false,\"$@9\"]},null,false,\"$@9\"]},null,false,null]},null,false,\"$@9\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"tfJ9yrjgcYMgqM3XbTtUp\"}\n"])</script>
1<script>self.__next_f.push([1,"f:[]\n9:\"$Wf\"\n"])</script>
1<script>self.__next_f.push([1,"11:I[20371,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\",\"/_next/static/chunks/17cg3z1l5nqg9.js\"],\"FadeIn\"]\n10:T8ae,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How much does a web app cost?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Costs depend heavily on the feature scope and complexity. As a market reference: Simple web applications typically start at around €15,000, while complex systems with extensive business logic range from €50,000 and above. After a detailed requirements analysis, we provide a customized quote — transparent and with no hidden costs.\"}},{\"@type\":\"Question\",\"name\":\"How long does web app development take?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Development timelines vary depending on scope. Simple web apps can be delivered in 4 to 8 weeks. More complex systems typically require 3 to 6 months. Our Adresswerk project demonstrates what is possible in a short timeframe: the complete application was built in just 14 days by a single developer.\"}},{\"@type\":\"Question\",\"name\":\"What technologies does UQ.dev use?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"For the frontend, we use React, Next.js, and TypeScript — technologies employed by companies like Meta, Vercel, and Microsoft. On the backend, we work with .NET and SQL Server, which provide stability and performance particularly in enterprise environments. We use Docker for consistent deployment across all environments.\"}},{\"@type\":\"Question\",\"name\":\"What is the difference between a website and a web app?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A website primarily presents information — it is like a digital brochure. A web application, on the other hand, enables complex interactions: data entry and processing, calculations, process automation, user management, and much more. If your users work with the system rather than just reading, you need a web app.\"}},{\"@type\":\"Question\",\"name\":\"Does UQ.dev offer maintenance and support after launch?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, absolutely. We offer maintenance contracts for all systems we develop. This includes regular security updates, performance monitoring, bug fixes, and ongoing development of new features. This ensures your application remains secure, performant, and up to date in the long term.\"}}]}"])</script>
1<script>self.__next_f.push([1,"5:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"children\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Service\\\",\\\"name\\\":\\\"Web App Development Hamburg\\\",\\\"provider\\\":{\\\"@id\\\":\\\"https://uq.dev/#organization\\\"},\\\"areaServed\\\":\\\"Hamburg, Germany\\\",\\\"description\\\":\\\"Custom web applications for Hamburg-based businesses — CRM systems, dashboards, B2B portals, and industry-specific solutions.\\\",\\\"url\\\":\\\"https://uq.dev/en/services/web-app-entwicklung\\\",\\\"serviceType\\\":\\\"Web Application Development\\\"}\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"children\":\"$10\"}],[\"$\",\"div\",null,{\"className\":\"pt-12\",\"children\":[[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl lg:max-w-none\",\"children\":[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"h1\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-display text-base font-semibold text-neutral-950 \",\"children\":\"Web App Development\"}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\" - \"}],[\"$\",\"span\",null,{\"className\":\"mt-6 block max-w-5xl font-display text-neutral-950 [text-wrap:balance] sm:text-6xl text-3xl font-black md:text-6xl\",\"children\":\"Web App Development Hamburg — Custom Solutions by UQ.dev\"}]]}],\"$L12\"]}]}]}],\"$L13\"]}]]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"mt-6 max-w-3xl text-xl text-neutral-600\",\"children\":[\"$\",\"p\",null,{\"children\":\"We build powerful web applications for Hamburg-based businesses — from initial concept to production-ready systems. With a modern tech stack, clear processes, and a team that understands your business logic.\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-7xl px-6 lg:px-8 mt-16 sm:mt-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl lg:max-w-none\",\"children\":[[\"$\",\"section\",null,{\"className\":\"max-w-3xl\",\"children\":[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-neutral-950 sm:text-3xl\",\"children\":\"Why a Custom Web App?\"}],[[\"$\",\"p\",\"0\",{\"className\":\"mt-6 text-base text-neutral-600 leading-7\",\"children\":\"Off-the-shelf software quickly reaches its limits — especially when your business processes are complex or industry-specific. A custom web application maps your workflows precisely, grows with your company, and gives you a genuine competitive advantage.\"}],[\"$\",\"p\",\"1\",{\"className\":\"mt-6 text-base text-neutral-600 leading-7\",\"children\":\"UQ.dev is a software development agency based in Hamburg. We work closely with mid-sized companies and enterprises to create digital tools that accelerate processes, reduce errors, and make daily work easier for employees. Our focus is on web applications that are not only technically excellent but also genuinely enjoyable to use.\"}]]]}]}],[\"$\",\"section\",null,{\"className\":\"mt-20 sm:mt-28\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-neutral-950 sm:text-3xl\",\"children\":\"What We Build for You\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid grid-cols-1 gap-8 lg:grid-cols-2\",\"children\":[[\"$\",\"$L11\",\"0\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-neutral-200 p-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"CRM Systems \u0026 Customer Management\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Custom CRM solutions that perfectly match your sales and customer management processes. Contact management, pipeline tracking, automated follow-ups, and reporting — all tailored to your workflows. Our CRM project for a Hamburg-based client demonstrates how custom solutions outperform standard tools.\"}]]}]}],[\"$\",\"$L11\",\"1\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-neutral-200 p-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"Process Automation\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Repetitive manual tasks cost time and money. We digitize and automate your business processes: from data capture and approval workflows to automated report generation. Free your team to focus on value-creating activities.\"}]]}]}],[\"$\",\"$L11\",\"2\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-neutral-200 p-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"Data Dashboards \u0026 Business Intelligence\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Transform your business data into actionable insights. We develop interactive dashboards with real-time visualizations, filterable reports, and export functionality. Whether sales metrics, production KPIs, or financial reports — everything at a glance.\"}]]}]}],[\"$\",\"$L11\",\"3\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-neutral-200 p-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"B2B Portals \u0026 Extranet Solutions\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Digital portals for collaboration with business partners, suppliers, or branch offices. Our RPM Management project, for example, serves over 20 branch offices with a centralized web application. Role-based access control, document management, and real-time communication included.\"}]]}]}],\"$L14\"]}]]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"19:I[22016,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\",\"/_next/static/chunks/17cg3z1l5nqg9.js\"],\"\"]\n14:[\"$\",\"$L11\",\"4\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-neutral-200 p-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"Industry-Specific Applications\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"From address management to cemetery administration — we develop specialized software for industries where no suitable standard solution exists. Our Adresswerk project was delivered in just 14 days by a single developer, proving that custom software does not have to be expensive or time-consuming.\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"section\",null,{\"className\":\"mt-20 sm:mt-28\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-neutral-950 sm:text-3xl\",\"children\":\"Our Tech Stack\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-base text-neutral-600 leading-7 max-w-3xl\",\"children\":\"We rely on proven, modern technologies that guarantee scalability, maintainability, and performance:\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"$L11\",\"0\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl bg-neutral-50 p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide\",\"children\":\"Frontend\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"React\"}],[\"$\",\"li\",\"1\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Next.js\"}],[\"$\",\"li\",\"2\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"TanStack Start\"}],[\"$\",\"li\",\"3\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"TypeScript\"}],[\"$\",\"li\",\"4\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Tailwind CSS\"}],[\"$\",\"li\",\"5\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"TanStack Query\"}]]}]]}]}],[\"$\",\"$L11\",\"1\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl bg-neutral-50 p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide\",\"children\":\"Backend\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"text-sm text-neutral-600\",\"children\":\".NET / C#\"}],[\"$\",\"li\",\"1\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"SQL Server\"}],[\"$\",\"li\",\"2\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"REST APIs\"}],[\"$\",\"li\",\"3\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Entity Framework\"}]]}]]}]}],[\"$\",\"$L11\",\"2\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl bg-neutral-50 p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide\",\"children\":\"DevOps \u0026 Deployment\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Docker\"}],[\"$\",\"li\",\"1\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"CI/CD Pipelines\"}],[\"$\",\"li\",\"2\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Cloud Hosting\"}],[\"$\",\"li\",\"3\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Monitoring\"}]]}]]}]}],[\"$\",\"$L11\",\"3\",{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl bg-neutral-50 p-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-sm font-semibold text-neutral-950 uppercase tracking-wide\",\"children\":\"Platforms\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Progressive Web Apps\"}],[\"$\",\"li\",\"1\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Electron (Desktop)\"}],[\"$\",\"li\",\"2\",{\"className\":\"text-sm text-neutral-600\",\"children\":\"Expo (Mobile)\"}]]}]]}]}]]}],[\"$\",\"$L11\",null,{\"children\":[\"$\",\"p\",null,{\"className\":\"mt-8 text-base text-neutral-600 leading-7 max-w-3xl\",\"children\":\"This stack enables us to build applications that perform equally well in the browser, on desktop, and on mobile devices. TypeScript ensures type safety across the entire codebase — from frontend to backend.\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"section\",null,{\"className\":\"mt-20 sm:mt-28\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-neutral-950 sm:text-3xl\",\"children\":\"Our Development Process\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-base text-neutral-600 leading-7 max-w-3xl\",\"children\":\"Transparency and close collaboration are not just buzzwords for us — they are how we work every day. Our proven process ensures your project stays on track:\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 space-y-8\",\"children\":[[\"$\",\"$L11\",\"0\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"1. Requirements Analysis \u0026 Conception\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"We understand your business processes, identify optimization potential, and jointly define the feature scope. The result: a clear concept with prioritized features.\"}]]}]}],[\"$\",\"$L11\",\"1\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"2. Prototype \u0026 Design\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"Before a single line of code is written, we create interactive prototypes. This allows you to test the application early and provide feedback — changes at this stage are still cost-effective.\"}]]}]}],[\"$\",\"$L11\",\"2\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"3. Iterative Development\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"We work in short sprints with regular demos. You see progress in real time and can adjust priorities flexibly. No unpleasant surprises at the end.\"}]]}]}],[\"$\",\"$L11\",\"3\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"4. Quality Assurance \u0026 Testing\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"Automated tests, code reviews, and manual QA ensure quality. We test across different devices and browsers to make sure your application works reliably everywhere.\"}]]}]}],[\"$\",\"$L11\",\"4\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"5. Launch \u0026 Deployment\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"Docker containers and CI/CD pipelines ensure smooth deployment. We handle the production environment setup and train your team on usage.\"}]]}]}],[\"$\",\"$L11\",\"5\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-l-2 border-neutral-200 pl-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"6. Maintenance \u0026 Continuous Development\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-base text-neutral-600 leading-7\",\"children\":\"After launch comes the next iteration. We offer maintenance contracts for security updates, performance monitoring, and continuous development of your application.\"}]]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"section\",null,{\"className\":\"mt-20 sm:mt-28\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-neutral-950 sm:text-3xl\",\"children\":\"Frequently Asked Questions\"}]}],[\"$\",\"div\",null,{\"className\":\"mt-10 space-y-8\",\"children\":[[\"$\",\"$L11\",\"0\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-b border-neutral-200 pb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"How much does a web app cost?\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Costs depend heavily on the feature scope and complexity. As a market reference: Simple web applications typically start at around €15,000, while complex systems with extensive business logic range from €50,000 and above. After a detailed requirements analysis, we provide a customized quote — transparent and with no hidden costs.\"}]]}]}],[\"$\",\"$L11\",\"1\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-b border-neutral-200 pb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"How long does web app development take?\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Development timelines vary depending on scope. Simple web apps can be delivered in 4 to 8 weeks. More complex systems typically require 3 to 6 months. Our Adresswerk project demonstrates what is possible in a short timeframe: the complete application was built in just 14 days by a single developer.\"}]]}]}],[\"$\",\"$L11\",\"2\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-b border-neutral-200 pb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"What technologies does UQ.dev use?\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"For the frontend, we use React, Next.js, and TypeScript — technologies employed by companies like Meta, Vercel, and Microsoft. On the backend, we work with .NET and SQL Server, which provide stability and performance particularly in enterprise environments. We use Docker for consistent deployment across all environments.\"}]]}]}],[\"$\",\"$L11\",\"3\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-b border-neutral-200 pb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"What is the difference between a website and a web app?\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"A website primarily presents information — it is like a digital brochure. A web application, on the other hand, enables complex interactions: data entry and processing, calculations, process automation, user management, and much more. If your users work with the system rather than just reading, you need a web app.\"}]]}]}],[\"$\",\"$L11\",\"4\",{\"children\":[\"$\",\"div\",null,{\"className\":\"border-b border-neutral-200 pb-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-lg font-semibold text-neutral-950\",\"children\":\"Does UQ.dev offer maintenance and support after launch?\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-base text-neutral-600 leading-7\",\"children\":\"Yes, absolutely. We offer maintenance contracts for all systems we develop. This includes regular security updates, performance monitoring, bug fixes, and ongoing development of new features. This ensures your application remains secure, performant, and up to date in the long term.\"}]]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"mt-20 sm:mt-28 pb-24\",\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl bg-neutral-950 px-8 py-16 sm:px-16 text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-display text-2xl font-semibold text-white sm:text-3xl\",\"children\":\"Ready for Your Custom Web App?\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-base text-neutral-300 leading-7 max-w-2xl mx-auto\",\"children\":\"Let us discuss your project. In a no-obligation initial consultation, we will analyze your requirements together and show you how a custom web application can optimize your business processes.\"}],[\"$\",\"$L19\",null,{\"href\":\"/en/contact\",\"className\":\"mt-8 inline-block rounded-full bg-white px-8 py-3 text-sm font-semibold text-neutral-950 transition hover:bg-neutral-200\",\"children\":\"Discuss Your Project\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"1a:I[79520,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\"],\"\"]\n1b:I[28691,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\"],\"TanStackQuery\"]\n"])</script>
1<script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"h-full text-slate-900 bg-neutral-950 antialiased scroll-smooth overscroll-y-none font_35dc1b4e-module__bDt0iq__className\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-neutral-950\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"children\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"ProfessionalService\\\",\\\"@id\\\":\\\"https://uq.dev/#organization\\\",\\\"name\\\":\\\"UQ.dev\\\",\\\"legalName\\\":\\\"Unique (Deutschland) GmbH\\\",\\\"url\\\":\\\"https://uq.dev\\\",\\\"logo\\\":\\\"https://uq.dev/logo.png\\\",\\\"description\\\":\\\"Hamburger Agentur fuer massgeschneiderte Web-Applikationen, Design Systeme und digitale Transformation.\\\",\\\"foundingDate\\\":\\\"1988\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"Randstraße 1\\\",\\\"addressLocality\\\":\\\"Hamburg\\\",\\\"postalCode\\\":\\\"22525\\\",\\\"addressCountry\\\":\\\"DE\\\"},\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer service\\\"},\\\"sameAs\\\":[\\\"https://www.linkedin.com/company/uq-dev\\\",\\\"https://github.com/unique\\\"],\\\"knowsAbout\\\":[\\\"Web Development\\\",\\\"React\\\",\\\"Next.js\\\",\\\"TypeScript\\\",\\\"Design Systems\\\",\\\"Docker\\\",\\\".NET\\\"],\\\"areaServed\\\":[\\\"DE\\\",\\\"AT\\\",\\\"CH\\\"]},{\\\"@type\\\":\\\"Person\\\",\\\"@id\\\":\\\"https://uq.dev/#jurij-koch\\\",\\\"name\\\":\\\"Jurij Koch\\\",\\\"jobTitle\\\":\\\"CEO \u0026 Full-Stack Developer\\\",\\\"worksFor\\\":{\\\"@id\\\":\\\"https://uq.dev/#organization\\\"},\\\"sameAs\\\":\\\"https://www.linkedin.com/in/jurij-koch\\\"}]}\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"children\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Home\\\",\\\"item\\\":\\\"https://uq.dev/en\\\"}]}\"}],[\"$\",\"$L1a\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=AW-17530783284\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L1a\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'AW-17530783284');\\n          \"}],[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"1d:I[75696,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"$L1d\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"metadata\":{\"description\":\"UQ.dev builds custom web applications, design systems, and digital solutions for Hamburg businesses. React, Next.js, TypeScript, .NET.\",\"title\":\"UQ.dev — Hamburg Agency for Web Applications \u0026 Design Systems\"},\"sections\":{\"portfolio\":{\"title\":\"Portfolio\",\"description\":\"Nobody likes bragging, but here are our coolest projects\"},\"portfolio-more\":{\"title\":\"Check Out More Projects\",\"description\":\"\"},\"process\":{\"title\":\"Our Approach\",\"description\":\"This is how our collaboration goes - through thick and thin\"},\"team\":{\"title\":\"Who We Are\",\"description\":\"Look us in the eyes, baby\"},\"booking\":{\"title\":\"Ready to Get Started?\",\"description\":\"Book a free introductory meeting with us\"},\"hauptsitz\":{\"title\":\"Headquarters\",\"description\":\"\"}},\"index\":{\"nav\":{\"contact\":\"Contact\",\"menu\":\"Menu\",\"portfolio\":\"Portfolio\",\"team\":\"The Team\",\"process\":\"Approach\",\"booking\":\"Book Appointment\",\"impressum\":\"Privacy \u0026 Legal Notice\",\"services\":\"Services\",\"blog\":\"Blog\"},\"footer\":{\"legal\":\"Legal\",\"slogan\":\"Strategic Partner in Desktop, Web, Mobile.\",\"services\":\"Services\",\"webAppEntwicklung\":\"Web App Development\",\"designSysteme\":\"Design Systems\",\"reactNextjs\":\"React \u0026 Next.js\",\"blog\":\"Blog\"},\"hero\":{\"strategischerPartner\":\"Strategic Partner\",\"imBereich\":\"in the Field of\",\"fullStackEntwicklung\":\"Full-Stack Development\",\"digitalisierung\":\"Digitalization\",\"prozessoptimierung\":\"Process Optimization\",\"automatisierung\":\"Automation\",\"subtitle\":\"UQ.dev builds web applications and design systems that drive digital progress for Hamburg businesses.\",\"subtitleMobile\":\"We build apps: desktop, mobile, and web applications.\",\"booking\":\"Book Appointment\"},\"team\":{\"functions\":{\"ceo\":\"CEO\",\"fullStackDeveloper\":\"Full-Stack Developer\",\"frontendDeveloper\":\"Front-End Developer\",\"frontendDeveloperFemale\":\"Front-End Developer\",\"uxUiDesigner\":\"UX/UI Designer\",\"dataAnalyst\":\"Data Analyst\",\"mediaDesigner\":\"Media Designer\",\"seoSpecialist\":\"SEO Specialist\",\"officeDog\":\"Office Dog\",\"backoffice\":\"Backoffice\",\"dateManagement\":\"Data Management\",\"seniorConsultant\":\"Senior Consultant\"},\"jobAd\":{\"title\":\"Your name\",\"join\":\"Apply now\"}},\"technologies\":{\"title\":\"Only the Latest Cutting-Edge Technologies\"},\"contact\":{\"title\":\"or Leave a Message\"},\"booking\":{\"meetingPlanned\":\"This Meeting Is Planned\",\"what\":\"What\",\"when\":\"When\",\"emailSent\":\"We've sent you an email with all the details!\",\"noEmailReceived\":\"Didn't receive an email? Check your spam folder as well.\",\"back\":\"Back\",\"confirm\":\"Send\",\"fields\":{\"name\":{\"label\":\"Name\",\"placeholder\":\"Name\"},\"email\":{\"label\":\"E-Mail\",\"placeholder\":\"E-Mail\"},\"message\":{\"label\":\"Message\",\"placeholder\":\"Please provide any notes for appointment preparation if necessary.\"}}},\"steps\":{\"analyse\":{\"title\":\"Gathering \u003chighlight\u003eCustomer Wishes\u003c/highlight\u003e and Goals\",\"description\":\"In this first step, we thoroughly analyze our customers' requirements and goals. We place special emphasis on understanding the exact needs and expectations to develop a tailored solution.\"},\"planung\":{\"title\":\"Creating a Detailed \u003chighlight\u003eExecution Plan\u003c/highlight\u003e\",\"description\":\"After the requirements analysis, we create a comprehensive execution plan. This plan defines individual tasks, resources, timeframes, and responsibilities to ensure a smooth project.\"},\"prototype\":{\"title\":\"Visual \u003chighlight\u003eConceptualization\u003c/highlight\u003e and Design Templates\",\"description\":\"Here, we begin with the visual design and conceptualization of the solution. We develop design templates that reflect the desired aesthetics and user experience.\"},\"dev\":{\"title\":\"Implementation of the Solution\",\"description\":\"After approving the design templates, we proceed with the actual development of the softw
1are. Our experienced developers implement the planned functions and features while maintaining the highest quality standards.\"},\"test\":{\"title\":\"Comprehensive \u003chighlight\u003eError Checking\u003c/highlight\u003e and Testing\",\"description\":\"Quality assurance is a central step in our process. We conduct comprehensive tests to ensure that the software functions flawlessly. This includes functional tests, user tests, and security tests.\"},\"deployment\":{\"title\":\"Deployment of the Solution\",\"description\":\"Once the solution has been successfully tested and all requirements are met, we prepare the software for deployment. This may involve configuring servers, databases, and other necessary components.\"},\"support\":{\"title\":\"Support and \u003chighlight\u003eMaintenance\u003c/highlight\u003e\",\"description\":\"Our work doesn't end with deployment. We provide ongoing support and maintenance for smooth software operation, as well as quick adjustments and issue resolution.\"}}},\"projectPage\":{\"quickbook\":\"Book Appointment\"},\"contactPage\":{\"metadata\":{\"title\":\"Contact — UQ.dev | Discuss Your Project\",\"description\":\"Talk to UQ.dev about your web application project. Hamburg agency for React, Next.js, and TypeScript development.\"},\"send\":\"Send\",\"eyebrow\":\"Contact us\",\"title\":\"Let's Hear from You\",\"subtitle\":\"We look forward to your message\",\"address\":\"Our Address\",\"email\":\"E-Mail\",\"socials\":\"Socials\",\"guide\":{\"title\":\"How to reach us\",\"description\":\"Send us an email or start a Teams chat. A few lines about your project, timeline, and current challenges are enough for a first exchange.\",\"email\":{\"title\":\"Write us an email\",\"description\":\"Best for project inquiries, support questions, partnerships, and documents we should review before responding.\"},\"teams\":{\"title\":\"Message us on Teams\",\"description\":\"Useful for quick coordination when you prefer a direct chat with our Hamburg team.\",\"action\":\"Open Teams chat\"},\"note\":{\"title\":\"What helps us respond quickly\",\"description\":\"Please include your goal, relevant links or documents, preferred timeline, and the best way to reach you. We usually reply within one business day.\"}},\"fields\":{\"email\":\"E-Mail\",\"name\":\"Name\",\"company\":\"Company\",\"message\":\"Message\"}},\"projects\":{\"crm\":{\"title\":\"CRM System\",\"ausgangslage\":{\"header\":\"Initial Situation\",\"text\":\"The client has accumulated a variety of different but important company data over many years. Now, the challenge is to effectively structure and make these data usable in a system.\"},\"ziel\":{\"header\":\"Goal\",\"text\":\"The goal is to create custom software that enables efficient management, classification, and controlled access to organizational, personal, and contact data, including comprehensive linking options and advanced filtering and output functions for effective research.\"},\"umsetzung\":{\"header\":\"Implementation\",\"text\":\"The implementation involved the development of a versatile data structure for information storage, integrated security measures, and core functionality for linking addresses and hierarchies. Advanced search and output options allowed for targeted research and flexible data output.\"},\"facts\":{\"time\":\"270 days\",\"people\":\"4 employees\",\"system\":\"Desktop\"},\"metadata\":{\"title\":\"CRM System Development — Case Study | UQ.dev\",\"description\":\"How UQ.dev built a custom CRM system. React, TypeScript, .NET backend. Hamburg software development.\"},\"results\":{\"header\":\"Results\",\"text\":\"Development time: 270 days. Team: 4 developers. Custom CRM system for managing and linking organizational, personal, and contact data with advanced search and filter capabilities.\"}},\"adresswerk\":{\"title\":\"Address Workshop Digitalization\",\"ausgangslage\":{\"header\":\"Initial Situation\",\"text\":\"The company currently relies on paper-based processes that are inefficient, time-consuming, and prone to errors. This can lead to slowed workflows, increased costs, and reduced flexibility. Recognizing the need for modernization and digitalization of these processes, the company aims to enhance competitiveness and meet the demands of the digital business landscape.\"},\"ziel\":{\"header\":\"Goal\",\"text\":\"The objective of the digitalization services is to assist companies in modernizing their paper-based processes and transitioning towards the future. This involves shifting to digital workflows, automating repetitive tasks, integrating digital technologies, and implementing software solutions to enhance efficiency, productivity, and flexibility.\"},\"umsetzung\":{\"header\":\"Implementation\",\"text\":\"The implementation of digitalization services involves a comprehensive analysis of existing paper-based processes and workflows within the company. Based on this analysis, tailored digitalization strategies are developed to address the specific requirements and goals of the company. This may include the introduction of document management systems, workflow automation, implementation of CRM systems, employee training, and integration of new technologies. The focus is on increasing efficiency, reducing errors, improving communication, and laying a solid foundation for future growth and innovation.\"},\"facts\":{\"time\":\"14 days\",\"people\":\"1 employee\",\"system\":\"Mobile App\"},\"metadata\":{\"title\":\"Adresswerk Digitalization — Case Study | UQ.dev\",\"description\":\"Digitizing the Adresswerk process in 14 days. 1 developer, React, TypeScript. UQ.dev Hamburg.\"},\"results\":{\"header\":\"Results\",\"text\":\"Development time: 14 days. Team: 1 developer. Complete digitalization of the paper-based process with a mobile app.\"}},\"friedhofswegweiser\":{\"title\":\"Cemetery Wayfinder\",\"ausgangslage\":{\"header\":\"Initial Situation\",\"text\":\"The current scenario involves a need for comprehensive information about cemeteries that is relevant in the context of a death. This includes details about locations, services, burial options, and other pertinent information that can assist families and loved one
1s in planning and organizing a funeral.\"},\"ziel\":{\"header\":\"Goal\",\"text\":\"The aim of the Cemetery Wayfinder is to serve as a comprehensive source of information, enabling families and loved ones to quickly and easily access relevant details about cemeteries. The objective is to address the needs and requirements associated with a death, thereby facilitating and supporting the funeral planning process.\"},\"umsetzung\":{\"header\":\"Implementation\",\"text\":\"The Cemetery Wayfinder will be implemented by compiling and providing detailed information about cemeteries. This could involve the development of a digital platform, a mobile application, or an online portal, providing users with user-friendly access to the required information. The information will be continuously updated and expanded to ensure that users always have access to current and relevant data. Additionally, features such as search functions, map integrations, and filter options will enhance the user experience and improve efficiency in searching for cemetery information.\"},\"facts\":{\"time\":\"4 days\",\"people\":\"1 employee\",\"system\":\"Web App\"},\"metadata\":{\"title\":\"Cemetery Guide App — Case Study | UQ.dev\",\"description\":\"Digital cemetery guide: Interactive map and grave search. React, Next.js, TypeScript. UQ.dev Hamburg.\"},\"results\":{\"header\":\"Results\",\"text\":\"Interactive map with grave search across multiple cemetery locations. Development time: 4 days. User-friendly information portal for bereaved families.\"}},\"rpm\":{\"title\":\"Automated Product Update\",\"ausgangslage\":{\"header\":\"Initial Situation\",\"text\":\"Our clients coordinate 20 external branches that receive monthly lists of 250-500 products. These lists must be manually checked for updates, as they come from three different umbrella organizations. If there is uncertainty about the data's currency, the external branches contact the manufacturers directly and log their inquiries. Unanswered inquiries and manually updated lists are intensively researched at the central office. Every response received is carefully entered into the central system, which is a time-consuming process.\"},\"ziel\":{\"header\":\"Goal\",\"text\":\"The goal is to make the process of product updating and management for decentralized locations more efficient through automation and digitalization. This includes reducing manual checks, simplifying communication with umbrella organizations and manufacturers, and optimizing the logging of inquiries and responses. By implementing a structured system, time savings should increase, errors should be minimized, and overall company productivity should be enhanced.\"},\"umsetzung\":{\"header\":\"Implementation\",\"text\":\"In some sections of this process, manual assessments and decisions are inevitable. Therefore, the workflow was structured in a system with tabs. 'More complex' cases pass through multiple tabs from left to right, while others are immediately moved from the 'Entry' tab to 'Completed'.\"},\"facts\":{\"time\":\"405 days\",\"people\":\"6 employees\",\"system\":\"Desktop (classic)\"},\"metadata\":{\"title\":\"Automated Product Updates — Case Study | UQ.dev\",\"description\":\"Automating product data for 20 branches and 250-500 products. .NET, SQL Server. UQ.dev Hamburg.\"},\"results\":{\"header\":\"Results\",\"text\":\"20 branch offices connected. 250–500 products automatically updated per month. Significant reduction in manual research and coordination effort.\"}}},\"imprint\":{\"impressumTitle\":\"Imprint\",\"section5TMG\":\"Information according to § 5 TMG\",\"companyName\":\"Unique (Deutschland) GmbH\",\"address\":\"Randstraße 1, 22525 Hamburg\",\"commercialRegister\":\"Handelsregister: HRB 40590\",\"registerCourt\":\"Registergericht: Amtsgericht Hamburg\",\"contactTitle\":\"Contact\",\"phone\":\"Phone\",\"email\":\"E-Mail\",\"taxIdTitle\":\"VAT ID\",\"taxId\":\"VAT Identification Number according to § 27 a VAT Act: DE118689805\",\"editorialResponsibility\":\"Editorial Responsibility\",\"editorName\":\"Jurij Koch\",\"liabilityForContent\":\"Liability for Content\",\"liabilityContent\":\"We continuously develop the content of this website and strive to provide correct and up-to-date information. Unfortunately, we cannot accept liability for the correctness of all content on this website, especially for those provided by third parties. As a service provider, we are not obliged to monitor the information you transmit or store or to investigate circumstances that indicate illegal activity.\",\"liabilityForLinks\":\"Liability for Links\",\"linksContent\":\"Our website contains links to external websites of third parties, over whose content we have no influence. Therefore, we cannot accept any liability for these external 
1contents. The respective provider or operator of the pages is always responsible for the content of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking. However, a permanent content control of the linked pages is not reasonable without concrete evidence of a legal violation. Upon becoming aware of legal violations, we will remove such links immediately.\",\"copyright\":\"Copyright\",\"copyrightContent\":\"The contents and works created by the site operators on this website are subject to German copyright law. The reproduction, editing, distribution, and any form of utilization beyond the scope of copyright law require the written consent of the respective author or creator. Downloads and copies of this page are only permitted for private, non-commercial use. As far as the contents of this page are not created by the operator, the copyrights of third parties are observed. In particular, third-party content is marked as such. Should you still become aware of a copyright infringement, we ask for a corresponding note. Upon becoming aware of legal violations, we will remove such contents immediately.\",\"dataProtection\":\"Data Protection\",\"matomoAnalysisTool\":\"Analysis Tool Matomo On-Premise\",\"matomoContent\":\"This website uses Matomo On-Premise, an open-source software for statistical evaluation of visitor access. Matomo On-Premise operates without the use of cookies to track user activities. The software records and analyzes the interactions of visitors on this website, but does not store any personal data. All collected data remains on our own servers and is not shared with third parties.\",\"matomoPrivacy\":\"Matomo On-Premise respects the privacy of website visitors and supports compliance with applicable data protection regulations. No data is sent to external servers or used for advertising purposes.\",\"matomoUsage\":\"The use of Matomo On-Premise allows us to gain insights into the usage behavior of our visitors and to optimize the website accordingly. If you do not want your visit to be recorded, you can activate the Do-Not-Track feature of your browser.\",\"matomoOptOut\":\"Attention\",\"matomoOptOutContent\":\"You have the right to object to the use of Matomo and to change your decision at any time. For this purpose, we have integrated a checkbox on our website that allows you to deactivate Matomo. If you do not want your data to be collected by Matomo, simply uncheck the checkbox below.\",\"matomoCheckboxLabel\":\"Collect data with Matomo\",\"matomoCheckboxDescription\":\"By disabling Matomo tracking, no data will be collected anymore, and your visits to this website will not be included in the analysis.\",\"microsoftTeamsCommunication\":\"Communication via Microsoft Teams\",\"microsoftTeamsContent\":\"This website offers you the opportunity to contact us via Microsoft Teams (https://learn.microsoft.com/en-us/microsoftteams/teams-privacy). Microsoft Teams is a collaboration tool and communication service from Microsoft Corporation. By clicking on the Microsoft Teams button or link or using the communication feature via Microsoft Teams on this website, you agree that your data (such as username, profile information) may be transmitted to Microsoft and that you agree to the terms of use and privacy policies of Microsoft Teams.\",\"microsoftTeamsSecurity\":\"Please note that communication via Microsoft Teams is subject to certain security and privacy policies of Microsoft. We recommend that you read Microsoft's privacy policies before using this service. Microsoft is committed to protecting your data and the security of communication via Teams.\",\"microsoftTeamsConfidentiality\":\"Any communication via Microsoft Teams is at your own risk. We will never ask for confidential data such as passwords, account information, or payment information via Microsoft Teams. If you provide us with such information through this channel, it is at your own risk.\",\"microsoftTeamsRight\":\"We reserve the right to discontinue communication via Microsoft Teams or to remove the Microsoft Teams button or link from this website without prior notice.\",\"microsoftTeamsAlternative\":\"If you do not wish to use Microsoft Teams, alternative contact options are available, such as email or phone, to get in touch with us.\",\"mapboxUsage\":\"Using Mapbox for Maps and Location Data\",\"mapboxContent\":\"Our website uses Mapbox (https://www.mapbox.com/legal/privacy), an online mapping service from Mapbox Inc., to display interactive maps and location data. By using Mapbox, we can provide you with a user-friendly and engaging map experience that can assist you in navigation and orientation.\",\"mapboxFunctionality\":\"Mapbox allows us to display and customize maps and geodata on our website to present you with relevant information about our locations, offerings, or events. Please note that Mapbox has its own terms of use and privacy policies that apply to the use of their services. By visiting our website and using the maps from Mapbox, you agree to the terms of use and privacy policies of Mapbox.\",\"mapboxDataCollection\":\"When accessing or interacting with the maps from Mapbox, certain information may be collected, such as your IP address and location data. This data may be used for statistical purposes and to improve the map display. However, we do not collect any personal information through the use of Mapbox maps.\",\"mapboxDataProtection\":\"We do everything we can to ensure that your data is protected and secure. Mapbox uses various security measures to ensure the integrity and confidentiality of the data they collect. However, please note that the transmission of information over the internet always carries a certain risk, and we cannot guarantee the absolute security of your data.\",\"mapboxUsagePurpose\":\"We use the maps and location data provided by Mapbox solely for informational purposes and to provide you with an improved user experience. We do not collect any personal data about you through the use of Mapbox maps.\",\"mapboxContact\":\"If you have any questions or concerns regarding the use of Mapbox on our website, please feel free to contact us. We are available to clarify your concerns and assist you with your questions.\",\"metadata\":{\"title\":\"Legal Notice — UQ.dev\",\"description\":\"Legal notice for UQ.dev (Unique (Deutschland) GmbH), Hamburg web application agency.\"}}}
1,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L1e\"}]\n"])</script>
1<script>self.__next_f.push([1,"1f:I[15637,[\"/_next/static/chunks/10795n~ad3qew.js\",\"/_next/static/chunks/0bpacdbk9x0yd.js\",\"/_next/static/chunks/0k0s3fhzrr0~6.js\",\"/_next/static/chunks/02hpnu_.j-63c.js\",\"/_next/static/chunks/0rpbsw-quuwoq.js\",\"/_next/static/chunks/0gqsf6v3t.ty3.js\",\"/_next/static/chunks/05dj1r0r.0~7l.js\",\"/_next/static/chunks/11u7pdh8wa28i.js\",\"/_next/static/chunks/0l3fn2tftdi4f.js\"],\"RootLayout\"]\n1e:[\"$\",\"$L1f\",null,{\"locale\":\"en\",\"menuLabels\":{\"contact\":\"Contact\",\"menu\":\"Menu\",\"portfolio\":\"Portfolio\",\"team\":\"The Team\",\"process\":\"Approach\",\"booking\":\"Book Appointment\",\"impressum\":\"Privacy \u0026 Legal Notice\",\"services\":\"Services\",\"blog\":\"Blog\"},\"footerLabels\":{\"contact\":\"Contact\",\"menu\":\"Menu\",\"portfolio\":\"Portfolio\",\"team\":\"The Team\",\"process\":\"Approach\",\"booking\":\"Book Appointment\",\"impressum\":\"Privacy \u0026 Legal Notice\",\"services\":\"Services\",\"blog\":\"Blog\",\"email\":\"E-Mail\",\"legal\":\"Legal\",\"socials\":\"Socials\",\"slogan\":\"Strategic Partner in Desktop, Web, Mobile.\",\"webAppEntwicklung\":\"Web App Development\",\"designSysteme\":\"Design Systems\",\"reactNextjs\":\"React \u0026 Next.js\"},\"matomo\":{\"url\":\"https://uq.dev/wer\",\"siteId\":\"1\",\"jsPath\":\"\",\"phpPath\":\"/php\"},\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"20:I[27201,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/00-csyj9a6t-x.js\"],\"IconMark\"]\n8:null\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"title\",\"0\",{\"children\":\"Web App Development Hamburg | Custom Solutions — UQ.dev\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://uq.dev/en/services/web-app-entwicklung\"}],[\"$\",\"link\",\"3\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://uq.dev/de/services/web-app-entwicklung\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://uq.dev/en/services/web-app-entwicklung\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Web App Development Hamburg | Custom Solutions — UQ.dev\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://uq.dev/en/services/web-app-entwicklung\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:locale:alternate\",\"content\":\"de_DE\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Web App Development Hamburg | Custom Solutions — UQ.dev\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"UQ.dev builds custom web applications in Hamburg: CRM systems, dashboards, B2B portals. React, Next.js, TypeScript, .NET. Discuss your project today.\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/en/icon?c8350a019ee698d2\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"$L20\",\"14\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.