Mein Portfolio
Webdesign+Webentwicklung+Shopentwicklung
Visionen sichtbar machen Design, das begeistert
Portfolio Intro

PORTFOLIO

PORTFOLIO

Profilbild Jonas Kern

Hey! Jonas (25) - Frontend-Entwickler aus Düsseldorf

Ich baue ansprechende Websites und performante Onlineshops – vom ersten Design-Sketch bis zum Live-Going. Freut mich riesig, dass Sie hier sind – lass mich Ihnen ein bisschen von meinem Weg erzählen.

Meine Leidenschaft fürs Web begann mit einem 3-Monats-Praktikum und ist seit über fünf Jahren mein Beruf. Ich übernehme komplette Projekte vom Design bis zur technischen Umsetzung oder optimiere bestehende Websites: Performance-Boosts, moderne Updates und reibungslose Weiterentwicklung für maximale Nutzerbindung.

Damit arbeite ich täglich:

WordPress WordPress
WooCommerce WooCommerce
PHP PHP 8
Tailwind CSS Sass
Figma Figma
Photoshop Photoshop
JavaScript JavaScript
Astro Astro

Responsive Design

Icon für Responsive Design

Ich arbeite konsequent mobile-first und entwickle responsive Layouts, die auf Smartphone, Tablet und Desktop optimal funktionieren.

Performance-Optimierung

Icon für Pagespeed

Ich optimiere Websites für maximale Performanceschnelle Ladezeiten und starke Core Web Vitals als Standard.

E-Commerce Erfahrung

Icon für E-Commerce

Ich entwickle WooCommerce- und Shopware-Shops mit Fokus auf Conversion, SEO und eine überzeugende User Experience – von der Produktverwaltung bis zum Checkout.

Konzeption

Icon für Design

Ich übernehme die Konzeption, das UI-Design und die visuelle Ausarbeitung mit modernen Design- und Bildbearbeitungstools.

SEO

Icon für SEO

Ich optimiere Websites mit SEO-Basics, passe Meta-Tags, Überschriften und Inhalte an und steigere so die Sichtbarkeit in Suchmaschinen.

Digitale Barrierefreiheit

Icon für Digitale Barrierefreiheit

Ich achte auf Barrierefreiheit und entwickle Websites, die für alle Nutzer zugänglich sind, indem ich semantisches HTML, Screenreader-Kompatibilität und kontraststarke, gut lesbare Inhalte umsetze.

Icon für Ersterstellungen
Ersterstellungen

Ich setze Webseiten von Grund auf um – von Design und Struktur bis zur technischen Umsetzung. Jede Seite entsteht als stimmiges Gesamtkonzept mit responsivem Layout, sauberem Code und optimaler Performance.

Für Drähne Einrichtungen, ein traditionsreiches Einrichtungsfachgeschäft in Hannover, wurde eine maßgeschneiderte Website entwickelt, die Architektur, Sortiment und Markenhaltung in ein ruhiges, zeitgemäßes digitales Erlebnis übersetzt.

Das reduzierte Design mit klarer typografischer Hierarchie, großzügigen Weißflächen und einem zurückhaltenden Farbspektrum lenkt den Fokus gezielt auf Möbel- und Leuchtenkollektionen. Ein strukturiertes Layout mit klaren Linien führt Nutzer intuitiv durch Inhalte wie Wohnwelten, Produkte, Services und Kontaktdaten.

Subtile Interaktionen, flüssige Übergänge und ein durchdachtes responsives Design sorgen für eine hochwertige Nutzererfahrung auf allen Endgeräten.

Beispielseite * Diese Webseite wurde von mir gelayoutet und umgesetzt. Spätere Aktualisierungen habe ich nicht übernommen.
Icon für Redesigns
Redesigns

Ich überarbeite Webseiten und Shops, optimiere Design, Struktur und Technik – damit Auftritte moderner wirken, besser funktionieren und Nutzer begeistern.

Die Website des Teppichstudios Bokelmann in Hildesheim präsentiert klar und übersichtlich das vielfältige Angebot an Bodenbelägen – von Teppichen über Parkett bis zu Vinylböden – und spiegelt die persönliche Beratung und den fachmännischen Service des Traditionsgeschäfts wider. Mit klaren Strukturen, gut lesbarer Typografie und großzügigen Kacheln erleichtert sie Besuchern die Orientierung. Intuitive Navigation, einfache Filter und direkte Kontaktmöglichkeiten sorgen dafür, dass Interessenten schnell passende Produkte und Leistungen entdecken.

Für Bokelmann würde ein frischeres Layout mit starker Bildsprache, konsistenter Typografie und optimierten Mobilansichten die Vielfalt des Sortiments noch zeitgemäßer und ansprechender präsentieren.

Beispielseite * Diese Webseite wurde von mir gelayoutet und umgesetzt. Spätere Aktualisierungen habe ich nicht übernommen.
Icon für Shoperstellungen
Shoperstellungen

Ich entwickle Shoperstellungen, die Produkte digital erlebbar machen und Nutzern ermöglichen, Angebote strukturiert zu entdecken, zu vergleichen und gezielt anzufragen oder zu kaufen. Dabei stehen klare Nutzerführung, verständliche Produktpräsentation und eine technisch saubere Umsetzung im Fokus.

Am Beispiel des Shops von Sonnenschutz Lang habe ich das umfangreiche Sortiment an Sonnenschutz- und Beschattungslösungen in einen übersichtlich aufgebauten Online-Shop überführt. Klar strukturierte Produktkategorien wie Markisen, Rollläden oder Sonnensegel ermöglichen einen schnellen und intuitiven Einstieg. Durch Funktionen wie Wunsch- und Anfragelisten verbinde ich klassische Beratung mit digitaler Produktentdeckung.

So entsteht ein Onlineshop, der den Vertrieb stärkt, die Sichtbarkeit der Produkte erhöht und den Servicegedanken sinnvoll in den Webauftritt integriert.

Beispielseite * Diese Webseite wurde von mir gelayoutet und umgesetzt. Spätere Aktualisierungen habe ich nicht übernommen.

Werdegang

2018
Abitur Städtisches Humboldt-Gymnasium Düsseldorf Abschluss der allgemeinen Hochschulreife.
Während der Schulzeit vertiefte Kenntnisse in sprachlichen und gesellschaftswissenschaftlichen Fachbereichen sowie erste Erfahrungen in projektorientiertem Arbeiten.
2018 - 2019
Freiwilliges Soziales Jahr (FSJ) Persönliche und berufliche Orientierungsphase mit Fokus auf Verantwortung, Teamarbeit und Selbstorganisation.
2020 - 2023
Ausbildung bei wwwe GmbH Meine Ausbildung markierte den Einstieg in meine professionelle Tätigkeit als Webentwickler.
Durch die Mitarbeit an verschiedenen Projekten, von Corporate Websites bis hin zu E-Commerce-Plattformen, konnte ich früh praktische Erfahrung sammeln und meine technischen Fähigkeiten nachhaltig entwickeln.
2023 - heute
Festanstellung bei wwwe GmbH In meiner aktuellen Position entwickle und betreue ich kundenspezifische Online-Shops auf Basis von WordPress und WooCommerce. Dabei arbeite ich eng mit Kunden sowie im Austausch mit meinem Team zusammen, um maßgeschneiderte und zuverlässige E-Commerce-Lösungen umzusetzen.
Lebenslauf als PDF herunterladen

Mehr Interesse an meiner Arbeit?

Bitte geben Sie Ihren vollen Namen an.
Bitte geben Sie Ihre E-Mail-Adresse an.
Bitte geben Sie Ihre E-Mail-Adresse an.
Bitte geben Sie eine Nachricht an.