Skip to main con­tent

Unser Ver­spre­chen

Digi­ta­le Türen öff­nen, statt Bar­rie­ren zu bau­en.

Eine bar­rie­re­freie Web­site ist mehr als eine gesetz­li­che Pflicht – sie ist ein Zei­chen von Pro­fes­sio­na­li­tät und sozia­ler Ver­ant­wor­tung. Als Ihre Exper­ten für digi­ta­le Inklu­si­on in Ber­lin nut­zen wir die tech­ni­schen Stär­ken von Con­tao, um einen Web-Auf­tritt zu schaf­fen, der für alle Men­schen zugäng­lich und nutz­bar ist.

Kos­ten­lo­se Pro­jekt-Poten­ti­al-Ana­ly­se
Oder buchen Sie direkt ein Gepräch mit einem Ent­wick­ler
🏃‍♂️ 7 Jah­re Com­pu­ter­BUT­LER Ber­lin! + + +
🔥 LETZTE CHANCE: Unse­re Jubi­lä­ums-Deals zum 7. Geburts­tag! + + +
🎉Ver­pas­sen Sie nie wie­der ein Ange­bot mit unse­rer APP! + + +
⌛Grei­fen Sie schnell zu und sichern Sie sich Ihr Wunsch­pa­ket! + + +
💨Die Kon­tin­gen­te sind streng begrenzt und gel­ten nur für kur­ze Zeit + + +
👑 Sichern Sie sich exclu­si­ve Deals mit unse­rer App + + +

500+

Erfolg­rei­che Web-Pro­jek­te

1.5s

Typi­sche Lade­zeit

100%

Indi­vi­du­el­les Design

35+

Web-Exper­ten

More than just pro­gramm­ers — real digi­tal archi­tects.

We had a clear visi­on for our new cus­to­mer por­tal, but Com­pu­ter­BUT­LER took it to a new level. Ins­tead of just imple­men­ting our spe­ci­fi­ca­ti­ons, they actively thought along with us, ques­tio­ned our pro­ces­ses and sug­gested bet­ter, more user-fri­end­ly solu­ti­ons in key are­as. The result is a high-per­for­mance web appli­ca­ti­on that is not only tech­ni­cal­ly clean, but has also redu­ced our inter­nal sup­port requests by 40% becau­se it is so intui­ti­ve. That’s the dif­fe­rence bet­ween a ser­vice pro­vi­der and a real part­ner.
Mar­tin Gärt­ner, Head of Digi­tal, Inno­va­tec Solu­ti­ons GmbH

Our new web­site does­n’t just look good — it’s our best sales repre­sen­ta­ti­ve.

Our old web­site was a pret­ty online bro­chu­re, but it did­n’t bring us a sin­gle inquiry. The Com­pu­ter­BUT­LER team unders­tood right from the start that we did­n’t need art, but a tool for lead gene­ra­ti­on. The enti­re deve­lo­p­ment pro­cess was geared towards per­for­mance, SEO and a clear user jour­ney. The results speak for them­sel­ves: within three months of the launch, our orga­nic traf­fic dou­bled and the num­ber of qua­li­fied inqui­ries via the site increased by over 200%.
Frank Wim­mer, Mana­ging Direc­tor, Wim­mer Gebäu­de­tech­nik

A com­plex web pro­ject — on time, on bud­get and wit­hout hea­da­ches.

After bad expe­ri­en­ces in the past, we were extre­me­ly cau­tious about web pro­jects. Com­pu­ter­BUT­LER res­to­red that con­fi­dence from day one. Their pro­ject manage­ment was incre­di­bly trans­pa­rent, com­mu­ni­ca­ti­on was proac­ti­ve and the sche­du­le was adhe­red to exact­ly. We knew at all times whe­re we stood and what was hap­pe­ning next. The fact that such a com­plex pro­ject was com­ple­ted wit­hout unfo­re­seen cos­ts and wit­hout stress was a com­ple­te­ly new and impres­si­ve expe­ri­ence for us.
San­dra Lang, Mar­ke­ting Mana­ger, Vita­lis Natur­kos­me­tik

    Sie sind gesetz­lich zur Bar­rie­re­frei­heit ver­pflich­tet oder wol­len es aus Über­zeu­gung?

    Für öffent­li­che Stel­len ist eine bar­rie­re­freie Web­site nach BITV 2.0 gesetz­lich vor­ge­schrie­ben. Doch auch für Unter­neh­men wird digi­ta­le Bar­rie­re­frei­heit immer mehr zum Qua­li­täts­merk­mal. Sie signa­li­siert ein moder­nes, offe­nes Welt­bild und erwei­tert die eige­ne Ziel­grup­pe um Mil­lio­nen von Men­schen mit Ein­schrän­kun­gen.

    Kos­ten­lo­se Pro­jekt-Poten­ti­al-Ana­ly­se
    Oder buchen Sie direkt ein Gepräch mit einem Ent­wick­ler
    computerbutler entwicklung prozesse e1761667800859 3d7f0c60

    Unse­re Lösung: Moder­ne Archi­tek­tu­ren für Ihr Wachs­tum

    Wir kon­zi­pie­ren und ent­wi­ckeln das tech­ni­sche Rück­grat für Ihre digi­ta­len Pro­duk­te.

    computerbutler entwicklung massgeschneidert e1761667982425 32fdf14c
    Unse­re Kern­kom­pe­tenz

    Seman­ti­scher Code: Die Spra­che der Maschi­nen

    Das Fun­da­ment jeder bar­rie­re­frei­en Web­site ist sau­be­rer, seman­ti­scher HTML-Code. Con­tao ist hier­für die idea­le Basis. Unse­re Ent­wick­ler nut­zen die­se Stär­ke und schrei­ben Code, der von assis­ti­ven Tech­no­lo­gien wie Screen­rea­dern (Vor­le­se-Soft­ware für Blin­de) kor­rekt inter­pre­tiert wer­den kann. Wir geben den Inhal­ten eine logi­sche Struk­tur.

    computerbutelr entwicklung frameworks e1761669920817 91394df0
    Ein star­kes Fun­da­ment

    Design für alle: Kon­tras­te, Schrif­ten und mehr

    Bar­rie­re­frei­heit beginnt im Design. Unse­re Desi­gner ach­ten von Anfang an auf die Ein­hal­tung der WCAG-Richt­li­ni­en. Dazu gehö­ren aus­rei­chen­de Farb­kon­tras­te für Men­schen mit Seh­schwä­che, gut les­ba­re Schrift­grö­ßen und eine kla­re, kon­sis­ten­te und ein­fach ver­ständ­li­che visu­el­le Gestal­tung.

    computerbutler cms systeme e1761668054411 2647c1e3
    Für Ihren Erfolg

    Ohne Maus bedien­bar: Die Macht der Tas­ta­tur

    Eine zen­tra­le Anfor­de­rung ist die voll­stän­di­ge Bedien­bar­keit der Web­site nur mit der Tas­ta­tur. Wir stel­len sicher, dass alle inter­ak­ti­ven Ele­men­te (Links, Menüs, For­mu­la­re) in einer logi­schen Rei­hen­fol­ge ange­steu­ert und aus­ge­löst wer­den kön­nen. Dies ist nicht nur für moto­risch ein­ge­schränk­te Men­schen ent­schei­dend.

    Mehr als nur eine Agen­tur. Ihre exter­ne Task-Force.

    Wir lie­fern nicht nur Code, wir lie­fern funk­tio­nie­ren­de, wart­ba­re und busi­ness-ori­en­tier­te Lösun­gen.

    Mehr als nur Tech­nik: Ein ganz­heit­li­cher Ansatz

    Wir betrach­ten das The­ma ganz­heit­lich. Das beinhal­tet die tech­ni­sche Umset­zung, das Design, aber auch die redak­tio­nel­le Erstel­lung von Inhal­ten. Wir schu­len Ihre Mit­ar­bei­ter in Ber­lin dar­in, wie sie zum Bei­spiel aus­sa­ge­kräf­ti­ge Alter­na­tiv­tex­te für Bil­der ver­fas­sen oder Inhal­te in leich­ter Spra­che auf­be­rei­ten kön­nen.

    Ein Gewinn für alle Nut­zer (und für SEO)

    Eine Web­site, die nach den Prin­zi­pi­en der Bar­rie­re­frei­heit gebaut wur­de, ist am Ende eine bes­se­re Web­site für alle. Sie ist logi­scher struk­tu­riert, ein­fa­cher zu bedie­nen und oft auch schnel­ler. Zudem sind vie­le Kri­te­ri­en der Bar­rie­re­frei­heit (z.B. seman­ti­scher Code, Alt-Tex­te) auch star­ke posi­ti­ve Signa­le für Such­ma­schi­nen wie Goog­le.

    Ihr Part­ner für digi­ta­le Inklu­si­on in Ber­lin

    Wir haben die tech­ni­sche und kon­zep­tio­nel­le Exper­ti­se, um das kom­ple­xe The­ma Bar­rie­re­frei­heit für Sie pro­fes­sio­nell und nach­hal­tig umsetz­ten. Wir hel­fen Ihnen, Ihre gesetz­li­chen Pflich­ten zu erfül­len und einen wich­ti­gen Bei­trag für eine inklu­si­ve­re digi­ta­le Welt zu leis­ten.

    Ihr Weg zur digi­ta­len Sou­ve­rä­ni­tät

    Als Ihre spe­zia­li­sier­te Node.js Agen­tur ent­wi­ckeln wir per­for­man­te APIs und anspruchs­vol­le Web­an­wen­dun­gen, die Ihr Busi­ness vor­an­brin­gen.

    Dar­auf auf­bau­end ermög­li­chen wir Ihnen den nächs­ten Schritt zur voll­stän­di­gen Kon­trol­le, Agi­li­tät und dem ent­schei­den­den Vor­sprung in Ihrem Markt.

    Moder­nes Front­end (React/Vue)

    Unse­re PHP-API wird durch ein schnel­les, inter­ak­ti­ves Front­end zum Leben erweckt. Wir bau­en die intui­ti­ven Ober­flä­chen, die Ihre Nut­zer lie­ben.
    Front­end-Kom­pe­tenz anse­hen

    DevOps & cloud infra­struc­tu­re

    Ihre Anwen­dung läuft auf einer sta­bi­len, ska­lier­ba­ren Cloud-Infra­struk­tur (AWS/Azure) mit auto­ma­ti­sier­ten CI/CD-Pipe­lines für siche­re und schnel­le Updates.
    DevOps-Exper­ti­se ent­de­cken

    UX/UI Design & Archi­tek­tur

    Jede Funk­ti­on basiert auf einem durch­dach­ten Design und einer soli­den Archi­tek­tur. Wir pla­nen den Erfolg, bevor wir die ers­te Zei­le Code schrei­ben.
    Unse­ren Design-Pro­zess ver­ste­hen

    Main­ten­an­ce & fur­ther deve­lo­p­ment

    Wir sind Ihr lang­fris­ti­ger Part­ner. Mit pro­ak­ti­ver War­tung, Sicher­heits­up­dates und stra­te­gi­scher Wei­ter­ent­wick­lung sichern wir Ihre Inves­ti­ti­on für die Zukunft.
    War­tungs­ver­trä­ge ver­glei­chen

    Der tech­ni­sche Deep Dive für Exper­ten

    Für alle, die es genau wis­sen wol­len: Hier fin­den Sie die Details zu unse­rem Tech-Stack, unse­ren Pro­zes­sen und unse­rer Arbeits­wei­se.

    Unse­re tech­ni­schen Stan­dards

    • Bera­tung: Ana­ly­se der Anfor­de­run­gen nach WCAG und BITV.
    • Bar­rie­re­frei­es Design: Gestal­tung von kon­trast­rei­chen und klar struk­tu­rier­ten Lay­outs.
    • Seman­ti­sche Ent­wick­lung: Pro­gram­mie­rung von sau­be­rem, maschi­nen­les­ba­rem HTML-Code.
    • Tas­ta­tur-Navi­ga­ti­on: Sicher­stel­lung der voll­stän­di­gen Bedien­bar­keit ohne Maus.
    • Redak­tio­nel­le Leit­fä­den: Erstel­lung von Anlei­tun­gen für die bar­rie­re­freie Inhalts­pfle­ge.
    • Test­ing: Manu­el­le und auto­ma­ti­sier­te Tests zur Über­prü­fung der Kon­for­mi­tät.

    Tech­ni­sche Fra­gen, kla­re Ant­wor­ten

    Was bedeu­tet WCAG und BITV?

    WCAG steht für “Web Con­tent Acces­si­bi­li­ty Gui­de­lines”. Es ist der inter­na­tio­nal aner­kann­te Stan­dard für bar­rie­re­frei­es Web­de­sign, her­aus­ge­ge­ben vom W3C. Die BITV (Bar­rie­re­freie-Infor­ma­ti­ons­tech­nik-Ver­ord­nung) ist die deut­sche Umset­zung die­ser Richt­li­ni­en und für alle Bun­des-Behör­den in Deutsch­land gesetz­lich ver­pflich­tend. Die meis­ten Lan­des­ge­set­ze bezie­hen sich eben­falls dar­auf.

    Was ist ein Screen­rea­der?

    Ein Screen­rea­der ist eine Soft­ware, die blin­den oder stark seh­be­hin­der­ten Men­schen den Inhalt eines Bild­schirms – also auch einer Web­site – vor­liest. Damit dies funk­tio­niert, muss die Web­site tech­nisch kor­rekt auf­ge­baut sein. Der Screen­rea­der benö­tigt zum Bei­spiel eine logi­sche Über­schrif­ten-Struk­tur, um zu navi­gie­ren, und Alter­na­tiv­tex­te, um den Inhalt von Bil­dern zu “beschrei­ben”.

    Ist Bar­rie­re­frei­heit nicht extrem teu­er und auf­wen­dig?

    Wenn Bar­rie­re­frei­heit von Anfang an im Design- und Ent­wick­lungs­pro­zess mit­ge­dacht wird, ist der Mehr­auf­wand über­schau­bar und eine sehr sinn­vol­le Inves­ti­ti­on. Eine bestehen­de, nicht-bar­rie­re­freie Web­site nach­träg­lich umzu­rüs­ten, kann hin­ge­gen sehr auf­wen­dig sein. Des­halb ist es wich­tig, von Anfang an den rich­ti­gen, inklu­si­ven Ansatz zu wäh­len.

    Unser bewähr­ter Pro­zess für Ihren Erfolg

    1. Ana­ly­se & Audit

    Wir star­ten mit einer umfas­sen­den tech­ni­schen und orga­ni­sa­to­ri­schen Ana­ly­se (TOMs) Ihrer bestehen­den Infra­struk­tur und iden­ti­fi­zie­ren die kri­tischs­ten Schwach­stel­len.
    PDF her­un­ter­la­den

    2. Stra­te­gie & Ange­bot

    Basie­rend auf der Ana­ly­se ent­wi­ckeln wir eine maß­ge­schnei­der­te, nach Risi­ko prio­ri­sier­te Stra­te­gie und ein modu­la­res, trans­pa­ren­tes Ange­bot ohne ver­steck­te Kos­ten.
    Anlei­tung anse­hen

    3. Umset­zung & Betrieb

    Wir imple­men­tie­ren die Lösun­gen pro­fes­sio­nell und mit mini­ma­ler Unter­bre­chung Ihres Geschäfts­be­triebs, über­füh­ren sie in den lau­fen­den Betrieb und sor­gen für kon­ti­nu­ier­li­che Opti­mie­rung.
    Ana­ly­se lesen

    Unse­re Exper­ti­se im Ein­satz: Fall­stu­di­en

    Kos­ten um 25% gesenkt: Siche­re Cloud-Migra­ti­on im Mit­tel­stand

    Wie wir für einen pro­du­zie­ren­den Mit­tel­ständ­ler das kom­plet­te Rechen­zen­trum nach Azu­re migrier­ten und dabei die Betriebs­kos­ten signi­fi­kant sen­ken und die Aus­fall­si­cher­heit erhö­hen konn­ten.
    Zur Erfolgs­sto­ry

    Time-to-Mar­ket hal­biert: Ska­lier­ba­re SaaS-Platt­form für ein Tech-Start­up

    Ein tech­ni­scher Leit­fa­den, wie wir durch den Ein­satz von Kuber­netes (AKS) eine hoch­ver­füg­ba­re SaaS-Anwen­dung auf­ge­baut haben, die von 0 auf 10.000 Nut­zer ska­lie­ren konn­te.
    Archi­tek­tur anse­hen

    Azu­re-Kos­ten-Explo­si­on gestoppt: Fin­Ops für den Han­del

    Wie wir einem Han­dels­un­ter­neh­men gehol­fen haben, die Kon­trol­le über explo­die­ren­de Cloud-Kos­ten zurück­zu­ge­win­nen und durch geziel­te Fin­Ops-Metho­den das Bud­get wie­der ein­zu­hal­ten.
    Ana­ly­se jetzt lesen
    Kos­ten­lo­se Pro­jekt-Poten­ti­al-Ana­ly­se
    Oder buchen Sie direkt ein Gepräch mit einem Ent­wick­ler

    Kei­ne anony­me Hot­line. Ech­te Exper­ten.

    Ler­nen Sie die Archi­tek­ten ken­nen, die hin­ter Ihrer Cloud-Trans­for­ma­ti­on ste­hen.

    development projekmanager felix mueller e1761559657174 f6cfd231

    Felix Mül­ler

    Pro­jekt­ma­na­ger
    development frontend laura schmidt e1761559732857 9c2aa59e

    Lau­ra Schmidt

    Front­end Deve­lo­per
    development senior alexander krause e1761559826567 2248c34f

    Alex Krau­se

    Seni­or Deve­lo­per
    development senior maxmilian weber e1761559901802 77eee7f4

    Max Weber

    Seni­or Deve­lo­per

    Direct cont­act to Com­pu­ter­BUT­LER

    Would you pre­fer to cont­act us direct­ly or do you have an urgent request? Here are our cont­act details:
    Pho­ne: +49 30 7543 8669 0

    Our ser­vice times:

    Mon­day — Fri­day: 09:00 — 18:00
    Emer­gen­cy sup­port for con­tract cus­to­mers: 24/7

    Talk to us!

    Request your free and non-bin­ding initi­al con­sul­ta­ti­on now. We look for­ward to get­ting to know you and your com­pa­ny.
    Cont­act Form Com­pu­ter­BUT­LER Stan­dard

    Review My Order

    0

    Sub­to­tal

    Taxes & ship­ping cal­cu­la­ted at check­out

    Check­out