Cyd Stumpel

@cydstumpel.nl

1187 Followers 336 Following

Teacher, speaker and Award Winning Freelance Creative Developer Teacher at @fdnd.nl 🎓 and the Minor Web Development at Amsterdam University of Applied Sciences I’m an Okay Dev 👩🏽‍💻 @okaydev.co Tech speaker Portfolio: https://cydstumpel.nl

Side-by-side website mockups showing two pages of the same personal portfolio website. The left mockup is the homepage, featuring a bold newspaper-inspired masthead, a large introductory headline, a prominent photo of the developer speaking on stage, and a grid of featured projects with collage-style imagery and editorial typography. The right mockup is a project detail page, highlighting "The Fish Doorbell" with a large hero image, project description, metadata, related articles, and supporting visuals. Both pages use oversized black typography, light backgrounds, purple geometric accents, hand-drawn illustrations, and cutout photography to create a playful editorial aesthetic.
Screenshots for my new portfolio from Figma: Three desktop mockups of editorial-style article layouts featuring oversized bold headlines, hand-drawn doodles and annotations, with large circled text emphasizing different headline treatments.
Cyd and Tess smile at a camera
Hand-drawn wireframe sketch of a "Global Data" web component showing viewer statistics for the Fish Doorbell, a livestream of a fish migration lock in Utrecht, Netherlands. The design features an interactive 3D globe with dotted pink lines radiating outward from Utrecht as the central hub, representing connections to viewer locations worldwide. Dots of varying sizes mark cities, with larger dots indicating more viewers and line length representing the number of visitors from each location. A time-based navigation bar at the bottom allows filtering by month (Season data, March, April, May, June, July), with "March" highlighted as the active selection. To the left of the globe, a text panel reads "Global Data" with a subheading stating the Fish Doorbell was watched in 100 countries and 2000 cities that season (this is just dummy data), followed by a ranked list of top countries for March (also dummy data): Netherlands 21%, United States 10%, and Poland 8%, each shown as a clickable button with a flag icon. A popup tooltip example shows country detail for France: 11% of March's viewers, with popular cities (Paris, Lyon, Marseille) listed. Annotations indicate the globe is draggable but not scalable, that hoverable popups appear on country interaction showing further detail, that only the top 20 countries are displayed, and that the component includes accessibility considerations (noted as "a11y") with a hidden list and canvas element for screen reader support.
A board with several conference lanyards hangin from it
Cyd stands at a conference podium moments before a talk at JSHeroes, looking visibly stressed while troubleshooting a laptop connection issue. A second person beside her adjusts cables and equipment under blue stage lighting, with rows of empty audience seats in the foreground.
A moodboard-style preview showing design work for JS Heroes 2026, a JavaScript conference in Cluj-Napoca. Includes bold red typographic poster designs for 'Espace Culture', mobile app UI mockups, and several desktop screenshots of the JS Heroes website featuring a blue-and-white design with speaker profile photos and the tagline 'An All Things JavaScript Conference'.
Screenshot of email: Hello David, It has come to my attention that you have copied my website, I’ll be filing a copyright infringement claim with Vercel, your website host. I advise you take it down yourself. Next time you copy a website you might want to remove the GA tag ;) Or just, you know, design and build your own… Cyd
A Cyberman Christmas ornament from Doctor Who
A Christmas tree tied to a bike
Cyd and Raff during the Q&A after Cyd’s talk
Screenshot of a figma projects with inspiration and explorations