Wundercode · Digitalstudio für UnternehmenWundercode · Digital studio for businesses

Websites. Apps. KI.
Damit Ihr Unternehmen
weiterkommt.
Websites. Apps. AI.
Built to move your
business forward.

Strategie, Design und Entwicklung aus einer Hand. Vor dem Start wissen Sie, was gebaut wird, in welchen Schritten und zu welchem Preis.Strategy, design and development from one team. Before work begins, you know what will be built, in which steps and at what price.

Kostenlos kennenlernen · Optional per Video oder E-MailFree introduction · Video call or email, your choice

Gründer · WundercodeFounder · WundercodeHasan BadrukIhr direkter Ansprechpartner – vom ersten Gespräch bis zur Übergabe.Your direct point of contact, from the first conversation to handover.Mehr über HasanMore about Hasan
Website-Konzept: Onlineshop für Keramik auf Monitor und Laptop
Onlineshop für KeramikCeramics online storeKI-Visualisierung · Gestaltungskonzept, kein KundenprojektAI visualisation · design concept, not a client project

Die Erfahrung hinter unseren MarkenThe experience behind our brands

2016↗

Seitdem unternehmerisch am MarktIn business since 2016

287+

Betreute KundenCustomers supported

250.000€

Monatliches AuftragsvolumenMonthly order volume

Gemeinsame Erfahrungsbasis von Hasan Badruk und unseren Marken. Auftragsvolumen bezeichnet vereinbarte Projekte, nicht Zahlungseingänge.The shared experience of Hasan Badruk and our brands. Order volume describes agreed projects, not payments received.

Marken & Kunden aus unserer ArbeitBrands & customers from our work

Erkennen Sie sich wieder?Does this sound familiar?

Es muss nicht so umständlich bleiben.There can be a simpler way forward.

Für Unternehmer, Dienstleister und wachsende Teams, die aus einer konkreten Herausforderung etwas Besseres machen wollen.For business owners, service providers and growing teams who want to turn a specific challenge into something better.

01

Ihr Angebot ist besser als Ihr Auftritt.Your offer is better than your website.

Menschen sollen schnell verstehen, was Sie besonders macht. Dafür müssen Bilder, Worte und der nächste Schritt zusammenpassen.People should quickly understand what makes your business valuable. Images, words and the next step need to work together.

02

Ihre Idee braucht endlich eine erste Version.Your idea needs a first working version.

Sie sehen, wie eine App oder ein Portal Ihren Kunden helfen könnte. Aber welche Funktionen gehören wirklich in den ersten Start?You can see how an app or portal could help your customers. But which features belong in the first release?

03

Ihr Team erledigt zu vieles von Hand.Your team does too much by hand.

Informationen kopieren, Anfragen sortieren, Dokumente suchen. Wir schauen auf den Ablauf, bevor wir eine technische Lösung empfehlen.Copying information, sorting enquiries, finding documents. We look at the workflow before recommending a technical solution.

Womit möchten Sie vorankommen?What would you like to move forward?

Drei Wege. Ihr nächster Schritt.Three paths. Your next step.

Wir starten dort, wo eine konkrete Verbesserung zählt. Der vereinbarte Umfang bestimmt das Projekt – und lässt Raum, später sinnvoll zu erweitern.We start where a specific improvement matters. The agreed scope defines the project, leaving room for useful additions later.

01 / Besser präsentierenPresent your business

Websites & OnlineshopsWebsites & online stores

Ihr BedarfWhat you need

Ihr Auftritt soll zeigen, wie gut Ihre Arbeit ist – und Anfragen oder Käufe leicht machen.Your website should show the quality of your work and make enquiries or purchases easy.

VorgehenApproach

  1. Angebot & Seitenstruktur schärfenClarify offer & page structure
  2. Design für Handy & DesktopDesign for mobile & desktop
  3. Anfrageweg gemeinsam prüfenReview the enquiry flow together

Erstes ErgebnisFirst deliverable

Eine klare Angebotsseite mit funktionierendem Kontaktweg.A clear offer page with a working enquiry flow.

02 / Kunden besser begleitenSupport your customers

Apps & KundenportaleApps & customer portals

Ihr BedarfWhat you need

Ihre Kunden sollen Buchungen, Inhalte und Leistungen an einem Ort finden.Your customers should find bookings, content and services in one place.

VorgehenApproach

  1. Wichtigsten Ablauf festlegenDefine the key journey
  2. Prototyp gemeinsam ansehenReview a prototype together
  3. Zugang & Verwaltung verbindenConnect access & admin

Erstes ErgebnisFirst deliverable

Eine nutzbare erste Version für den wichtigsten Kundenweg.A usable first version of your key customer journey.

03 / Team im Alltag entlastenGive your team time back

KI & eigene SoftwareAI & custom software

Ihr BedarfWhat you need

E-Mails, Dokumente und doppelte Eingaben kosten Ihr Team zu viel Zeit.Emails, documents and duplicate entry take up too much of your team's time.

VorgehenApproach

  1. Einen klaren Prozess wählenChoose one clear process
  2. Mit Beispieldaten testenTest with sample data
  3. Freigaben & laufende Kosten klärenAgree approvals & running costs

Erstes ErgebnisFirst deliverable

Ein getesteter Ablauf, der eine konkrete Aufgabe übernimmt.A tested workflow that handles a specific task.

Nach dem Kennenlernen erhalten Sie bei passendem Bedarf ein Angebot mit Umfang, Meilensteinen, Preis und Anzahlung. Ein Telefonat verpflichtet Sie zu nichts.If there is a good fit, your proposal sets out scope, milestones, price and deposit. An introductory call comes with no obligation.

Aus unserem eigenen PortfolioFrom our own portfolio

Sehen Sie, was wir bauen.See what we build.

Drei eigene Produkte und Markenauftritte. Sie zeigen, wie wir Angebote verständlich machen, Oberflächen gestalten und digitale Produkte umsetzen. Alle Beispiele sind öffentlich einsehbar.Three of our own products and brand websites. They show how we explain offers, design interfaces and build digital products. Each example is publicly viewable.

codaiq.com
Screenshot der öffentlichen Codaiq-Website
01

Codaiq

Unser eigener KI-Website-Builder verbindet eine Produktoberfläche mit Generierung und Bearbeitung. Im Gespräch zeigen wir passende Abläufe und erklären den technischen Aufbau.Our own AI website builder connects a product interface with generation and editing. On a call, we can walk through relevant workflows and the implementation.

EIGENES PRODUKT · CODAIQ.COMOWN PRODUCT · CODAIQ.COM

wundercode.studio
Screenshot der öffentlichen Wundercode-Website
02

Wundercode

Die Website, die Sie gerade besuchen, ist unsere eigene Arbeit: Gestaltung, responsive Oberflächen und der Kontaktweg für konkrete Projektanfragen.The website you are visiting is our own work: design, responsive interfaces and an enquiry flow for specific projects.

WEB DESIGN · NEXT.JS · TYPESCRIPTWEB DESIGN · NEXT.JS · TYPESCRIPT

growthaiq.com
Screenshot der öffentlichen Growthaiq-Website
03

Growthaiq

Unsere Website für integrierte Wachstums- und KI-Dienstleistungen zeigt die Verbindung aus Angebotsstruktur, visueller Präsentation und Content.Our website for integrated growth and AI services demonstrates offer structure, visual presentation and content working together.

EIGENE MARKE · GROWTHAIQ.COMOWN BRAND · GROWTHAIQ.COM

Ideen werden sichtbarIdeas made visible

So könnte Ihr nächstes
digitales Produkt aussehen.
What your next digital
product could look like.

Apps, Kundenportale und KI im Arbeitsalltag – gestaltet für die Menschen, die sie nutzen. Beide Konzepte sind KI-Visualisierungen und zeigen mögliche Richtungen, keine Kundenprojekte.Apps, customer portals and AI in everyday work — designed for the people using them. Both concepts are AI visualisations showing possible directions, not client projects.

App-Konzept für Mitgliedschaft und Terminbuchung auf zwei Smartphones
Entwurf: Membership & Booking · KI-VisualisierungConcept: membership & booking · AI visualisation

02 / Apps & KundenportaleApps & customer portals

Ihr Angebot. Direkt in der Hand Ihrer Kunden.Your service. In your customers’ hands.

Termine buchen, Inhalte nutzen, Leistungen bestellen: Eine eigene App oder ein Kundenportal macht Ihr Angebot leichter zugänglich und begleitet Ihre Kunden auch nach dem ersten Kauf.Book appointments, access content and order services: a custom app or customer portal makes your offer easier to use and supports customers beyond their first purchase.

Apps & Portale entdeckenExplore apps & portals
Visualisiertes KI-System: Dokumente werden verarbeitet, Antworten vorbereitet und vom Menschen freigegeben
Entwurf: Dokumente & Freigabe · KI-VisualisierungConcept: documents & approval · AI visualisation

03 / KI & eigene SoftwareAI & custom software

KI bereitet vor. Sie entscheiden.AI prepares. You decide.

Anfragen beantworten, Dokumente auswerten, Daten übertragen: KI kann wiederkehrende Arbeit vorbereiten. Welche Schritte Ihre Freigabe brauchen, legen wir gemeinsam fest.Answering enquiries, reviewing documents, transferring data: AI can prepare recurring work. Together we decide which steps need your approval.

KI-Software entdeckenExplore AI software
Screenshot der englischsprachigen Konzeptdemo: ein marineblau gestreiftes Hemd als technische Zeichnung, daneben die Auswahl für Stoff, Kragen und Manschette

Eigene KonzeptdemoIndependent concept demo

So fühlt sich die Produktauswahl an.Try a product configurator.

Wählen Sie Stoff, Kragen und Manschette – die Illustration passt sich jeder Entscheidung sofort an. So lassen sich die Varianten direkt am Produkt vergleichen.Choose a fabric, collar and cuff — the illustration updates with every choice. Compare the options directly on the product.

Kein Kundenprojekt und kein Shop – es werden keine Bestellungen oder Anfragen gesendet.Not client work and not a shop — no orders or enquiries are sent.

Porträt von Hasan Badruk
Hasan BadrukGründer, WundercodeFounder, Wundercode

Persönlich verantwortlichPersonally accountable

Ich bleibe an Ihrem Projekt dran.I stay involved in your project.

Ich bin Hasan. Bevor wir über Technik sprechen, möchte ich verstehen, was in Ihrem Unternehmen besser werden soll. Daraus machen wir einen klaren Plan, treffen die Entscheidungen gemeinsam, und Sie sehen die Umsetzung Schritt für Schritt.I'm Hasan. Before we talk about technology, I want to understand what should work better in your business. We turn that into a clear plan, make the decisions together, and you see the work take shape step by step.

  • Seit 2016Since 2016Selbstständig seit 2016, als Freelancer seit 2019.Self-employed since 2016, freelancing since 2019.
  • Seit 2022Since 2022Vollzeit-Agenturarbeit aus Dubai: Planung und Umsetzung digitaler Produkte.Full-time agency work from Dubai: planning and building digital products.
  • Im ProjektOn your projectEin direkter Ansprechpartner, regelmäßige Einblicke und klare Entscheidungen.One direct point of contact, regular progress reviews and clear decisions.

Sie sollen verstehen, was wir bauen, warum wir es bauen und was als Nächstes passiert.You should understand what we are building, why we are building it and what happens next.

Mit Hasan sprechenTalk to Hasan

Kostenlos kennenlernen · Optional per Video oder E-MailFree introduction · Video call or email, your choice

Die Menschen an Ihrer SeitePeople on your side

Das Team
hinter Wundercode.
The team
behind Wundercode.

Hasan ist Ihr direkter Ansprechpartner und bleibt im Projekt. Mit ihm arbeiten Menschen aus Social Media, Vertrieb, Wachstumsberatung und Personal – jede und jeder mit einer klaren Rolle.Hasan is your direct point of contact and stays involved throughout. He works alongside people from social media, sales, growth consulting and HR, each with a clear role.

Unser Team kennenlernenMeet the team ↗

Ihr AnsprechpartnerYour point of contact

Hasan Badruk

GründerFounder

Social Media & InhalteSocial media & content

Emily Kadi

Senior Social Media Managerin

Vertrieb & KundenkontaktSales & customer relationships

Mira Karaca

Senior Vertriebsmanagerin

Wachstum & StrategieGrowth & strategy

Jürgen K.

Growth Consultant

Menschen & ZusammenarbeitPeople & collaboration

Hunkar A.

HR Director
KI-Visualisierung eines möglichen Studios in Dubai
KI-Visualisierung · Arbeitswelt-Konzept, keine Aufnahme unseres BürosAI visualisation · workspace concept, not a photograph of our office

Aus Dubai. Für Sie erreichbar.Based in Dubai. Within reach.

Remote gebaut.
Persönlich begleitet.
Built remotely.
Personally guided.

Ein fester Ansprechpartner, regelmäßige Einblicke in Entwürfe und Vorschauen und Entscheidungen, die wir gemeinsam treffen. So bleibt die Zusammenarbeit persönlich – egal, wo Ihr Unternehmen sitzt.One dedicated contact, regular looks at designs and previews, and decisions made together. Collaboration stays personal, wherever your business is based.

So arbeiten wir mit IhnenHow we work with you ↗

Das erste GesprächYour first conversation

Was lohnt sich für Ihr Unternehmen?What is worth building for your business?

In etwa 30 Minuten besprechen wir Ihr Ziel, den heutigen Stand und einen sinnvollen ersten Umfang. Sie gehen mit einer klareren Richtung und einem vereinbarten nächsten Schritt aus dem Gespräch. Kostenlos und unverbindlich.In around 30 minutes, we discuss your goal, your starting point and a useful first scope. You leave with a clearer direction and an agreed next step. Free and without obligation.

Projekt mit Hasan besprechenDiscuss your project with Hasan

So arbeiten wir zusammenHow we work together

Sie wissen immer, wo Ihr Projekt steht.Always know where your project stands.

Ein guter Start braucht Klarheit. Ein gutes Ergebnis braucht regelmäßige Einblicke. Deshalb arbeiten wir mit nachvollziehbaren Schritten und gemeinsam vereinbarten Meilensteinen.A good start needs clarity. A good result needs regular reviews. We work through clear steps and milestones agreed with you.

01

Kennenlernen & einordnenMeet & understand

Sie erzählen, was sich verbessern soll. Wir schauen auf den aktuellen Stand, die Nutzer und Ihre Prioritäten. Ein vorhandener Link oder ein Beispiel genügt für den Einstieg.Tell us what should improve. We look at the current situation, your users and priorities. An existing link or an example is enough to get started.

Das haben Sie davonWhat you gain

Ziel und sinnvoller erster SchrittA goal and a useful first step

02

Umfang & AngebotScope & proposal

Wir halten fest, was gebaut wird, wie Sie es abnehmen und was Sie dafür bereitstellen. Preis, Anzahlung, Termine und mögliche laufende Kosten stehen im Angebot.We define what we will build, how you will review it and what you need to provide. Your proposal covers price, deposit, timing and possible running costs.

Das haben Sie davonWhat you gain

Eine klare Entscheidung vor dem StartA clear decision before we start

03

Entwerfen & umsetzenDesign & build

Sie sehen Entwürfe und eine nutzbare Vorschau. Wir besprechen Ihr Feedback an vereinbarten Meilensteinen und prüfen die wichtigsten Abläufe gemeinsam.You see designs and a usable preview. We discuss your feedback at agreed milestones and review the key workflows together.

Das haben Sie davonWhat you gain

Sichtbarer Fortschritt zum AusprobierenVisible progress you can try

04

Abnehmen & weiterkommenReview & move forward

Zum Abschluss prüfen wir den vereinbarten Umfang, erklären die Bedienung und regeln Übergabe und Betrieb. Danach entscheiden Sie, ob weitere Betreuung sinnvoll ist.We review the agreed scope, explain how to use it and arrange handover and operations. You then decide whether ongoing support would help.

Das haben Sie davonWhat you gain

Geprüfte Umsetzung und klare ZuständigkeitenReviewed delivery and clear responsibilities

Vor dem Start erhalten Sie ein schriftliches Angebot mit Umfang, Abnahmekriterien, Terminen und Anzahlung. Weitere Zahlungen knüpfen wir an die vereinbarten Meilensteine.Before we start, you receive a written proposal with scope, acceptance criteria, timing and deposit. Further payments are tied to the agreed milestones.

Häufige FragenFrequently asked

Bevor Sie
fragen.
Before
you ask.

Häufige Fragen zu Websites, Apps und KI-Projekten. Ihre ist nicht dabei? Schreiben Sie sie einfach in Ihre Anfrage.Common questions about websites, apps and AI projects. Yours isn't here? Simply add it to your enquiry.
(01)Wie finden wir den passenden ersten Umfang?How do we choose the right starting scope?

Wir klären zuerst, was Ihre Kunden oder Ihr Team leichter erledigen sollen. Dann sehen wir uns vorhandene Inhalte, Technik und Abläufe an. Daraus wählen wir einen sinnvollen ersten Schritt: eine Website, eine App-Funktion oder einen KI-Ablauf. Was wir liefern und woran Sie es prüfen, halten wir schriftlich fest.First, we clarify what your customers or team should be able to do more easily. Then we review your existing content, technology and workflows. Together we choose a useful first step: a website, an app feature or an AI workflow. We document what we will deliver and how you will review it.

Der erste SchrittThe first step
(02)Was kostet ein Projekt?What does a project cost?

Der Preis richtet sich nach dem vereinbarten Umfang. Sie erhalten ein schriftliches Angebot mit Leistungen, Preis, Anzahlung, Meilensteinen und Abnahmekriterien. Weitere Zahlungen folgen dem vereinbarten Plan. Hosting, Lizenzen und laufende Betreuung weisen wir getrennt aus. Zusätzliche Wünsche stimmen wir mit Ihnen ab, bevor weitere Kosten entstehen.The price depends on the agreed scope. You receive a written proposal covering deliverables, price, deposit, milestones and acceptance criteria. Further payments follow the agreed schedule. Hosting, licences and ongoing support are listed separately. We agree any additional work with you before it incurs extra costs.

Preis & ZahlungPricing & payment
(03)Wie läuft die Zusammenarbeit und wer begleitet mich?How do we work together, and who is my contact?

Hasan Badruk ist Ihr persönlicher Ansprechpartner und koordiniert die Umsetzung. Zum Start klären wir Aufgaben, benötigte Materialien und den Austausch. Sie sehen Zwischenstände und geben Rückmeldung, bevor wir den nächsten Schritt umsetzen. Zum Abschluss prüfen wir das Ergebnis gemeinsam anhand der vereinbarten Abnahmekriterien.Hasan Badruk is your personal contact and coordinates delivery. At the start, we agree responsibilities, the materials we need and how we will stay in touch. You review progress and give feedback before we move to the next step. At the end, we review the result together against the agreed acceptance criteria.

Persönliche BegleitungPersonal guidance
(04)Wie schnell kann gestartet und geliefert werden?How soon can work start, and when will it be delivered?

Nach der Sichtung nennen wir Ihnen den frühesten möglichen Start und einen realistischen Zeitplan. Eine fokussierte Website braucht weniger Zeit als eine App mit mehreren Nutzerrollen oder eine KI-Anbindung an bestehende Systeme. Inhalte, Zugänge und Ihre Freigaben beeinflussen die Dauer. Erste Vorschau und Übergabe planen wir als klare Meilensteine.After reviewing the project, we give you the earliest available start and a realistic schedule. A focused website takes less time than an app with multiple user roles or AI connected to existing systems. Content, access and your approvals affect timing. We plan the first preview and handover as clear milestones.

Start & ZeitplanStart & timeline
(05)Was passiert nach dem Launch?What happens after launch?

Wir legen vorab fest, wie Einweisung, Dokumentation und Übergabe aussehen. So wissen Sie, wie Sie Inhalte pflegen und an wen Sie sich bei Fragen wenden können. Wartung, Betrieb und weitere Verbesserungen können wir separat vereinbaren. Umfang, Reaktionszeiten und laufende Kosten stehen im jeweiligen Angebot.We agree in advance what training, documentation and handover will include. You know how to maintain your content and whom to contact with questions. Maintenance, operations and further improvements can be arranged separately. Their scope, response times and ongoing costs are set out in the relevant proposal.

Übergabe & BetreuungHandover & support
(06)Wem gehören Ergebnis und Code?Who owns the result and the code?

Welche Nutzungsrechte Sie erhalten und welche Dateien, Codebestände, Zugänge und Dokumentationen wir übergeben, vereinbaren wir vor Projektstart schriftlich. Lizenzen von Drittanbietern, etwa für Schriften, Bilder, Plugins oder KI-Modelle, bleiben zu beachten. Wir erklären Ihnen, welche Bestandteile Sie selbst weiterführen können und welche externe Dienste benötigen.Before work begins, we agree in writing which usage rights you receive and which files, source code, accounts and documentation will be handed over. Third-party licences, for example for fonts, images, plugins or AI models, still apply. We explain which parts you can maintain independently and which depend on external services.

Rechte & ZugängeRights & access
(07)Wie gehen wir bei KI mit Daten und Freigaben um?How do we handle data and approvals in AI projects?

Vor der Umsetzung klären wir, welche Daten gebraucht werden, welche Anbieter sie verarbeiten und wer Zugriff erhält. Gemeinsam legen wir fest, was die KI vorbereiten darf und welche Schritte Ihre Freigabe brauchen. Wir prüfen den Ablauf mit vereinbarten Testfällen und berücksichtigen Ihre Datenschutz- und Sicherheitsanforderungen bei der Auswahl der Lösung.Before implementation, we clarify which data is needed, which providers process it and who has access. Together we define what AI may prepare and which steps require your approval. We check the workflow against agreed test cases and consider your privacy and security requirements when choosing the solution.

Daten & KontrolleData & control

Ihre Frage war nicht dabei? Stellen Sie sie direkt in Ihrer Anfrage.Your question isn't listed? Ask it directly in your enquiry.

Projekt anfragenSend an enquiry

Ihr nächster SchrittYour next step

Was möchten Sie
besser machen?
What would you
like to improve?

Eine Website, die Ihr Unternehmen richtig zeigt. Eine App-Idee, die endlich greifbar wird. Oder ein Arbeitsablauf, der zu viel Zeit kostet. Erzählen Sie uns davon – Sie müssen noch kein fertiges Briefing haben.A website that represents your business properly. An app idea ready to take shape. Or a workflow that takes too much time. Tell us about it; you do not need a finished brief.

Hasan Badruk
Hasan BadrukGründer & Ihr persönlicher AnsprechpartnerFounder & your personal point of contact
  1. 01Wir lesen Ihre Anfrage persönlich.We personally review your enquiry.
  2. 02Wir klären Ihren Bedarf – auf Wunsch im Zoom-Call.We clarify what you need, optionally on Zoom.
  3. 03Bei passendem Bedarf erhalten Sie einen klaren Vorschlag.If there is a fit, you receive a clear proposal.
Direkt mit Hasan BadrukDirectly with Hasan Badruk

Erzählen Sie von Ihrem Projekt.Tell us about your project.

Website, App oder KI-Integration: Beschreiben Sie kurz Ihr Vorhaben. Wir klären den passenden nächsten Schritt und vereinbaren bei Bedarf ein kostenloses Erstgespräch.Website, app or AI integration: tell us what you need. We will discuss the next step and arrange a free introductory call if useful.

Kostenlos und unverbindlich. Ein Projekt beginnt erst nach schriftlichem Angebot, Ihrer Zusage und der vereinbarten Anzahlung.Free and without obligation. A project only starts after a written proposal, your approval and the agreed deposit.

Direkt per E-Mail: Direct email: info@wundercode.studio