Skip to content
  • Web design
  • Web development
  • Relaunch

Düsseldorf
Local time

Your website should be as good
as your company.

We design and build websites that turn visitors into inquiries. From the first draft to launch, without you having to coordinate several providers.

Start an inquiry

Good companies don’t automatically have good websites.

The company grows.The website stands still.

And anyone who doesn’t know you yet judges you by it.

01 / 04Offer

Services

You do not need to know which service you need. We work that out together in the first conversation.

  1. Web design

    If people don’t see right away what you offer, they ask someone else.

    A clear design shows at a glance who you are, what you offer and why people should get in touch. Made for your company, not taken from a template your competitor uses too.

    You getA design of your own that people recognize you by.

  2. Development

    Many websites look better in the draft than in the browser.

    We build the design ourselves, without page builders and without cutting corners. What convinced you in the draft is exactly what your visitors see, on a phone too.

    You getA website that works as well as it looks.

  3. Relaunch

    A new website must not cost you what the old one already achieved.

    We reorganize structure, content and user flow and keep what already works. Existing addresses are redirected, so your customers and Google keep finding you.

    You getA presence that fits your company again.

02 / 04Workflow

Process

You always know what we are working on. After each step you see a result and have your say before we move on.

  1. 01 Understand

    What should your website achieve?

    We listen before we suggest anything. Afterwards you know what you will get and what it costs.

    • Goals and audience
    • Assessment of your current website
    • Scope and price

  2. 02 Structure

    What do visitors need to find right away?

    We organize the content so visitors quickly find what they are looking for and know how to reach you.

    • Site structure
    • Content plan
    • User flow

  3. 03 Design

    How should your company come across?

    You see the design before development starts and tell us what does not fit yet. We build what convinces you.

    • Design draft
    • Mobile view
    • Feedback round

  4. 04 Develop

    How does the draft become a real website?

    We build the design with your real content, not placeholders. So before launch you see what the finished site looks like.

    • Build
    • Content entry
    • Testing on all devices

  5. 05 Launch

    What happens after launch?

    The site only goes live once everything works. Afterwards you know how to work with it.

    • Final check
    • Go-live
    • Handover

Approach: Design and tech. Good design makes quality visible. Good tech keeps what the design promises.

03 / 04Tools

Technology

Chosen for what your website needs to do, not for what is currently fashionable.

Noticeably fast

Anyone who has to wait is gone. Your site loads fast, on mobile networks too.

Easy to find

People searching for you should find you, not your competitor. Your pages are built so search engines understand them.

Yours to maintain

You change text and images yourself. Getting an invoice for every small edit is not part of it.

Built to last

New pages, offers or languages fit right in. You won’t be starting from scratch again in two years.

Your project decides which of them we use.

1Interface

  • Wireframes, prototypes and user flows, tested before build.
  • Designs, prototypes and design systems in one place, open for you to view at any time.
  • Every component documented and tested on its own before it goes on a page.
  • Fluid layouts with breakpoints and container queries.
  • Design tokens and components shared by design and code.

2Frontend

  • Semantic markup and ARIA as the basis for accessibility and SEO.
  • Grid, flexbox, custom properties and native animation.
  • ES modules for interaction and logic in the browser.
  • Static types that catch errors at build time.
  • Components and server components, the basis of Next.js.
  • Reactive components with the Composition API, the basis of Nuxt.
  • Compiles to lean JavaScript with no runtime in the browser, basis of SvelteKit.
  • Build tool with instant reload during development, basis of many frameworks.
  • Utility-first CSS, tied to the design tokens.
  • Accessible components as source code in the project, fully adapted to your own design.
  • Animation for React, driven by scrolling and interaction.
  • Timeline animation and scroll-driven effects.
  • 3D and WebGL in the browser, for scenes that move with scrolling and the mouse.

3Framework / CMS

  • React framework with SSR, static generation and edge delivery.
  • Vue framework with SSR and hybrid rendering.
  • Islands architecture, zero client JavaScript by default.
  • Svelte framework with SSR, routing and static generation.
  • Full-stack React framework with type-safe routing.
  • Custom theme with custom blocks instead of a page builder.
  • Liquid themes or headless via the Storefront API.

4Backend & data

  • Server runtime for API routes, forms and webhooks.
  • Relational database with transactions and JSON fields.
  • Postgres with auth, storage and row level security.
  • Headless CMS with a fully customizable editing interface.
  • Headless CMS built on Next.js, running in the same project as the website.
  • Integrating external services such as payments, booking or CRM.
  • Payments, subscriptions and checkout inside your own site.
  • Payments handled as merchant of record, including VAT and invoices.
  • Sending system emails such as confirmations and downloads via API.

5DevOps

  • Version control with branches and code review for every change.
  • Code, reviews and automated workflows with GitHub Actions.
  • Containers, so development and server run identically.
  • Hosting, CDN and server functions close to every visitor, with protection against attacks.
  • CI/CD with preview deployments and a global edge network.
  • Hosting with a preview for every change and functions at the edge.

6Performance & standards

  • LCP, INP and CLS, measured in the lab and in the field.
  • Structured data, sitemaps and clean metadata.
  • Keyboard access, contrast and screen reader testing.
  • Privacy by design, without needless third parties and cookies.
  • Automated tests in real browsers before a change goes live.
  • Visitor statistics without cookies and without a consent banner.

04 / 04Inquiry

What needs to change?

What can we help you with?