mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
feat: update resume
This commit is contained in:
Stefan Imhoff
BIN
public/downloads/Stefan Imhoff - Resume - 2026.pdf
Normal file
BIN
public/downloads/Stefan Imhoff - Resume - 2026.pdf
Normal file
Binary file not shown.
Binary file not shown.
BIN
public/downloads/resume-stefan-imhoff.zip
Normal file
BIN
public/downloads/resume-stefan-imhoff.zip
Normal file
Binary file not shown.
274
src/data/cv.json
274
src/data/cv.json
@@ -1,274 +0,0 @@
|
|||||||
{
|
|
||||||
"personal": {
|
|
||||||
"name": "Stefan Imhoff",
|
|
||||||
"tagline": "Senior Web Developer"
|
|
||||||
},
|
|
||||||
"summary": {
|
|
||||||
"headline": "Professional Summary"
|
|
||||||
},
|
|
||||||
"experience": {
|
|
||||||
"headline": "Professional Experience",
|
|
||||||
"items": [
|
|
||||||
{
|
|
||||||
"company": "XING",
|
|
||||||
"url": "https://www.xing.com",
|
|
||||||
"title": "Senior Software Engineer",
|
|
||||||
"location": "Hamburg, Germany",
|
|
||||||
"duration": "03/2020-",
|
|
||||||
"tasks": [
|
|
||||||
"Development of central design system components for the XING platform using React, TypeScript and styled components.",
|
|
||||||
"Support of the XING Design System throughout its entire lifecycle: further development, maintenance and documentation.",
|
|
||||||
"Supporting cross-functional product teams in integrating design system components into new applications.",
|
|
||||||
"Increased UI consistency and reduced implementation effort through standardized, versioned components.",
|
|
||||||
"Responsibility for the accessible (A11Y) design of the design system according to WCAG2.2AA, including the definition of guidelines, semantic/ARIA standards, and the introduction of automated and manual A11Y tests.",
|
|
||||||
"Conception and implementation of a dark/light color scheme for the XING platform, taking into account contrast requirements and state consistency.",
|
|
||||||
"Development and implementation of a monitoring system for the use of the design system as well as browser extensions for the identification and analysis of components in the browser.",
|
|
||||||
"Analysis and evaluation of coding challenges as well as conducting job interviews to recruit new frontend developers."
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"company": "XING",
|
|
||||||
"url": "https://www.xing.com",
|
|
||||||
"location": "Hamburg, Germany",
|
|
||||||
"title": "Front-End Engineer",
|
|
||||||
"duration": "01/2011-02/2020",
|
|
||||||
"tasks": [
|
|
||||||
"Development, deployment and monitoring of multiple XING products.",
|
|
||||||
"Concept, idea and development of user interface improvements on the job marketplace, which lead to 59 % more visitors on job ads.",
|
|
||||||
"Idea and conception of a freelancer marketplace in a Hack Week, which lead to a new product on the platform.",
|
|
||||||
"Development of an iPad hybrid app with Backbone.js.",
|
|
||||||
"Creation of a screencast series in cooperation with User Care.",
|
|
||||||
"Development of multiple products as the logged out profile, public search, onboarding user flow and profile-filling widget with React, Redux and GraphQL."
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"company": "Dumrath & Fassnacht",
|
|
||||||
"location": "Hamburg, Germany",
|
|
||||||
"title": "Web Designer",
|
|
||||||
"duration": "09/2005-12/2010",
|
|
||||||
"tasks": [
|
|
||||||
"Planning, design, and layout of websites.",
|
|
||||||
"Implementation in W3C standard with HTML and CSS.",
|
|
||||||
"Programming websites with content management systems and blog systems.",
|
|
||||||
"Revision and update of existing customer websites.",
|
|
||||||
"Customer advisory"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"company": "IGS Development",
|
|
||||||
"location": "Harbke, Germany",
|
|
||||||
"title": "Media Designer",
|
|
||||||
"duration": "02/2002-01/2005",
|
|
||||||
"tasks": [
|
|
||||||
"Creation of Internet and Intranet pages with HTML, CSS, PHP, MySQL, and Typo3.",
|
|
||||||
"Filming of industrial processes and production facilities in Germany and France.",
|
|
||||||
"Editing and Postproduction with Premiere, Avid, and After Effect.",
|
|
||||||
"Creation of 3D models and animations with 3ds max, and Cinema 4D."
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"company": "Schmitz Kommunikation",
|
|
||||||
"location": "Hamburg, Germany",
|
|
||||||
"title": "Intern Web Design",
|
|
||||||
"duration": "03/2001-04/2001",
|
|
||||||
"tasks": [
|
|
||||||
"Relaunch, conception, and realization of websites with Dreamweaver, Fireworks, Photoshop, and Flash 5 & ActionScript."
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"education": {
|
|
||||||
"headline": "Education",
|
|
||||||
"items": [
|
|
||||||
{
|
|
||||||
"school": "bib International College",
|
|
||||||
"url": "https://www.bib.de",
|
|
||||||
"degree": "Computer Scientist",
|
|
||||||
"location": "Hanover, Germany",
|
|
||||||
"duration": "10/1999-09/2001"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"skills": {
|
|
||||||
"headline": "Key Skills",
|
|
||||||
"items": [
|
|
||||||
{
|
|
||||||
"headline": "Fontend",
|
|
||||||
"tags": [
|
|
||||||
"HTML",
|
|
||||||
"CSS",
|
|
||||||
"JavaScript",
|
|
||||||
"TypeScript",
|
|
||||||
"SVG",
|
|
||||||
"Web API & DOM",
|
|
||||||
"Responsive Webdesign (RWD)",
|
|
||||||
"Adaptive Webdesign (AWD)",
|
|
||||||
"CSS Grid Layout",
|
|
||||||
"Flexbox",
|
|
||||||
"Markdown",
|
|
||||||
"Progressive Web Apps (PWA)",
|
|
||||||
"Service Worker",
|
|
||||||
"Critical Render Path",
|
|
||||||
"Performance",
|
|
||||||
"Styled Components",
|
|
||||||
"Tailwind CSS",
|
|
||||||
"PostCSS",
|
|
||||||
"CSS Modules",
|
|
||||||
"Sass/SCSS",
|
|
||||||
"Stylelint",
|
|
||||||
"ESlint",
|
|
||||||
"React",
|
|
||||||
"Preact",
|
|
||||||
"Astro",
|
|
||||||
"Eleventy",
|
|
||||||
"Redux",
|
|
||||||
"Apollo",
|
|
||||||
"Babel",
|
|
||||||
"Webpack",
|
|
||||||
"Gulp",
|
|
||||||
"Jest",
|
|
||||||
"Cypress",
|
|
||||||
"SEO",
|
|
||||||
"Accessibility (A11Y)",
|
|
||||||
"Usability"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Design",
|
|
||||||
"tags": [
|
|
||||||
"UX/UI Design",
|
|
||||||
"Information Architecture",
|
|
||||||
"Affinity",
|
|
||||||
"Figma",
|
|
||||||
"Sketch",
|
|
||||||
"Adobe Photoshop",
|
|
||||||
"Adobe Illustrator"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Backend",
|
|
||||||
"tags": [
|
|
||||||
"Node.js",
|
|
||||||
"Express",
|
|
||||||
"RESTful Services",
|
|
||||||
"GraphQL",
|
|
||||||
"MySQL",
|
|
||||||
"PostgreSQL",
|
|
||||||
"SQLite"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Dev Ops",
|
|
||||||
"tags": [
|
|
||||||
"Jenkins",
|
|
||||||
"GitHub Actions",
|
|
||||||
"Travis CI",
|
|
||||||
"Docker",
|
|
||||||
"Apache",
|
|
||||||
"NGINX",
|
|
||||||
"SSH",
|
|
||||||
"FTP"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "AI Assistants & Prompt Engineering",
|
|
||||||
"tags": ["Claude", "GPT", "Gemini", "Grok", "Perplexity Sonar"]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "AI for Code & Pair Programming",
|
|
||||||
"tags": ["GitHub Copilot", "Claude Code", "OpenCode"]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Generative AI",
|
|
||||||
"tags": [
|
|
||||||
"GPT Image",
|
|
||||||
"Nano Banana Pro",
|
|
||||||
"FLUX",
|
|
||||||
"Stable Diffusion",
|
|
||||||
"Phoenix",
|
|
||||||
"Lucid",
|
|
||||||
"Sora",
|
|
||||||
"Veo",
|
|
||||||
"Kling"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Miscellaneous AI Tools",
|
|
||||||
"tags": ["Ollama", "Whisper", "MCP"]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Collaboration",
|
|
||||||
"tags": [
|
|
||||||
"Git",
|
|
||||||
"GitHub",
|
|
||||||
"Slack",
|
|
||||||
"Microsoft Teams",
|
|
||||||
"Confluence",
|
|
||||||
"Jira",
|
|
||||||
"Notion"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Agile Methods & Productivity",
|
|
||||||
"tags": [
|
|
||||||
"Kanban",
|
|
||||||
"Scrum",
|
|
||||||
"Miro",
|
|
||||||
"OKR",
|
|
||||||
"GTD",
|
|
||||||
"Pomodoro",
|
|
||||||
"DEVONthink",
|
|
||||||
"Obsidian",
|
|
||||||
"Zettelkasten Method"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"headline": "Miscellaneous",
|
|
||||||
"tags": [
|
|
||||||
"Fish Shell",
|
|
||||||
"Zsh",
|
|
||||||
"Bash",
|
|
||||||
"Neovim",
|
|
||||||
"Vim",
|
|
||||||
"Zed",
|
|
||||||
"Visual Studio Code",
|
|
||||||
"tmux",
|
|
||||||
"Mac OS",
|
|
||||||
"Linux"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"languages": {
|
|
||||||
"headline": "Languages",
|
|
||||||
"items": [
|
|
||||||
{
|
|
||||||
"language": "German",
|
|
||||||
"level": "native language"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"language": "English",
|
|
||||||
"level": "fluently spoken and written"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"language": "Spanish",
|
|
||||||
"level": "early CEFR B1"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"language": "Japanese",
|
|
||||||
"level": "early CEFR B1, JLPT N3"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"awards": {
|
|
||||||
"headline": "Awards",
|
|
||||||
"items": [
|
|
||||||
"Three time winner of Hackweeks at XING (2023, 2024, 2025)",
|
|
||||||
"Three times winner of the yearly company-wide innovation award of XING Prototyping Days (2013, 2015, 2017).",
|
|
||||||
"SEMY Award \u2013 German Search Marketing Award 2015."
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"interests": {
|
|
||||||
"headline": "Interests & Hobbies"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -7,20 +7,18 @@ import Headline from '../components/Headline.astro';
|
|||||||
import ListItem from '../components/ListItem.astro';
|
import ListItem from '../components/ListItem.astro';
|
||||||
import PageTitle from '../components/PageTitle.astro';
|
import PageTitle from '../components/PageTitle.astro';
|
||||||
import Subheadline from '../components/Subheadline.astro';
|
import Subheadline from '../components/Subheadline.astro';
|
||||||
|
import Subsubheadline from '../components/Subsubheadline.astro';
|
||||||
import Text from '../components/Text.astro';
|
import Text from '../components/Text.astro';
|
||||||
import TextLink from '../components/TextLink.astro';
|
import TextLink from '../components/TextLink.astro';
|
||||||
import UnorderedList from '../components/UnorderedList.astro';
|
import UnorderedList from '../components/UnorderedList.astro';
|
||||||
|
|
||||||
import cv from '../data/cv.json';
|
|
||||||
|
|
||||||
import { Content as Intro } from '../text/cv/intro.mdx';
|
import { Content as Intro } from '../text/cv/intro.mdx';
|
||||||
import { Content as InterestsHobbies } from '../text/cv/interests-hobbies.mdx';
|
import { Content as InterestsHobbies } from '../text/cv/interests-hobbies.mdx';
|
||||||
|
|
||||||
import { mapping } from '../mdx-components';
|
import { mapping } from '../mdx-components';
|
||||||
|
|
||||||
const title = 'CV';
|
const title = 'Resume';
|
||||||
const description =
|
const description = 'The resume of Stefan Imhoff, Senior Software Engineer from Hamburg, Germany.';
|
||||||
'The curriculum vitae of Stefan Imhoff, Senior Software Engineer from Hamburg, Germany.';
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<GridLayout
|
<GridLayout
|
||||||
@@ -33,113 +31,326 @@ const description =
|
|||||||
noindex={true}
|
noindex={true}
|
||||||
title={title}
|
title={title}
|
||||||
>
|
>
|
||||||
<PageTitle grid="wide" innerGrid>Curriculum Vitae</PageTitle>
|
<PageTitle grid="wide" innerGrid>Resume</PageTitle>
|
||||||
|
|
||||||
<article class="col-span-full md:col-start-1 md:col-end-9">
|
<article class="col-span-full md:col-start-1 md:col-end-9">
|
||||||
<Headline>{cv.summary.headline}</Headline>
|
<Headline>Professional Summary</Headline>
|
||||||
<Intro components={mapping} />
|
<Intro components={mapping} />
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="col-span-full md:col-start-10 md:col-end-18">
|
<article class="col-span-full md:col-start-10 md:col-end-18">
|
||||||
<Headline>Personal Information</Headline>
|
<Headline>Personal Information</Headline>
|
||||||
<Subheadline class="font-semibold">{cv.personal.name}</Subheadline>
|
<Subheadline class="font-semibold">Stefan Imhoff</Subheadline>
|
||||||
<Text class="!mbe-0">{cv.personal.tagline}</Text>
|
<Text class="!mbe-0">Senior Software Engineer / Design System Authority</Text>
|
||||||
<TextLink href="https://www.stefanimhoff.de">Website</TextLink> •
|
<ul class="flex list-none flex-wrap items-center gap-2 p-0">
|
||||||
<EmailLink data-domain="stefanimhoff" data-name="cv" data-tld="de" icon={false} /> •
|
<li><TextLink href="https://www.stefanimhoff.de">Website</TextLink></li>
|
||||||
<!-- <DownloadLink href="/downloads/cv-stefan-imhoff.zip" text="CV" /> • -->
|
<li aria-hidden="true">•</li>
|
||||||
<DownloadLink href="/downloads/business-card-stefan-imhoff.zip" text="VCard" />
|
<li>
|
||||||
|
<EmailLink data-domain="stefanimhoff" data-name="cv" data-tld="de" icon={false} />
|
||||||
|
</li>
|
||||||
|
<li aria-hidden="true">•</li>
|
||||||
|
<li><DownloadLink href="/downloads/resume-stefan-imhoff.zip" text="Resume" /></li>
|
||||||
|
<li aria-hidden="true">•</li>
|
||||||
|
<li><DownloadLink href="/downloads/business-card-stefan-imhoff.zip" text="VCard" /></li>
|
||||||
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<Divider class="col-span-full w-[90] !mbe-0 !mbs-0" />
|
<Divider class="col-span-full w-[90] !mbe-0 !mbs-0" />
|
||||||
|
|
||||||
<article class="col-span-full md:col-start-1 md:col-end-9">
|
<article class="col-span-full md:col-start-1 md:col-end-9">
|
||||||
<Headline>{cv.experience.headline}</Headline>
|
<Headline>Professional Experience</Headline>
|
||||||
{
|
|
||||||
cv.experience.items.map((item) => (
|
|
||||||
<div>
|
|
||||||
<div class="mbe-10">
|
|
||||||
<Subheadline class="font-semibold">{item.title}</Subheadline>
|
|
||||||
<div class="italic mbe-2 no-common-ligatures">{item.duration}</div>
|
|
||||||
<div class="leading-none">
|
|
||||||
<strong>{item.company}</strong> / {item.location}
|
|
||||||
</div>
|
|
||||||
{item.url && (
|
|
||||||
<div>
|
|
||||||
<TextLink href={item.url}>
|
|
||||||
{item.url.replace(/https?:\/\//, '')}
|
|
||||||
</TextLink>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
{item.tasks.length > 0 && (
|
|
||||||
<UnorderedList>
|
|
||||||
{item.tasks.map((task) => (
|
|
||||||
<ListItem>{task}</ListItem>
|
|
||||||
))}
|
|
||||||
</UnorderedList>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
|
|
||||||
<Headline>{cv.education.headline}</Headline>
|
<div>
|
||||||
{
|
<div class="mbe-10">
|
||||||
cv.education.items.map((item) => (
|
<Subheadline class="font-semibold">Senior Software Engineer</Subheadline>
|
||||||
<div class="mbe-12">
|
<div class="flex items-center justify-between mbe-2">
|
||||||
<Subheadline class="font-semibold">{item.degree}</Subheadline>
|
|
||||||
<div class="italic mbe-2 no-common-ligatures">{item.duration}</div>
|
|
||||||
<div class="leading-none">
|
<div class="leading-none">
|
||||||
<strong>{item.school}</strong> / {item.location}
|
<strong><TextLink href="https://www.xing.com">XING</TextLink></strong>
|
||||||
</div>
|
</div>
|
||||||
{item.url && (
|
<div class="italic no-common-ligatures">Remote / Mar. 2020 – Present</div>
|
||||||
<div>
|
|
||||||
<TextLink href={item.url}>
|
|
||||||
{item.url.replace(/https?:\/\//, '')}
|
|
||||||
</TextLink>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
))
|
</div>
|
||||||
}
|
<Text>
|
||||||
|
<em>
|
||||||
|
Lead Engineer for the XING Design System (XDS), recognized by management as the
|
||||||
|
<q>Authority for Design System components on Web.</q>
|
||||||
|
</em>
|
||||||
|
</Text>
|
||||||
|
<UnorderedList>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Delivered €572,400 in estimated annual savings</strong> (Savings Factor 3.32)
|
||||||
|
by establishing a centralized component creation workflow, achieving <q
|
||||||
|
>Top Performer</q
|
||||||
|
>
|
||||||
|
ratings (2021, 2022) for high-impact efficiency gains.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Dominated code contributions as the #3 ranked contributor</strong> - in the
|
||||||
|
Crate core monorepo (<strong>272,000+ LOC</strong> across <strong
|
||||||
|
>3,500+ files</strong
|
||||||
|
>), serving as the <strong>sole Web Engineer</strong> during critical 2023 reorganizations
|
||||||
|
while maintaining 100% delivery output.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Accelerated XING Design System adoption by 278%</strong> (cumulative growth
|
||||||
|
by Q3 2025), successfully deprecating legacy systems and reducing technical debt through
|
||||||
|
aggressive migration strategies acknowledged as <q>technically demanding</q> successes.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Spearheaded WCAG 2.2 AA compliance</strong> for the EU Accessibility Act,
|
||||||
|
conducting comprehensive audits on 50+ core components and implementing semantic standards,
|
||||||
|
focus management, and high-contrast support.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Recognized as a <q>Role Model for AI Tooling</q></strong> by leadership, integrating
|
||||||
|
generative AI into daily workflows for debugging and documentation, and winning <strong
|
||||||
|
>2nd Place in the 2023 AI Hackweek</strong
|
||||||
|
> for profile image generation.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Engineered a scalable Dark Mode architecture</strong> by creating a dual-mode
|
||||||
|
SVG token mapping strategy for 400+ illustrations, reducing asset load sizes, and
|
||||||
|
enabling dynamic theming without code duplication.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Executed the cloud migration</strong> of 10+ internal tools and Chrome extensions
|
||||||
|
to <strong>GitHub Cloud</strong>, modernizing the CI/CD infrastructure and
|
||||||
|
ensuring zero downtime.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Lead the technical upgrade to Styled Components</strong> and TypeScript modernization,
|
||||||
|
refactoring complex types and eliminating “snowflake” implementations to enhance build
|
||||||
|
performance and developer experience.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Mentored junior engineers and working students</strong> through dedicated
|
||||||
|
onboarding programs and support sessions, formally praised for being
|
||||||
|
<q>the most helpful person I know.</q>
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="mbe-10">
|
||||||
|
<Subheadline class="font-semibold">Frontend Engineer</Subheadline>
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<div class="leading-none">
|
||||||
|
<strong><TextLink href="https://www.xing.com">XING</TextLink></strong>
|
||||||
|
</div>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">
|
||||||
|
Hamburg, Germany / Jan. 2011 – Feb. 2020
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Text>
|
||||||
|
<em
|
||||||
|
>Key contributor to high-traffic product verticals including Onboarding, SEO,
|
||||||
|
Mobile, and Jobs. Consistently rated <q>Expectations Clearly Exceeded</q> (2018, 2019).</em
|
||||||
|
>
|
||||||
|
</Text>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<Subsubheadline>Onboarding Team</Subsubheadline>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">2017–2020</div>
|
||||||
|
</div>
|
||||||
|
<UnorderedList>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Led the “Reactification” of user profiles</strong> and the team's migration
|
||||||
|
to <strong>TypeScript</strong>, managing the entire frontend stack solo in 2019
|
||||||
|
and earning a <q>Performance Expectations Clearly Exceeded</q> rating.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Improved user profile completion rates</strong> by engineering a high-performance
|
||||||
|
responsive widget using React.js and Redux, optimizing the data entry flow for new
|
||||||
|
users.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<Subsubheadline>SEO Team</Subsubheadline>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">2015–2017</div>
|
||||||
|
</div>
|
||||||
|
<UnorderedList>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Maximized organic traffic and Google rankings</strong> by re-architecting
|
||||||
|
the Logged-Out User Profile with a focus on “Mobile First” performance and Core Web
|
||||||
|
Vitals.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Pioneered the first production usage of CSS Grid</strong> at XING during the
|
||||||
|
relaunch of Public Search, setting the standard for modern layout implementation across
|
||||||
|
the company.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<Subsubheadline>Mobile Web Team</Subsubheadline>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">2013–2014</div>
|
||||||
|
</div>
|
||||||
|
<UnorderedList>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Enhanced cross-device consistency</strong> by developing a hybrid iPad application
|
||||||
|
using Backbone.js and migrating the “XING Touch” platform to a flattened, responsive
|
||||||
|
design system.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Increased user engagement</strong> by programming an interactive horizontal
|
||||||
|
navigation with complex state-based animations.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<Subsubheadline>Jobs Team</Subsubheadline>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">2011–2013</div>
|
||||||
|
</div>
|
||||||
|
<UnorderedList>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Increased job ad visits by 59%</strong> by conceptualizing and developing
|
||||||
|
a novel “Context Pagination” feature, significantly boosting user retention.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Launched “XING Projects” (Beta)</strong> by successfully pitching and developing
|
||||||
|
a Freelancer Marketplace prototype during Innovation Week, which evolved into a dedicated
|
||||||
|
revenue-generating product.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="mbe-10">
|
||||||
|
<Subheadline class="font-semibold">Web Designer</Subheadline>
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<div class="leading-none">
|
||||||
|
<strong
|
||||||
|
><TextLink href="https://www.xing.com">Dumrath & Fassnacht</TextLink
|
||||||
|
></strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">
|
||||||
|
Hamburg, Germany / Sep. 2005 – Dec. 2010
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="mbe-10">
|
||||||
|
<Subheadline class="font-semibold">Media Designer</Subheadline>
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<div class="leading-none">
|
||||||
|
<strong
|
||||||
|
><TextLink href="https://www.xing.com">IGS Development</TextLink
|
||||||
|
></strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">
|
||||||
|
Harbke, Germany / Feb. 2002 – Jan. 2005
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Divider />
|
||||||
|
|
||||||
|
<Headline>Education</Headline>
|
||||||
|
|
||||||
|
<div class="mbe-12">
|
||||||
|
<Subheadline class="font-semibold">Computer Scientist</Subheadline>
|
||||||
|
<div class="flex items-center justify-between mbe-2">
|
||||||
|
<div class="leading-none">
|
||||||
|
<strong
|
||||||
|
><TextLink href="https://www.bib.de">bib International College</TextLink
|
||||||
|
></strong
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="italic mbe-2 no-common-ligatures">
|
||||||
|
Hanover, Germany / Oct. 1999 – Sept. 2001
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<aside class="col-span-full md:col-start-10 md:col-end-18">
|
<aside class="col-span-full md:col-start-10 md:col-end-18">
|
||||||
<article>
|
<article>
|
||||||
<Headline>{cv.skills.headline}</Headline>
|
<Headline>Key Skills</Headline>
|
||||||
{
|
<div>
|
||||||
cv.skills.items.map((item) => (
|
<Subheadline class="font-semibold">Core Competencies</Subheadline>
|
||||||
<div>
|
<UnorderedList class="!list-none p-0 mbe-10 mbs-5">
|
||||||
<Subheadline class="font-semibold">{item.headline}</Subheadline>
|
<ListItem>
|
||||||
<UnorderedList class="!list-none p-0 mbe-10 mbs-5">
|
<strong>Design Systems:</strong> Architecture, Tokenization, Versioning, Governance,
|
||||||
{item.tags.map((tag, index) => (
|
<q>Swiss Precision</q> Quality Assurance.
|
||||||
<ListItem class="inline">
|
</ListItem>
|
||||||
{index === item.tags.length - 1
|
<ListItem>
|
||||||
? tag.concat('')
|
<strong>Accessibility (A11Y):</strong> WCAG 2.2 AA, ARIA Standards, Inclusive
|
||||||
: tag.concat(', ')}
|
Design, Automated Auditing.
|
||||||
</ListItem>
|
</ListItem>
|
||||||
))}
|
<ListItem>
|
||||||
</UnorderedList>
|
<strong>Frontend Architecture:</strong> Monorepo Management, Micro-frontends,
|
||||||
</div>
|
Performance Optimization.
|
||||||
))
|
</ListItem>
|
||||||
}
|
<ListItem>
|
||||||
|
<strong>Leadership & Mentoring:</strong> Lateral Leadership, Onboarding Programs,
|
||||||
|
Technical Writing, Cross-functional Collaboration.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
|
||||||
|
<Subheadline class="font-semibold">Technologies & Tools</Subheadline>
|
||||||
|
<UnorderedList class="!list-none p-0 mbe-10 mbs-5">
|
||||||
|
<ListItem>
|
||||||
|
<strong>Languages:</strong> TypeScript, JavaScript (ES6+), HTML5, CSS3, PostCSS,
|
||||||
|
CSS Modules, Sass/SCSS.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Frameworks & Libraries:</strong> React, Redux, Styled Components (v6),
|
||||||
|
Tailwind CSS, Astro, Node.js.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Testing & Analysis:</strong> Jest, Cypress, Component Scanners, Metabase.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>DevOps & AI:</strong> Git, GitHub Actions, Docker, Jenkins, GitHub Copilot,
|
||||||
|
Claude, OpenCode, Prompt Engineering.
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Design:</strong> Figma, Sketch, Adobe Creative Suite, Affinity.
|
||||||
|
</ListItem>
|
||||||
|
</UnorderedList>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<Headline>{cv.languages.headline}</Headline>
|
<Headline>Languages</Headline>
|
||||||
<UnorderedList>
|
<UnorderedList>
|
||||||
{
|
<ListItem>
|
||||||
cv.languages.items.map((item) => (
|
<strong>German:</strong> Native
|
||||||
<ListItem>
|
</ListItem>
|
||||||
<strong>{item.language}</strong> ({item.level})
|
<ListItem>
|
||||||
</ListItem>
|
<strong>English:</strong> Fluent (Spoken & Written)
|
||||||
))
|
</ListItem>
|
||||||
}
|
<ListItem>
|
||||||
|
<strong>Spanish:</strong> Basic (A2/B1)
|
||||||
|
</ListItem>
|
||||||
|
<ListItem>
|
||||||
|
<strong>Japanese:</strong> Basic (JLPT N3 level)
|
||||||
|
</ListItem>
|
||||||
</UnorderedList>
|
</UnorderedList>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<Headline>{cv.awards.headline}</Headline>
|
<Headline>Awards & Hackathons</Headline>
|
||||||
<UnorderedList>
|
<UnorderedList>
|
||||||
{cv.awards.items.map((item) => <ListItem>{item}</ListItem>)}
|
<ListItem
|
||||||
|
><strong>3x Winner of XING Hackweeks</strong> (2023, 2024, 2025) – <em
|
||||||
|
>Consistently driving innovation in internal tools and AI.</em
|
||||||
|
></ListItem
|
||||||
|
><ListItem
|
||||||
|
><strong>2nd Place AI Hackweek (2023)</strong> (2013, 2015, 2017) – <em
|
||||||
|
>Company-wide innovation awards.</em
|
||||||
|
></ListItem
|
||||||
|
><ListItem
|
||||||
|
><strong>SEMY Award</strong> (2015) – <em
|
||||||
|
>German Search Marketing Award for SEO excellence.</em
|
||||||
|
></ListItem
|
||||||
|
>
|
||||||
</UnorderedList>
|
</UnorderedList>
|
||||||
</article>
|
</article>
|
||||||
</article>
|
</article>
|
||||||
@@ -147,7 +358,7 @@ const description =
|
|||||||
<Divider class="col-span-full w-[90] !mbe-0 !mbs-0" />
|
<Divider class="col-span-full w-[90] !mbe-0 !mbs-0" />
|
||||||
|
|
||||||
<article class="col-span-full">
|
<article class="col-span-full">
|
||||||
<Headline>{cv.interests.headline}</Headline>
|
<Headline>Interests & Hobbies</Headline>
|
||||||
<ul class="columns-1 gap-gap md:columns-2">
|
<ul class="columns-1 gap-gap md:columns-2">
|
||||||
<InterestsHobbies components={mapping} />
|
<InterestsHobbies components={mapping} />
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
I’m a Web Developer with more than two decades of experience in creating and building beautiful, user-centric layouts for devices of all sizes on the web. My passion is creating sophisticated, but easy to use UI and remarkable UX. I love bringing simplicity and minimalism to everything I create.
|
**Senior Software Engineer** and **Design System Authority** with over 15 years of experience at XING, specializing in scalable frontend architecture and inclusive UI/UX. Recognized as a **“Top Performer”** (rated _Exceeds Expectations_ in 4 of the last 6 reviews) for combining a clear technical vision with “Swiss precision” quality. Proven track record of driving significant economic efficiency, delivering **€572k in annual savings** through centralized system adoption. As a top-3 contributor to the core monorepo (**270k+ LOC**), I bridge the gap between design and engineering, spearheading **WCAG 2.2 AA compliance**, acting as a **Role Model for AI adoption**, and accelerating the adoption of the **centralized Design System (XDS)** by **278%**. Passionate about creating minimalistic, high-performance, and accessible web experiences.
|
||||||
|
|||||||
Reference in New Issue
Block a user