Fitts's Law
Die Zeit zum Erreichen eines Ziels hängt von Größe und Distanz ab.
Praxis-Beispiel:Große Buttons = Mehr Klicks
Design & Usability
Webdesign-Agentur: Entwurf und Code aus einer Hand.
Coday gestaltet Ihre Website und programmiert sie selbst: ein Ansprechpartner von den ersten Entwürfen bis zum fertigen Code, auf Next.js und zum verbindlichen Festpreis. Zu sehen ist das etwa bei den Lindener Ratsstuben und bei Batherm.
Kurz gesagt: Bei Coday als Webdesign-Agentur beginnt ein Projekt mit dem kostenlosen Erstgespräch über Ihren Betrieb und Ihre Kunden; danach entsteht zuerst die Struktur, also welche Seiten es gibt und wie Besucher zu Ihrem Angebot und zur Anfrage finden. Die Entwürfe für Aufbau, Typografie und Farben stimmen Sie in Zwischenabnahmen ab, bis zu drei Änderungsrunden sind im Festpreis enthalten, und den Quellcode erhalten Sie bei Projektabschluss.
01Ausgangslage
01.1 · Das Problem
Eine Website, die mehr kostet als sie einbringt
Veraltetes Design, langsame Ladezeiten und fehlende mobile Optimierung schrecken potenzielle Kunden in den ersten Sekunden ab. Ihre Expertise wird durch einen unprofessionellen digitalen Auftritt untergraben.
01.2 · Unsere Lösung
Webdesign mit klarem nächsten Schritt
Gestaltet wird so, dass Besucher auf jedem Bildschirm schnell sehen, was Sie anbieten, und wissen, wie sie Sie erreichen. Aufbau, Texte und Bedienelemente folgen diesem einen Ziel.
02Gestaltungsregeln
Eine Gestaltung, im Code festgelegt.
Farben, Schriften und Abstände stehen an einer Stelle fest, und jede Seite nutzt dieselben Werte. So ist codayweb.de gebaut; die Vorschau zeigt das Prinzip.
- Gestaltung direkt im Code, ohne fertiges Theme
- Farben, Schriften und Abstände an einer Stelle festgelegt, wie bei codayweb.de
- Barrierefreiheit: Lighthouse-Wert 100 bei allen am 16.10.2026 gemessenen Referenzen
Die Kraft der Tokens
Ein Satz Tokens für Farbe, Schrift und Abstände.
Primärfarbe
var(--color-accent-500)
Eckenradius
1.5rem
Typografie
font-display
03Hochwertige Umgestaltung
Der Unterschied ist sichtbar.
Ein Regler zum Vergleichen: links ein Standard-Template, rechts eine Gestaltung mit klarer Führung.
Coday Design
Clear Guidance
Old Agency
Standard Template
Vorher
Nachher
04Neuro-Design
Die Psychologie hinter großartigem Design
Jedes Designelement ist bewusst gewählt, um Ihre Zielgruppe emotional anzusprechen und zu überzeugen.
Neuro-Design bezeichnet Gestaltung, die Erkenntnisse aus Neurowissenschaft und Psychologie darüber nutzt, wie Menschen Design wahrnehmen und oft unbewusst darauf reagieren; die vier Regeln unten sind Beispiele aus der Psychologie.
Hick's Law
Mehr Optionen = Längere Entscheidungszeit.
Praxis-Beispiel:Weniger Navigation = Klare Führung
Von Restorff
Das Element, das anders aussieht, bleibt im Gedächtnis.
Praxis-Beispiel:CTA-Farbe vs. Rest
Serial Position
Anfang und Ende einer Liste werden am besten gemerkt.
Praxis-Beispiel:Wichtigstes zuerst & zuletzt
05Ablauf
Vom Erstgespräch bis zur Übergabe
Auf das kostenlose Erstgespräch folgt ein Angebot mit Festpreis. Entwurf und Umsetzung stimmen Sie in Zwischenabnahmen ab, und bei Projektabschluss erhalten Sie den Quellcode.
- 01
Erstgespräch
Im kostenlosen Erstgespräch geht es um Ihren Betrieb, Ihre Kunden und das, was die Website für Sie erledigen soll.
- 02
Aufbau und Wege
Zuerst entsteht die Struktur: welche Seiten es gibt und wie Besucher zu Ihrem Angebot und zur Anfrage finden.
- 03
Gestaltung
Wir gestalten das Interface im Einklang mit Ihrem Branding. Die Entwürfe stimmen Sie in Zwischenabnahmen ab.
- 04
Umsetzung
Der Inhaber setzt die Entwürfe selbst im Code um. Zwischenstände sehen Sie über einen Staging-Link.
- 05
Übergabe
Bis zu drei Änderungsrunden sind im Festpreis enthalten. Den Quellcode erhalten Sie bei Projektabschluss.
Womit gestaltet und gebaut wird
Mit diesen Werkzeugen ist codayweb.de gebaut; Ihre Website nutzt davon, was sie braucht. Design-Dateien, etwa aus Figma, erhalten Sie, wenn das vereinbart ist.
- Next.jsFrontend
- ReactFrontend
- Tailwind CSSStyling
- SanityCMS
06Leistungen
Webdesign im Detail
- 06.1
UX/UI Design
Markenerlebnis im Digitalen. Nutzerzentriertes Design, das Ihre Marke erlebbar macht. Wir entwickeln Interfaces für Conversion-Raten.
Mehr erfahren - 06.2
Design Systems
Feste Regeln für Schrift, Farben und Abstände, im Code festgelegt wie bei codayweb.de. Mehr dazu auf der Seite zum UX- und UI-Design.
Mehr erfahren - 06.3
Website-Relaunch
Von der Strategie bis zum neuen Design. Wir modernisieren Ihre Webpräsenz grundlegend. Starten Sie Ihren Website Relaunch mit unserer Webagentur.
Mehr erfahren
07Fallstudie
Vom digitalen Niemandsland zum klaren Auftritt
Wie Batherm aus Wetzlar zu einer Website kam, auf der Kunden ihre kostenlose Fachberatung online buchen.
Batherm Webdesign Case Study
Häufige Fragen (FAQ)
Was kostet eine Firmenwebsite?
Das hängt vom Umfang ab: von Seitenzahl und Funktionen und davon, ob Texte und Bilder noch entstehen müssen. Nach einem kostenlosen Erstgespräch erhalten Sie ein Angebot mit verbindlichem Festpreis; er ändert sich nur, wenn Sie zusätzliche Leistungen beauftragen.
Was passiert, wenn mir der erste Entwurf nicht gefällt?
Sie sehen Zwischenstände über einen Vorschau-Link und sagen, was geändert werden soll. Im Festpreis sind die im Angebot vereinbarten Korrekturrunden enthalten, standardmäßig bis zu drei. Weitere Änderungen bekommen Sie vorher als eigenes Angebot.
Funktioniert die Zusammenarbeit auch über größere Entfernung?
Ja, die Zusammenarbeit mit Coday funktioniert auch über größere Entfernung, denn sie läuft per Telefon, online und per E-Mail. Das Erstgespräch mit Inhaber Umutcan Emre Tezgel führen Sie per Telefon oder online, und das Angebot nehmen Sie mit Ihrer Unterschrift oder per E-Mail an. Während des Projekts erhalten Sie regelmäßige Updates per E-Mail und sehen Zwischenstände über einen Vorschau-Link. Ein Kunde in größerer Entfernung ist etwa AKAN Dienstleistung, eine Gebäudereinigung aus Gudensberg in Nordhessen, für die Coday die Website gebaut hat.
So setzt Coday Webdesign um
Bei Coday liegen Gestaltung und Programmierung bei derselben Person. Inhaber Umutcan Emre Tezgel entwirft Aufbau, Typografie und Farben Ihrer Website und setzt sie selbst mit Next.js, React und Tailwind CSS um, den Werkzeugen, mit denen auch codayweb.de gebaut ist.
Am Anfang steht ein kostenloses Erstgespräch, danach ein Angebot mit verbindlichem Festpreis. Es folgen Entwurf, Umsetzung und Übergabe; den Quellcode erhalten Sie bei Projektabschluss. Wie das aussieht, zeigen die Websites der Lindener Ratsstuben und von Batherm in Wetzlar.
Gebaut wird für Betriebe, die online gefunden und angefragt werden wollen: Handwerk, Gastronomie und Dienstleister. Einen Platz bei Google kann niemand garantieren; was Coday zusagt, steht im Angebot.
Reicht eine Social-Media-Seite statt einer Website?