UI/UX Design, WordPress (ACF), SEO

M.Berisha

Qualität, Präzision und Handwerk – digital klar umgesetzt. Für M. Berisha entstand ein strukturierter und zeitloser Webauftritt, der Verkauf, Montage und Wartung von Fenstern und Türen übersichtlich darstellt. Das reduzierte Design vermittelt Verlässlichkeit und Fachkompetenz; die Nutzerführung leitet gezielt zur Kontaktaufnahme – optimiert für mobile Nutzung.

Industrie

Fenster- und Türenbau.

Leistungen

    Logo‑Entwicklung & Corporate Identity

    UI-Design & Komponentenbibliothek

    WordPress Entwicklung mit ACF

    SEO-Grundlagen & Performance

    Termin‑/Buchungsflow Integration

Technologien

    WordPress

    Advanced Custom Fields (ACF)

    Schema & Meta optimiert

    Bild-Optimierung & Caching

M.Berisha Referenz Hero

Projektüberblick

Design & Nutzererlebnis

Ziel war eine übersichtliche und vertrauensstarke Website, die Leistungen wie Verkauf, Montage und Wartung von Fenstern und Türen klar darstellt. Die Informationsarchitektur setzt auf wenige, klare Einstiege und ermöglicht durch modulare Inhalte eine einfache Pflege.

Ein ruhiges, handwerklich geprägtes Erscheinungsbild mit klaren CTAs und guter Lesbarkeit. Die Inhalte wurden so aufbereitet, dass Produkte und Dienstleistungen strukturiert und verständlich vermittelt werden und Besucher schnell zur Kontaktaufnahme geführt werden.

Branding

Logo, Farbwelt & Tonalität

Ein markantes Logo, klare Typografie und eine kontrastreiche Farbwelt prägen den Markenauftritt. DM Sans sorgt für gute Lesbarkeit und eine moderne Anmutung. Orange in Kombination mit Schwarz, Grau und Weiß vermittelt Handwerksqualität, Stabilität und Verlässlichkeit. Das Logo greift den Anfangsbuchstaben B auf und interpretiert ihn zugleich als Tür, wodurch Handwerk und Identität visuell verbunden werden.

  • Primärschrift: DM Sans
  • Farbpalette: Orange, Schwarz, Grau und Weiß
  • Kontrastoptimierung für gute Lesbarkeit
Berisha Branding 1
Berisha Branding 2
Berisha Branding 3
Berisha Branding 4
Berisha Branding 5

WordPress

Saubere ACF-Struktur mit Fokus auf Pflege

Inhalte werden über ACF-Blöcke modular gepflegt. Leistungsseiten, Team-Profile und FAQs lassen sich ohne Bruch erweitern. Technisch achten wir auf performante Auslieferung und saubere SEO-Signale.

Mehr über WordPress →

ACF-Blöcke

Module für Leistungen, FAQs, Team

Performance

Lazy Images, geringe CLS, Caching

SEO-Toolkit

Meta, Schema & interne Links

Security & Pflege

Updates, Backups, Rollenrechte

SEO

Semantik, Speed & interne Verlinkung

Saubere Headings, strukturierte Daten und sinnvolle interne Links. Bilder sind optimiert, Alt-Texte konsistent gepflegt. Technische Basics schaffen die Grundlage für nachhaltige Rankings.

Mehr über SEO →

Semantische Struktur

Headings, Listen, ARIA

Schema Markup

Breadcrumbs, FAQ, Organisation

Performance

CLS, LCP, Bild-Prioritäten

Content

Klarer Intent & interne Links

So sind wir vorgegangen

Strukturiert, transparent und zielorientiert.

Briefing & Research

Ziele, Zielgruppen, Branchen-Insights

UX & Content

Sitemap, Wireframes, modularer Content-Plan

UI & Entwicklung

Komponentenbibliothek, WordPress-Module, Performance

Launch & Betreuung

QA, Tracking, Content-Updates

1

Ergebnisse

  • Mehr Anfragen durch klaren Kontakt-Flow
  • Hohe mobile Nutzbarkeit und Lesbarkeit
  • Pflegeleichte Inhalte dank modularer ACF-Module
2

Learnings

  • Vertrauenssignale (Team, Kundenstories) prominent platzieren
  • Klarer Sprachstil reduziert Komplexität
  • Modulare Struktur erleichtert Erweiterungen

Portfolio

Ähnliche Projekte

Vergleichbare, modular aufgebaute Referenzen mit Fokus auf Conversion und Performance.

Alle Projekte  →
Mesh Web

Mesh Web

Performance-orientierter Auftritt mit Next.js, SEO und Kampagnen-Support.

UI/UX DesignNext.jsPerformance
Mehr erfahren

FAQ zum Projekt

Welche Ziele standen im Fokus?

Vertrauen aufbauen, klare Einstiege bieten und eine einfache Projektanfrage ermöglichen – alles mit Blick auf mobile Nutzer:innen.

Wie wurde der Kontaktflow umgesetzt?

Modulare Call-to-Action-Module unterstützen Kontaktformulare und Telefonlinks, sodass Interessent:innen ohne Reibung anfragen können.

Wie stellen wir die Qualität sicher?

Kontinuierliche QA, Performance-Monitoring und ein strukturierter Rollout-Prozess mit Tracking und Analyse.