From c882dab464ae1c523f76ad0d07532085fc9a62a6 Mon Sep 17 00:00:00 2001 From: Varya Stepanova Date: Thu, 30 Oct 2025 12:36:07 +0200 Subject: [PATCH 1/3] Menrotship service: 1st version --- src/components/Menu/Menu.js | 1 + src/pages/services/mentorship.js | 90 ++++++++++++++++++++++++++++++++ 2 files changed, 91 insertions(+) create mode 100644 src/pages/services/mentorship.js diff --git a/src/components/Menu/Menu.js b/src/components/Menu/Menu.js index 84deda262..43affe4e2 100644 --- a/src/components/Menu/Menu.js +++ b/src/components/Menu/Menu.js @@ -51,6 +51,7 @@ export const menuData = [ href: "/services/development", }, { label: "Workshops", href: "/services/workshops" }, + { label: "Mentorship", href: "/services/mentorship" }, { label: "Speaking", href: "/services/speaking" }, ], }, diff --git a/src/pages/services/mentorship.js b/src/pages/services/mentorship.js new file mode 100644 index 000000000..0a13af485 --- /dev/null +++ b/src/pages/services/mentorship.js @@ -0,0 +1,90 @@ +import React from "react"; +import PropTypes from "prop-types"; + +import { Text } from "grommet"; +import { Heading, Paragraph, Avatar, ImageBlock } from "@components"; +import { Page } from "@templates/Page"; + +import heroImage from "./hero-supervision.jpg"; // Using supervision hero image as placeholder + +const HeroContent = () => ( + + + Mentorship + + +); + +const Mentorship = ({ location }) => ( + + } margin={{ top: "medium" }}> + + With 20+ years in tech and 15+ years leading engineering teams, I offer personalized + mentorship for professionals looking to excel in design systems, UI development, + and team leadership. My experience spans from building UI frameworks with 150+ components + for one of Europe's largest internet companies to leading distributed teams across + multiple countries and cultures. + + + I've successfully grown teams from 1 to 7 people, managed design system adoption + across large retail organizations that ship products to multiple markets, and led + comprehensive design system implementations for SaaS platforms, messaging services, + and international agricultural technology companies. My approach combines technical + expertise with strong people management and cross-cultural collaboration skills. + + + + My mentorship focuses on: +
    +
  • Design Systems Leadership: Strategy, roadmapping, stakeholder alignment, and measuring success through adoption metrics
    • +
  • Team Management: Building and scaling design system teams, conducting 1-1s, facilitating cross-functional collaboration
    • +
  • UI Architecture & Component Design: Creating scalable component libraries, design tokens, and documentation systems
    • +
  • Product Ownership: Establishing OKRs, tracking DORA metrics, and driving data-driven roadmap prioritization
    • +
  • Career Development: Transitioning from individual contributor to leadership roles, mentoring team members' growth
    • +
  • Cross-Cultural Collaboration: Managing distributed teams across time zones and fostering inclusive team environments
    • +
  • Community Building: Championing design system adoption, organizing knowledge sharing, and building internal communities
    • +
+ + + Whether you're a designer looking to understand the technical aspects of design systems, + a developer transitioning into design system work, or a team lead scaling design system + operations, I provide guidance based on hands-on experience managing teams and delivering + results in complex, distributed environments. Sessions are conducted remotely and tailored + to your specific goals and organizational context. + + +); + +Mentorship.propTypes = { + location: PropTypes.object, +}; + +export default Mentorship; From 5b8921d315308b51161cc7b105f3f7822e3e02a1 Mon Sep 17 00:00:00 2001 From: Varya Stepanova Date: Thu, 30 Oct 2025 12:47:39 +0200 Subject: [PATCH 2/3] Mentorship: updated --- src/pages/services/mentorship.js | 85 +++++++++++++++++++++++++++++--- 1 file changed, 78 insertions(+), 7 deletions(-) diff --git a/src/pages/services/mentorship.js b/src/pages/services/mentorship.js index 0a13af485..0e35c076b 100644 --- a/src/pages/services/mentorship.js +++ b/src/pages/services/mentorship.js @@ -1,10 +1,12 @@ import React from "react"; import PropTypes from "prop-types"; -import { Text } from "grommet"; -import { Heading, Paragraph, Avatar, ImageBlock } from "@components"; +import { Box, Button, Text } from "grommet"; +import { Heading, Paragraph, Avatar, ImageBlock, Link } from "@components"; import { Page } from "@templates/Page"; +import { InlineWidget } from "react-calendly"; + import heroImage from "./hero-supervision.jpg"; // Using supervision hero image as placeholder const HeroContent = () => ( @@ -74,12 +76,81 @@ const Mentorship = ({ location }) => ( - Whether you're a designer looking to understand the technical aspects of design systems, - a developer transitioning into design system work, or a team lead scaling design system - operations, I provide guidance based on hands-on experience managing teams and delivering - results in complex, distributed environments. Sessions are conducted remotely and tailored - to your specific goals and organizational context. + How mentorship works: + + + Mentorship takes place through semi-regular online meetings where we discuss your current + challenges, review your progress, and plan next steps. Between sessions, you'll receive + practical homework assignments designed to help you apply what we've discussed and build + real-world experience. + + + The frequency of our meetings depends entirely on your needs and availability. Some mentees + benefit from sessions a couple of times per month for intensive guidance during critical + projects or career transitions, while others prefer quarterly check-ins to maintain momentum + and get strategic advice. We'll find a rhythm that works best for your challenges and + schedule. + + + What exactly could I ask as a mentee? + + + You can ask anything you feel relevant. Here are a few ideas — these are real questions + I've discussed with my mentees. Maybe they're similar to your challenges: + + +
    +
  • "This is the status of my design system now, where do I invest time to make the best progress right now?"
    • +
  • "How do I organize sync with designers?"
    • +
  • "How exactly could I improve our documentation in Storybook?"
    • +
  • "How to display what are our available CSS utilities so that a designer sees it?"
    • +
  • "What to start with if we want visual regression testing in our specific setup?"
    • +
  • "How do we increase adoption of design system in our product?"
    • +
  • "What topics should I learn for my next interview to a design system position?"
    • +
+ + + Topics are not limited to this list — bring whatever challenges you're facing, and we'll + work through them together. + + + + Get in Touch + + + + Ready to start your mentorship journey? I'd love to hear about your challenges and goals. + + + +