/* About-me content for the author modal (opens from the polaroid). Mirrors case-data.jsx: image paths in ABOUT_IMG, copy per language in ABOUT. Rich text (**bold**, *italic*, [label](url)) is rendered via window.renderRich. Edit both `en` and `pl` when changing copy. */ const ABOUT_IMG = { hero: "assets/natalia-yockelle.jpg", // "A peek into my world" — 6 photos supplied by Natalia: mindvalley: "uploads/about-mindvalley.jpg", // on stage at Mindvalley, Amsterdam 2025 print3d: "uploads/about-3dprint.jpg", // RepRap open-source 3D printing, 2014 hackathon: "uploads/about-hackathon.jpg", // 3rd place, Hack the House by Unilever hackfood: "uploads/about-hackfood.jpg", // Hack the Food, Jamie Oliver bali: "uploads/about-bali.jpg", // public speaking training, Bali 2025 garyv: "uploads/about-garyv.jpg", // meeting Gary Vee (last) }; const RESUME_URL = "https://docs.google.com/document/d/1rMfV-RdMg6JfGNhzPruQe134whl5xni6g5sLWuIw0tU/edit?usp=sharing"; const LINKEDIN_URL = "https://www.linkedin.com/in/yockelle/"; const CONTACT_EMAIL = "natalia@yockelle.com"; const ABOUT = { en: { heroCaption: "that's me", eyebrow: "ABOUT ME", name: "Natalia Yockelle", subtitle: "Interdisciplinary Designer · Poland · Working Remotely Worldwide", tagline: "I design the bridge between user needs and business results.", bio: [ "I've spent over ten years designing across UX, branding, web, and front-end, for blockchain platforms, luxury brands, and coaching businesses. My work started at the frontier: in 2015, when Ethereum was brand new, I was designing **one of the first blockchain supply-chain platforms** and testing NFC-tagged products with real users at a fish market in Penzance. There was no playbook. We were writing it. Since then, making new technology understandable and trustworthy has been the through-line of my career, from asset tokenization and legal-tech to designing AI-native today.", "The results carry the argument. One client's monthly revenue grew **more than 12x, from 20K to 250K PLN**, after I reworked their branding, experience, and purchase funnels. I called Chia Network early too, convincing a CEO to move on it before the token launched and advising him remotely through the buildout; the farm's XCH holdings were worth **around $5 million** when trading opened. I studied web application programming in San Francisco, so I speak the engineers' language and grasp difficult technical concepts fast, whether that's smart contracts or AI agents. And I don't hand off static mockups: I prototype in working front-end code, so development teams start from something real. Research, iteration, and the discipline to throw out the pretty version when it doesn't perform.", ], closing: "I believe design and technology can build a more sustainable future and products that make a difference. That's the filter every project goes through.", skills: ["UX RESEARCH", "UI DESIGN", "BRANDING", "WEB DESIGN", "PROTOTYPING", "AI-NATIVE DESIGN", "CONVERSION OPTIMIZATION", "DESIGN SYSTEMS"], hook: { heading: "Most designers train for one side of the screen. I trained for all three.", body: [ "Before design, I studied landscape architecture: five years learning how people move through a space, where they pause, what pulls them forward, what makes a place feel right. Then web application programming in San Francisco, to understand what engineers actually build. Then a business coaching certification, to read the other side of every project: the founder who needs the numbers to work, and the team that needs to stay aligned when a launch gets tense.", "User, technology, business. Formal training in each. That's why my work shows up in revenue, not just in portfolios.", ], }, peekLabel: "A PEEK INTO MY WORLD", peek: [ { src: ABOUT_IMG.mindvalley, caption: "On stage at Mindvalley · Amsterdam" }, { src: ABOUT_IMG.bali, caption: "Public speaking training · Bali" }, { src: ABOUT_IMG.hackathon, caption: "3rd place · Hack the House by Unilever" }, { src: ABOUT_IMG.hackfood, caption: "1st place at Jamie Oliver Food Hackathon" }, { src: ABOUT_IMG.garyv, caption: "Meeting Gary Vee in London" }, { src: ABOUT_IMG.print3d, caption: "3D printing in 2014" }, ], deskLabel: "MY DESK", desk: [ { name: "Figma", caption: "where it starts" }, { name: "Claude Code", caption: "prototyping partner" }, { name: "Adobe Creative Suite", caption: "the classics" }, { name: "Canva", caption: "social & quick assets" }, { name: "WordPress", caption: "the CMS backbone" }, { name: "Elementor & Divi", caption: "visual page builds" }, { name: "Vercel", caption: "where prototypes ship" }, { name: "ChatGPT", caption: "second brain" }, ], sayHello: { label: "SAY HELLO", text: "Open to contract work and collaborations.", buttons: [ { label: "EMAIL ME", href: "mailto:" + CONTACT_EMAIL }, { label: "LINKEDIN", href: LINKEDIN_URL }, { label: "RESUME", href: RESUME_URL }, ], }, bookCall: { label: "BOOK A CALL", text: "If you're building something worth using, let's talk it through.", button: "BOOK A CALL", email: CONTACT_EMAIL, subject: "Booking a call — project enquiry", body: "Hi Natalia,\n\nI'd love to book a short call to talk through a potential project. A quick overview:\n\n• What we're building:\n• Rough timeline:\n• Best times for you (with time zone):\n\nLooking forward to connecting.\n\nBest regards,", }, }, pl: { heroCaption: "to ja", eyebrow: "O MNIE", name: "Natalia Yockelle", subtitle: "Projektantka interdyscyplinarna · Polska · Pracuję zdalnie na całym świecie", tagline: "Projektuję most między potrzebami użytkowników a wynikami biznesowymi.", bio: [ "Od ponad dziesięciu lat projektuję w obszarach UX, brandingu, web i front-endu, dla platform blockchainowych, marek premium i biznesów coachingowych. Zaczynałam na pierwszej linii: w 2015 roku, gdy Ethereum było zupełnie nowe, projektowałam **jedną z pierwszych blockchainowych platform łańcucha dostaw** i testowałam produkty z tagami NFC na prawdziwych użytkownikach na targu rybnym w Penzance. Nie było żadnego podręcznika. Pisaliśmy go sami. Od tamtej pory motywem przewodnim mojej kariery jest czynienie nowej technologii zrozumiałą i godną zaufania, od tokenizacji aktywów i legal-tech po projektowanie AI-native dzisiaj.", "Wyniki mówią same za siebie. Miesięczny przychód jednego z klientów wzrósł **ponad 12-krotnie, z 20 tys. do 250 tys. PLN**, po tym jak przeprojektowałam jego branding, doświadczenie i ścieżki zakupowe. Wcześnie postawiłam też na Chia Network, przekonując prezesa, by wszedł w projekt przed startem tokena, i doradzając mu zdalnie przez cały proces; zasoby XCH farmy były warte **około 5 mln USD** w momencie uruchomienia handlu. Studiowałam programowanie aplikacji webowych w San Francisco, więc mówię językiem inżynierów i szybko chwytam trudne koncepcje techniczne, czy to smart kontrakty, czy agentów AI. I nie oddaję statycznych makiet: prototypuję w działającym kodzie front-endowym, żeby zespoły deweloperskie zaczynały od czegoś realnego. Badania, iteracja i dyscyplina, by odrzucić ładną wersję, gdy nie działa.", ], closing: "Wierzę, że design i technologia mogą budować bardziej zrównoważoną przyszłość i produkty, które robią różnicę. To filtr, przez który przechodzi każdy projekt.", skills: ["UX RESEARCH", "PROJEKTOWANIE UI", "BRANDING", "WEB DESIGN", "PROTOTYPOWANIE", "PROJEKTOWANIE AI-NATIVE", "OPTYMALIZACJA KONWERSJI", "SYSTEMY PROJEKTOWE"], hook: { heading: "Większość projektantów szkoli się w jednej stronie ekranu. Ja wyszkoliłam się we wszystkich trzech.", body: [ "Zanim zajęłam się designem, studiowałam architekturę krajobrazu: pięć lat nauki o tym, jak ludzie poruszają się w przestrzeni, gdzie się zatrzymują, co ich pociąga do przodu, co sprawia, że miejsce wydaje się właściwe. Potem programowanie aplikacji webowych w San Francisco, by zrozumieć, co naprawdę budują inżynierowie. Potem certyfikat coacha biznesowego, by odczytać drugą stronę każdego projektu: założyciela, któremu muszą zgadzać się liczby, i zespół, który musi pozostać zgrany, gdy zbliża się napięty launch.", "Użytkownik, technologia, biznes. Formalne przygotowanie w każdym z nich. Dlatego moja praca pojawia się w przychodach, nie tylko w portfolio.", ], }, peekLabel: "ZAJRZYJ DO MOJEGO ŚWIATA", peek: [ { src: ABOUT_IMG.mindvalley, caption: "Na scenie Mindvalley · Amsterdam" }, { src: ABOUT_IMG.bali, caption: "Szkolenie z wystąpień · Bali" }, { src: ABOUT_IMG.hackathon, caption: "3. miejsce · Hack the House by Unilever" }, { src: ABOUT_IMG.hackfood, caption: "1. miejsce · Food Hackathon Jamie Oliver" }, { src: ABOUT_IMG.garyv, caption: "spotkanie z Gary Vee w Londynie" }, { src: ABOUT_IMG.print3d, caption: "druk 3D w 2014" }, ], deskLabel: "MOJE BIURKO", desk: [ { name: "Figma", caption: "tu się zaczyna" }, { name: "Claude Code", caption: "partner do prototypów" }, { name: "Adobe Creative Suite", caption: "klasyka" }, { name: "Canva", caption: "social media" }, { name: "WordPress", caption: "podstawa CMS" }, { name: "Elementor & Divi", caption: "budowanie stron" }, { name: "Vercel", caption: "tu lądują prototypy" }, { name: "ChatGPT", caption: "drugi mózg" }, ], sayHello: { label: "PRZYWITAJ SIĘ", text: "Otwarta na współpracę i projekty kontraktowe.", buttons: [ { label: "NAPISZ DO MNIE", href: "mailto:" + CONTACT_EMAIL }, { label: "LINKEDIN", href: LINKEDIN_URL }, { label: "CV", href: RESUME_URL }, ], }, bookCall: { label: "UMÓW ROZMOWĘ", text: "Jeśli budujesz coś, co warto używać, pogadajmy o tym.", button: "UMÓW ROZMOWĘ", email: CONTACT_EMAIL, subject: "Rezerwacja rozmowy — zapytanie o projekt", body: "Cześć Natalio,\n\nChętnie umówię się na krótką rozmowę, aby omówić potencjalny projekt. W skrócie:\n\n• Co budujemy:\n• Orientacyjny termin:\n• Dogodne dla Ciebie terminy (ze strefą czasową):\n\nDo usłyszenia.\n\nPozdrawiam,", }, }, }; window.ABOUT = ABOUT;