Über 70 % Ihrer Besucher kommen vom Smartphone. Wenn Ihre Webseite dort schlecht aussieht, sind die meisten weg, bevor sie überhaupt richtig da waren. Wir bauen Mobile-First Webdesign am Niederrhein – designed fürs Handy zuerst, dann Tablet, dann Desktop. Getestet auf echten Geräten, nicht nur im Browser-Tool.
Drei Probleme, die wir bei alten Webseiten ständig sehen.
Texte, die auf dem Desktop normal sind, sind auf dem iPhone unleserlich. Besucher zoomen sich durch – oder klicken weg.
Wenn eine Seite auf dem Smartphone seitlich gescrollt werden muss, ist sie kaputt. Klingt offensichtlich – ist es leider nicht.
Apple sagt: Touch-Elemente sollten mindestens 44×44 Pixel groß sein. Viele Webseiten haben Buttons von 20×20 – auf einem dicken Daumen unbedienbar.
Diese sechs Punkte sind bei jeder Hirschberg-Webseite eingebaut.
Wir entwerfen am Smartphone zuerst (375px Breite, iPhone SE), dann Tablet (768px), dann Desktop (1280px+). Nicht umgekehrt.
Wir nutzen moderne Layout-Techniken (CSS Grid, Flexbox). Damit fließen Inhalte zwischen Bildschirm-Größen flüssig – ohne hässliche Sprünge.
Wir liefern Bilder in 3-4 Auflösungen aus. Smartphone bekommt kleines Bild (200 KB), 4K-Bildschirm bekommt großes (800 KB). Spart Ladezeit.
Buttons, Links, Formularfelder mindestens 44×44 Pixel. Bedienbar mit dem Daumen, auch im Bus, auch bei kalten Fingern.
16-18px Standard auf Mobile, 18-20px auf Desktop. Keine 12px-Pseudo-Eleganz, die niemand entziffern kann.
iPhone SE, iPhone 15 Pro, Galaxy S, iPad Air, iPad Pro, MacBook Air, Curved-Monitor. Wir testen auf echten Geräten – nicht nur im Browser-Tool.
Sie sehen den ersten Design-Entwurf auf dem Smartphone, nicht auf dem Desktop. Wenn er dort funktioniert, wird er überall funktionieren.
375px (iPhone), 414px (iPhone Plus), 768px (iPad), 1024px (iPad Landscape), 1280px+ (Desktop). An jedem Breakpoint muss das Layout sauber sein.
Wir haben iPhone SE, iPhone 15, Galaxy S24, iPad Air, iPad Pro, MacBook Air. Wir testen auf jedem davon, nicht nur im Browser-Inspektor.
Touch-Bedienung auf Smartphone + Tablet, Tastatur-Navigation auf Desktop (für Barrierefreiheit). Beide müssen funktionieren.
Wir messen Performance mit Google Lighthouse und WebPageTest. Ziel: Pagespeed-Score über 90 auf Mobile, Core Web Vitals grün.
Drei Sätze.
Viele Agenturen designen am Desktop und quetschen es dann auf Mobile zusammen. Wir machen es umgekehrt – das Ergebnis ist deutlich besser.
Browser-Tools zeigen ein vereinfachtes Bild. Echte Geräte zeigen, ob die Schrift wirklich lesbar ist, ob der Button wirklich erreichbar ist.
Eine schöne Seite, die 5 Sekunden lädt, ist kein gutes Webdesign. Wir messen Performance vor und nach Build – und liefern grüne Core Web Vitals.
Mobile First heißt: Wir entwerfen die Webseite zuerst für das Smartphone (kleine Bildschirme, Touch-Bedienung) und passen sie dann nach oben an Tablet und Desktop an. Das ist der Gegensatz zum klassischen Vorgehen, das mit Desktop startet und dann „runterskaliert“. Mobile First ist seit ca. 2018 Industrie-Standard – nicht jeder hat ihn umgesetzt.
Nein. Vor 10 Jahren gab es manchmal m.example.de als separate Mobile-Version. Heute baut man eine einzige responsive Webseite, die sich an alle Bildschirme anpasst. Das ist besser für SEO, einfacher zu pflegen und vermeidet doppelte URLs.
Bei Hirschberg.Group nichts zusätzlich – responsive ist Standard. Wir kennen keine „Mobile-Aufpreise“, weil das 2026 zur Grundausstattung gehört. Eine 5-Seiten-Webseite mit Responsive Design startet bei 3.490 €.
1) Öffnen Sie die Seite auf dem Smartphone. 2) Müssen Sie horizontal scrollen? Schlechtes Zeichen. 3) Können Sie alle Menüpunkte ohne Zoom anklicken? Sollten Sie. 4) Lädt die Seite unter 3 Sekunden? Sollte sie. 5) Tippen Sie ins Suchformular – kommt die Tastatur und können Sie tippen? Wenn an einem Punkt Nein – Refactoring lohnt sich.
Wir testen mindestens 375px (iPhone SE), 414px (iPhone Plus), 768px (iPad Portrait), 1024px (iPad Landscape), 1280px (Laptop) und 1920px (Desktop). Manche Kunden möchten zusätzlich 320px (alte iPhones) oder 2560px+ (4K-Bildschirme) – auf Wunsch testen wir auch dort.
Sehr. Senioren nutzen meist große Schrift und große Touch-Targets. Wenn Ihre Webseite mit 18px-Schrift und 44px-Buttons gebaut ist, ist sie automatisch seniorengerechter. Wir bauen optional auch nach WCAG-AA-Standard (Kontraste, ARIA-Labels, Tastatur-Navigation) – auf Anfrage und mit Aufpreis ab 590 €.
Wir bauen Responsive Webdesign am Niederrhein. Festpreis ab 1.890 € (One-Pager) bzw. 3.490 € (5 Seiten). Briefing 99 €, anrechenbar bei Auftrag.