Senior Software Engineer · 6+ Jahre in Produktionssystemen

Ich baue die Teile, die Nutzer spüren und mit denen Teams leben müssen.

Dies ist kein Spiegelbild meines LinkedIn-Profils. Es ist ein kleines Engineering-Notizbuch über Geschwindigkeit, Architektur, Modernisierung und die Entscheidungen hinter Produktionssoftware.

Zhassulan Serikuly
aktueller ModusKomplexität reduzieren
Schleifeprofilieren → vereinfachen → belegen
6+
Jahre in der Produktentwicklung

Vom React-Praktikum bis zur Senior-Verantwortung in internationalen Produktteams.

1-3M
Nutzer

Produktions-Interfaces, die in einem für das Geschäft relevanten Maßstab laufen.

200+
ausgelieferte Projekte

Web-, Mobile- und datenintensive Plattformen.

75+
optimierte Projekte

Verbesserungen bei Performance, Architektur und Wartbarkeit.

Engineering-Notizbuch

Vier Entscheidungen, über die es sich im Interview zu sprechen lohnt.

Keine Stellenbeschreibungs-Aufzählungen hier. Jeder Fall ist um eine Einschränkung, einen technischen Schritt und ein messbares Ergebnis strukturiert.

01

Architektur im Produktmaßstab

Ciklum

Zehn Module zu einem System machen.

Einschränkung

Eine wachsende React/Next.js-Produktoberfläche musste konsistent bleiben, während sich 10+ Module parallel für eine Plattform mit 1–3 Mio. Nutzern weiterentwickelten.

Technischer Schritt

Ich baute eine gemeinsame React/Next.js-Komponentenbibliothek und eine typsichere REST/GraphQL-API-Schicht mit NestJS auf — mit striktem TypeScript, WCAG-AA-Konformität und gemeinsamen Produktabläufen, damit neue Features von einem fertigen System statt von lokalen Absprachen ausgehen.

Ergebnis

Die Architektur senkte die Umsetzungszeit für Features um etwa 30 % und schuf eine solidere Basis für die modulübergreifende Entwicklung.

ReactNext.jsNestJSTypeScriptREST APIsGraphQL
10+Produktmodule
~30%schnellere Feature-Auslieferung
02

Performance als Architektur

Ciklum

Ladezeit als Graph behandeln, nicht als Zahl.

Einschränkung

Stark frequentierte Bildschirme wurden langsamer durch Arbeit, die über Rendering, Datenabruf, Caching und asynchrone UI-Abläufe verteilt war — nicht durch einen einzelnen offensichtlichen Engpass.

Technischer Schritt

Ich optimierte den gesamten Weg von der Anfrage bis zum Rendern: Rendering-Verhalten, Caching, asynchrone Orchestrierung und API-Anfragemuster, abgesichert durch Core Web Vitals, Lighthouse, Tests und Sentry-Monitoring.

Ergebnis

Die durchschnittliche Seitenladezeit sank von etwa 3,2 auf 2,1 Sekunden, während sich die Plattform weiterentwickelte.

Core Web VitalsLighthouseVitestJestSentryCI/CD
3.2 → 2.1sdurchschnittliche Ladezeit
34%ungefähre Reduzierung
03

Geodaten-Performance

KeyHorse

Eine halbe Million Kartenobjekte müssen interaktiv bleiben.

Einschränkung

Dichte GIS-Interfaces mussten Datensätze von etwa 300.000–500.000 Geo-Objekten rendern und verarbeiten, ohne die erste Interaktion spürbar zu verlangsamen.

Technischer Schritt

Ich baute Layer und Styles neu auf, führte clientseitiges Clustering und Filtern ein und reduzierte überflüssige Arbeit im Datenpfad zwischen dem React-State-Layer und Elasticsearch.

Ergebnis

Das initiale Rendering von Mapbox GL JS fiel von etwa 800 auf 480 ms, zusätzlich brachte separate Algorithmusarbeit eine 30%ige Verbesserung der Geosuche-Geschwindigkeit.

ReactMapbox GL JSReduxElasticsearchPerformance Profiling
800 → 480msinitiales Karten-Rendering
300K–500KGeo-Objekte
04

Wiederverwendbare Liefersysteme

KeyHorse

Das nächste regionale Produkt aus Konfiguration statt Kopieren zusammensetzen.

Einschränkung

Dutzende regionale GIS-Produkte wiederholten dieselben UI- und Datenmuster, aber die erneute Implementierung verlangsamte die Lieferung und verteuerte die Konsistenz.

Technischer Schritt

Ich schuf eine zentralisierte React-Architektur nach dem Feature-Sliced-Design-Prinzip mit 100+ in Storybook dokumentierten wiederverwendbaren Komponenten und standardisierte darauf aufbauend TypeScript, Theming, Rollenmuster, Linting und Testpraktiken.

Ergebnis

Eine ähnliche Implementierung dauerte bis zu 50 % weniger Zeit; manche Einführungen, die früher etwa einen Monat dauerten, passten nun in etwa eine Woche.

ReactTypeScriptFeature-Sliced DesignStorybookVitestPlaywright
100+wiederverwendbare Komponenten
1 month → 1 weekähnliche Implementierungen

Ausgewählte Builds

Ein paar Produkte.
Nicht das ganze Archiv.

Diese sind hier, um dem Engineering-Notizbuch eine visuelle Ebene zu geben. Sie sind kein zweiter Lebenslauf und sollen nicht jedes von mir ausgelieferte Projekt auflisten.

Stroymarket.kz

A nationwide B2B marketplace connecting construction material suppliers, contractors, and equipment rental across Kazakhstan — live catalog and supplier search across 39 cities, an AI-powered project assistant, and a cost-estimation calculator for common build types.

Solo-built, from supplier/catalog discovery to an AI construction assistant and cost estimator.

Vue.jsNuxt.js

Kostyum.kz

Responsives E-Commerce-Frontend für Herrenmode mit wiederverwendbarem Produktkatalog-UI und Fokus auf ein reibungsloses Einkaufserlebnis auf Desktop und Mobile.

Nuxt.jsVue.jsSSR

Midas Event

Website einer Eventagentur, aufgebaut als durchstöberbares Portfolio vergangener Veranstaltungen statt als statische Leistungsliste, mit interaktiven Details in React.

ReactJavaScriptCSS

UniStory

Digitales Produktinterface, das Crypto-Wallet-Status und asynchrone Backend-Daten in wiederverwendbare React-Produktkomponenten integriert.

ReactTypeScriptREST APIsWeb3

Systeme, an denen ich gerne arbeite

Keine Kundengalerie.
Nur das technische Terrain.

LinkedIn kann Projekte und Arbeitgeber auflisten. Hier zeige ich lieber die Art von Systemen, in denen meine Arbeit am wertvollsten wird.

Stark frequentierte Produktmodule

Interfaces, bei denen Architektur, Caching, State und API-Verhalten als ein einziges Produktsystem funktionieren müssen.

Vue 3TypeScriptPiniaVite

Geodatensysteme

Kartenreiche Produkte, bei denen das Datenvolumen die Frontend-Architektur selbst prägt, nicht nur die Rendering-Ebene.

Mapbox GL JSElasticsearchGISData-intensive UI

Modernisierungsprogramme

Der Übergang von Legacy zu einem modernen Stack, ohne die Produktlieferung zu stoppen, während sich das technische Fundament ändert.

Vue 2 → Vue 3Composition APITestingCI/CD

End-to-End-Produktlieferung

Frontend-Engineering mit genug Backend-Tiefe, um APIs, Integrationsgrenzen und Produktionsverhalten zu verantworten.

Node.jsNestJSPostgreSQLREST APIs

Arbeitsprinzipien

Die Regeln hinter dem Code.

Werkzeuge ändern sich. Das sind die Gewohnheiten, die ich beibehalten will.

01

Erst messen, dann umschreiben.

Eine Performance-Änderung sollte mit Fakten beginnen und mit einem für Nutzer spürbaren Ergebnis enden.

02

Architektur ist ein Lieferwerkzeug.

Die beste Abstraktion ist die, die das nächste Feature günstiger, sicherer und verständlicher macht.

03

Frontend ist Teil des Systems.

Rendering, Datenform, APIs, Barrierefreiheit, Observability und Release-Pipelines sind eine einzige technische Oberfläche.

04

Senior zu sein heißt, Unsicherheit zu reduzieren.

Technische Führung bedeutet, Kompromisse sichtbar zu machen, damit das Team schnell vorankommt, ohne verborgene Risiken anzuhäufen.

Werdegang

Eine Entwicklung des Umfangs,
keine Chronologie von Jobtiteln.

Die Chronologie ist bewusst komprimiert. Interessant ist, wie sich die Arbeit verändert hat: UI → Delivery → Systeme → technische Verantwortung.

01Ciklum logo
Aug 2025 — Sep 2026

Senior Software Engineer

Frontend architecture · product modernization · performance · technical leadership · cross-platform

02KeyHorse logo
Jul 2021 — Aug 2025

Middle → Senior → Team Lead Software Engineer

GIS · digital twins · engineering leadership · reusable systems · backend APIs

03DAR logo
Jun 2020 — Jul 2021

Software Engineer

High-volume web delivery · e-commerce · mobile · performance

04EPAM Systems logo
Jan 2020 - Jun 2020

Software Engineer

React · TypeScript · reusable UI · engineering foundations

05Independent Contractor logo
2019 — 2025

Fullstack Software Engineer

Full-cycle SaaS & e-commerce delivery · multi-framework frontend · client management

Nachweis, keine Dekoration

Dinge, die überprüft werden können.

Ausbildung, Sprachnachweise, Wettbewerbserfolge und ein unterschriebenes Empfehlungsschreiben — getrennt von der technischen Geschichte gehalten.

Alle Zertifikate & Empfehlungen ansehen
Education logoAusbildungInformationssysteme

Suleyman Demirel University · 2018–2022 · GPA 3,72/4,0

EnglischIELTS 7.0

Academic IELTS · CEFR-C1-Ergebnis

Nachweis öffnen
AuszeichnungSilbermedaille

Infomatrix Asia-Pacific 2018 — internationaler Computerprojekt-Wettbewerb.

Nachweis öffnen
EmpfehlungKeyHorse

Unterschriebene Empfehlung der Unternehmensleitung

Nachweis öffnen
Sprachen5 Sprachen

Englisch — verhandlungssicher · Kasachisch & Russisch — Muttersprache · Türkisch — Konversationsniveau · Chinesisch — Grundkenntnisse

Nächstes System

Wenn das Produkt schwerer zu ändern wird, interessiert mich das.

Senior Software Engineer · Senior Frontend Engineer · Team Lead
Offen für internationale Teams und Umzug.

serikuly.zhassulan@gmail.com 
© 2026 Zhassulan SerikulyNuxt 3 · Vue 3 · TypeScript