Zum Inhalt springen
Webdesign & Creative Development

Webdesign,
das performt.
Nicht nur aussieht.

Ich baue schnelle, durchdachte Websites für Marken, die nicht mehr mit Templaten leben wollen. Astro, TypeScript, keine Kompromisse beim Code.

10+
Jahre Erfahrung
100%
Core Web Vitals grün
0
Templaten, die ich je verkauft habe
Portrait von Panajotis Zekos, Inhaber & Gründer bei Blue Olive Lab
Über mich

Handwerk statt
Templaten.

Ich bin Panajotis Zekos, Gründer von Blue Olive Lab, und baue seit über einem Jahrzehnt Websites für Kunden, die Qualität über Formeln stellen. Keine Templaten, kein Bullshit – nur sauberes Handwerk.

Ich glaube, dass Websites schnell sein müssen, auch auf dem mittelmäßigen Handytarif im Zug. Dass Code wartbar sein muss, auch wenn der nächste Developer ihn in drei Jahren sieht. Und dass Design eine Funktion ist, kein Make-up.

Deshalb arbeite ich mit Astro,TypeScript und modernen CSS-Standards – nicht weil es trendy ist, sondern weil es nach zehn Jahren immer noch performt, wenn das CMS längst drei Versionen weiter ist.

Name
Panajotis Zekos
Rolle
Inhaber & Gründer
Standort
Ofterdingen, BW
Leistungen

Vier Disziplinen.
Eine Handschrift.

Ich decke den kompletten Stack ab – vom ersten Wireframe bis zur letzten Zeile Production-Code. Alles aus einer Hand, alles mit dem gleichen Qualitätsanspruch.

01

Webdesign

Maßgeschneiderte Designs, die deine Marke verstärken, nicht verwässern. Vom ersten Wireframe bis zum finalen Pixel in Figma.

  • UI/UX-Konzeption
  • Design-Systeme
  • Prototyping
  • Brand-Schärfung
02

Creative Development

Astro, TypeScript und moderne CSS-Standards. Schnell, barrierefrei und pflegbar – kein Plugin-Wildwuchs, kein Legacy-Ballast.

  • Astro & React Islands
  • Edge-Deployment
  • CMS-Anbindung
  • Performance-Tuning
03

Branding

Logo, Farben, Typografie, Tonalität. Eine Marke, die auf jeder Oberfläche funktioniert – von der Visitenkarte bis zum 4K-Screen.

  • Logo-Entwicklung
  • Farb- & Schriftsysteme
  • Brand Guidelines
  • Asset-Bibliothek
04

Consulting

Audit, Strategie, Tech-Review. Wenn dein aktuelles Projekt feststeckt oder du den nächsten Schritt planst – klare Empfehlungen, keine Buzzwords.

  • Code-Audits
  • Tech-Stack-Beratung
  • SEO-Reviews
  • Machbarkeitsstudien
Prozess

Vom Briefing
bis Launch.

Fünf Phasen, klare Zeitlinien, keine Überraschungen. Du weißt von Tag 1, was du bekommst und wann.

Typisches Projekt: 6–10 Wochen
  1. 01 · Briefing

    1–2 Tage

    Wir reden. Über deine Marke, deine Ziele, deine Schmerzpunkte. Am Ende steht ein klares Briefing und ein Festpreis – keine bösen Überraschungen.

  2. 02 · Konzept

    1 Woche

    Wireframes, Sitemap, Tech-Empfehlung. Bevor eine Zeile Code geschrieben wird, weißt du genau, was du bekommst und warum.

  3. 03 · Design

    2–3 Wochen

    In Figma. Erst schwarz/weiß, dann Marke. Du reviewst, ich feile – bis jede Seite sitzt und jedes Detail eine Entscheidung verdient hat.

  4. 04 · Development

    2–4 Wochen

    Astro, TypeScript, Tailwind. Sauberer Code, den auch andere Developer lesen können. Deploy-Stage von Tag eins, du testest live mit.

  5. 05 · Launch

    1 Woche

    Finaler QA-Pass, Performance-Audit, SEO-Check, Deployment auf Cloudflare Pages. Danach: 30 Tage Support inklusive, ohne Aufpreis.

Referenzen

Ausgewählte
Projekte.

Vier Projekte, die zeigen, wie ich arbeite – von der ersten Skizze bis zum letzten Commit.

Projektvorschau: Projekt Alpha — E-Commerce
Platzhalter
E-Commerce2025

Projekt Alpha

Headless Shop für ein Trierer Mode-Label. Astro-Frontend, Shopify-Backend, Core Web Vitals alle grün.

Projektvorschau: Projekt Beta — Branding-Site
Platzhalter
Branding-Site2025

Projekt Beta

Markenwebsite für eine Stuttgarter Agentur. Custom CMS, ausgezeichnet mit German Design Award.

Projektvorschau: Projekt Gamma — Portfolio
Platzhalter
Portfolio2024

Projekt Gamma

Architekten-Portfolio mit großer Bildsprache. Lazy-loaded Galerie, native Lazy-Loading, kein einziges JS-Framework.

Projektvorschau: Projekt Delta — SaaS
Platzhalter
SaaS2024

Projekt Delta

Marketing-Site für ein B2B-SaaS. Astro Islands für interaktive Pricing-Rechner, Rest statisch.

Eigene Referenzen einpflegen

Die obigen Bilder sind Platzhalter. Tausche sie insrc/assets/img/ref-1.pngbisref-4.pngaus. Texte insrc/data/site.tsanpassen. Astro optimiert die Bilder automatisch zu WebP.

Kunden

Marken, die auf mich
vertraut haben.

Platzhalter-Logo für Kunde A
Mode-Label Trier
Platzhalter-Logo für Kunde B
Agentur Stuttgart
Platzhalter-Logo für Kunde C
Architekturbüro
Platzhalter-Logo für Kunde D
B2B SaaS
Platzhalter-Logo für Kunde E
Gastronomie
Platzhalter-Logo für Kunde F
Kulturverein

Platzhalter-Logos. Eigene Kunden-Logos als PNG/SVG insrc/assets/img/ablegen und insrc/components/Clients.astroreferenzieren.

Kontakt

Lass uns
reden.

Du hast ein Projekt im Kopf? Eine Website, die besser sein sollte? Eine Marke, die schärfer werden muss? Schreib mir. Antwort innerhalb von 24 Stunden – versprochen.

blue-olive.onlineFinsterer Weg 13-1, 72131 Ofterdingen