Stefan Kyurkchiev  👋🏻

Hi. I am Stefan 👨🏻‍💻

DesignOps

Specialist.

Stefan Kyurkchiev

DesignOps ⎯ UX Design ⎯ Design Systems ⎯ Design Tokens ⎯ Accessibility Standards ⎯ Front-End Automation ⎯

User Research ⎯ Prototyping ⎯

Selected

Work.

IAMSTEFAN

A Full-Stack Software Designer

March 2022 - Today

InnCredible Studio

DesignOps Specialist & Freelancer

Design SystemsDesign AuditsDesign TokensSEOGenerative AI AccessibilityWebflow WordPressStrategySEAContent

April 2016 - Dezember 2021

SOS Children's Villages International

DesignOps Specialist & Digital Marketing

Design SystemsDesignOpsRequirements EngineeringFront-end developmentAgile Project ManagementEmail DesignDesign TokensSEOWorkshops TrainingsE-Learning

November 2011 - January 2015

Bulpros

Front-End Developer

HTMLCSSJSjQueryDrupal

Design Systems
Figma, Adobe Suite, Sketch 100%
Miro, Loom 80%
Frontify, Aprimo 100%
Style dictionary 80%
Token Studio, Figma variables 100%
storybook.js 80%
Development
HTML, CSS, Tailwind 100%
WordPress, Webflow, Kentico 90%
JavaScript, React 70%
Vue.js 50%
GIT 50%
OpenAI API 80%
Miscellaneous
Jira, Confluence, Notion 100%
Emarsys, Litmus, MailChimp 100%
SCrum, Kan-ban, prince 2 100%
Google Tag manager & Seach Console 100%
Google Analytics 60%

1. Design Systems Acquisition

Understand the needs, set up the team, and define foundational elements.
Design AuditWorkshopsEducational presentationsDesign System MVP Case StudiesShowcase Team SetupFoundationsStakeholder InterviewsRoadmap
FigmaMiroNotionLoomAirtable

2. Design system Аctivation & Еxpansion

Integrate the design system into the product development workflow and company culture.
Visual LanguageDesign TokensDesign principlesDesign System MVP Component libraryDocumentation IterationToolingScalingOnboardingAdvocacyTrainingGovernanceFeedback LoopAccessibility Standards
FigmaTokens StudioSpecifySupernovaStorybookFrontify, AprimoZeroheightGitHubReact

3. Design system activation, expansion

Integrate the design system into the product development workflow and company culture.
workshops & Trainingfeedback loopsOKR Planning & metricsSupport Community BuildingQA GovernanceUpdates & MaintenanceAdoptionOptimizationAutomation
Omlet.devLookerGoogle AnalyticsAmplitudePower BIFigma AnalyticsReact Scanner

1. What we know → 2. What we want to know → 3. How will we know it → 4. Let's know → 5. Synthesis → 6. Preliminary UX report

1. What do we know? Organize all the input we have on the project → Miro, Figjam – Research, analytics and past survey repository

  • Review existing user data and prior research insights.
  • Analyze feedback and product usage insights.
Gathering Product InformationResearch & Competitor AnalysisInformation ArchitectureAnalytics Insights Best practicesCruicial Sections AnalysisWGAC Accessibility
FigjamMiroNotionLoom

2. What do we want to know? Scope agreement, research methods, and reference for quick decision-making.

  • Identify goals and define specific research questions.
  • Prioritize questions based on potential impact.
Qualitative vs. Quantitativeinterviews & Focus groups vs. surveys & analytics

3. How will we know? Define research flow & schedule participants

  • Choose research methods fitting the questions.
  • Plan for participant recruitment.

4. Let’s know – gather insights from interviews

  • Execute research activities and gather data.
  • Organize observations and initial insights.

5. Synthesis – refine insights & prioritize

  • Analyze collected data for patterns and insights.
  • Synthesize findings into key user needs and behaviors.

5. Preliminary UX Report – Stakeholder presentation with action shortcuts & interactive widgets

  • Compile insights and recommendations into a report.
  • Present findings to stakeholders for feedback and discussion.
FigmaBalsamiqSketch

1. Speed → 2. Keywords → 3. Landingpages → 4. Content Outlone → 5. SEO Valid Content → 6. Link-Building → 7. Community Links → 8. Rank Tracking

1. Speed, the time it takes for a webpage to load, is crucial for both user experience and search engine optimization.
Responsive ImagesCSS & JS optimizationsGoogle Tag ManagerFonts Above fold contentAnimation ManagementHTTP Requestscachingrender blocking managementHosting & CDN
WP RocketLiteSpeed cacheWebflow componentsPageSpeed InsightsPageSpeed Insights

2. Competitor keywords analysis – Identify best action keywords & next-best action keywords

SEMRushUbersuggestSearch Metrics

3. Create Unique SEO Landingpages for each use case the business might take.
4. Comprehensive Content Outline

  • target word count x2 from competitor
  • Header Structure: 2-3 changes from the competitor


5. SEO valid content

  • no fluff, every sentence counts
  • hire great writers – ProBlogger & Cult of Copy

 

6. Generic Link Building – social media, TripAdvisor, recruitment platforms

7. Link Building via Communities – Reddit, Quora, Local News

8. Keep track of Rankings – Google Search Console, Ubersuggest, SearchMetrics

Chapter 1: The major stakeholder

SOS Kinderdörfer weltweit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Chapter 1: The Major Stakeholder feat. SOS Kinderdörfer Deutschland

Chapter 2: The Global Cluster feat. SOS Children’s Villages International

Chapter 3: The Local Leader feat. Stieglbräu Innsbruckin the making

Chapter 4: The ultimate Email CMS feat. Emarsys

Chapter 5: The Design System for Donation Forms