const { useState, useEffect, useRef } = React; // ─── TWEAK DEFAULTS ────────────────────────────────────────────────────────── const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accentScheme": "yellow-cyan", "showMarquee": true, "headerStyle": "floating" }/*EDITMODE-END*/; // ─── ACCENT SCHEMES ─────────────────────────────────────────────────────────── const SCHEMES = { "yellow-cyan": { a: "oklch(0.88 0.20 100)", b: "oklch(0.72 0.16 195)", label: "Yellow + Cyan" }, "amber-cyan": { a: "oklch(0.80 0.17 82)", b: "oklch(0.75 0.14 200)", label: "Amber + Cyan" }, "orange-pink": { a: "oklch(0.72 0.18 45)", b: "oklch(0.75 0.18 340)", label: "Orange + Pink" } }; function applyScheme(scheme) { const s = SCHEMES[scheme]; if (!s) return; document.documentElement.style.setProperty("--accent", s.a); document.documentElement.style.setProperty("--accent-2", s.b); } // ─── NAV LINKS ──────────────────────────────────────────────────────────────── const NAV_LINKS = [ { label: "My Work", href: "#work" }, { label: "Experiments", href: "#experiments" }, { label: "Contact", href: "#contact" }, ]; // ─── HEADER ─────────────────────────────────────────────────────────────────── function Header({ headerStyle }) { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 40); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const isFloating = headerStyle === "floating"; return (
{ e.currentTarget.style.opacity = "0.85"; e.currentTarget.style.transform = "translateY(-1px)"; }} onMouseLeave={e => { e.currentTarget.style.opacity = "1"; e.currentTarget.style.transform = "none"; }} > Get in touch
{menuOpen && (
{NAV_LINKS.map(link => ( setMenuOpen(false)} style={{ fontFamily: "var(--font-mono)", fontSize: "13px", color: "var(--text-dim)", textDecoration: "none", padding: "10px 4px", borderBottom: "1px solid oklch(0.30 0.010 255 / 0.3)", transition: "color 0.15s", }} onMouseEnter={e => e.currentTarget.style.color = "var(--accent)"} onMouseLeave={e => e.currentTarget.style.color = "var(--text-dim)"} >{link.label} ))} setMenuOpen(false)} style={{ marginTop: "8px", fontFamily: "var(--font-mono)", fontSize: "12px", fontWeight: 500, letterSpacing: "0.08em", textTransform: "uppercase", color: "var(--bg)", background: "var(--accent)", borderRadius: "var(--radius-sm)", padding: "10px 18px", textDecoration: "none", textAlign: "center", }}>Get in touch
)}
); } // ─── LOGO ───────────────────────────────────────────────────────────────────── function Logo() { return (
tip things
in progress
); } function NavLink({ href, children }) { const [hovered, setHovered] = useState(false); return ( setHovered(true)} onMouseLeave={() => setHovered(false)} > {children} ); } // ─── MARQUEE ────────────────────────────────────────────────────────────────── function Marquee() { const items = [ "Landing Pages", "Website Strategy", "Email Automations", "Funnel Analytics", "SEO", "Content Direction", "AI Workflows", ]; const repeated = [...items, ...items, ...items]; return (
{repeated.map((item, i) => ( {item} ◆ ))}
); } // ─── HERO ───────────────────────────────────────────────────────────────────── function Hero() { return (
{/* Status pill */}
Open to new collaborations

Need help setting up your marketing infrastructure?

Evgeny Nefedov is a digital marketer with hands-on focus on web UX & copy, and tool & platform integrations & automations. 10+ years building landing pages, directing website development, running web & app funnel analytics, email chasing automations, and SEO tactics.

Currently at ANNA Money, a UK-based financial and tax tech startup — working on website strategy, building landing pages, automating emails, and a lot of other domains adjacent to digital marketing.

{[ { value: "10+", label: "Years in the field", size: 32 }, { value: "London, UK", label: "Available on-site, but relocation is also possible", size: 24 }, ].map(({ value, label, size }) => (
{value}
{label}
))}
{ e.currentTarget.style.opacity = "0.85"; e.currentTarget.style.transform = "translateY(-2px)"; }} onMouseLeave={e => { e.currentTarget.style.opacity = "1"; e.currentTarget.style.transform = "none"; }} > See what I do ↓ { e.currentTarget.style.borderColor = "var(--accent)"; e.currentTarget.style.color = "var(--accent)"; e.currentTarget.style.transform = "translateY(-2px)"; }} onMouseLeave={e => { e.currentTarget.style.borderColor = "var(--border)"; e.currentTarget.style.color = "var(--text)"; e.currentTarget.style.transform = "none"; }} > Get in touch →
); } // ─── TLDR SECTION ───────────────────────────────────────────────────────────── function TldrSection() { return (
tl;dr

If you have no marketing team,{" "} I can be a founding member alongside a paid traffic specialist, and we'll be able to run growth and experiments for a year or two before any more people need to be hired; if there is an already existing team, I'll be happy to either{" "} consult you or{" "} join your team as a contractor or full-time.

); } // ─── SECTION LABEL ──────────────────────────────────────────────────────────── function SectionLabel({ tag, children }) { return (
{tag}

{children}

); } // ─── WHAT I DO SECTION ──────────────────────────────────────────────────────── const SKILL_AREAS = [ { no: "01", title: "Landing pages", body: "I write copy and structure for landing pages, then build them in a landing page builder — making sure experiments are set up so we know when we get significant results, and that we're sure how to interpret them. AI speeds a lot of this up now, but you need to know how to guide it and what to look out for. I do. Some things still go faster without AI, and it helps to know when.", tools: ["Unbounce", "Instapage", "Tilda", "Squarespace", "Webflow", "Lovable", "Claude Code"], }, { no: "02", title: "Website development direction", body: "For complex websites, you need to structure information around who your audience is, how you expect them to discover the product, how you want them to use it, and how much you want to charge them for it. At ANNA, I direct a mixed team (design, front end & back end, SEO, copy) building a financial and tax tech product website in the UK. Every product is AI now — we started in 2017, so we mostly have an idea what we're doing.", tools: ["Cross-team direction", "Information architecture", "Design system constraints"], }, { no: "03", title: "AI workflows for web teams", body: "We built our own Claude workflow that lets marketers and product owners ship web pages and actual useful online tools — calculators, quizzes, tax-status checkers — without help from designers or developers, while staying inside the company's design system and main website's components. One person with Claude now ships in a day what previously took a designer, copywriter, and developer a full week.", tools: ["Claude", "Custom workflows", "Design system constraints"], }, { no: "04", title: "Blog & content direction", body: "We started building a blog in 2019 under my direction. It has grown into a full-blown media — attracting free search traffic, converting leads, and generating new content. Apart from directing development (priorities, CMS, design & tech backlog), I directed content production with in-house designers and copywriters, and established the publishing and distribution process.", tools: ["Editorial planning", "CMS strategy", "Distribution"], }, { no: "05", title: "Email automations", body: "In rapidly growing companies it's often required to use more than just one email or CRM system — relying on a single tool is usually not enough and possibly risky. The trick is to know what you actually need, why you set things up the way you do, and how to keep the business from depending too much on data stored in external services. I use these tools to nurture leads and send mass emails, but I integrate them with the actual data source on customers — which in many cases is the core of the business — kept separately.", tools: ["Intercom", "Mailchimp", "Hubspot", "Sendgrid", "Twilio", "Klaviyo"], }, { no: "06", title: "Web & app funnel analytics", body: "With everything above, it helps to know how to analyse what you've done: set up experiments, measure results, make sure they're reproducible, come up with more hypotheses, repeat. That takes statistics, critical thinking, and the technical expertise to set experiments up — tracking, conversion goals, the lot. LLMs help here too: Claude and Codex are great for spinning up dashboards to monitor results.", tools: ["Google Analytics", "Matomo", "Hotjar", "GTM", "Adjust"], }, ]; function WhatIDoSection() { return (
What I do
{SKILL_AREAS.map(area => ( ))}
); } function SkillRow({ no, title, body, tools }) { const [hover, setHover] = useState(false); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: "grid", gridTemplateColumns: "auto 1fr 1fr", gap: "clamp(20px, 4vw, 56px)", padding: "32px clamp(20px, 3vw, 40px)", background: hover ? "var(--bg-3)" : "var(--bg-2)", transition: "background 0.2s", }} className="skill-row" >
{no}

{title}

{body}

{tools.map(tool => ( {tool} ))}
); } // ─── PROJECTS SECTION ───────────────────────────────────────────────────────── const PROJECTS = [ { title: "Invoice Generator", href: "https://anna.money/free-tools/invoice-generator/", blurb: "A free tool with all the features competitors offer — only with better design and no ads. Attracts free search traffic that engages well, sending strong signals to search engines and attracting even more traffic. Bonus: people learn about ANNA, and some convert to paid customers.", tags: ["Free tools", "SEO", "Conversion"], }, { title: "Meeting Cost Calculator", href: "https://anna.money/free-tools/meeting-cost-calculator/", blurb: "A fun, useful tool that shows businesses how much their meetings cost them. Thanks to Claude, this whole project took about 3 hours of pure work — design to release — with no help from design or dev. Possible thanks to the Claude workflows we built earlier with the front-end team.", tags: ["Claude workflow", "3 hours", "Solo build"], }, { title: "Income Tax Calculator", href: "https://anna.money/free-tools/income-tax-calculator/", blurb: "One of the most successful tools SEO-wise — driving relevant, engaged traffic. Free-tools strategy at its purest: be genuinely useful, and the rankings follow.", tags: ["SEO", "High-traffic", "Engagement"], }, { title: "Work From Home Expenses Calculator", href: "https://anna.money/free-tools/work-from-home-expenses-calculator/", blurb: "Helps home-based business owners — freelancers, sole traders, smaller LTDs — calculate how much of their home expenses can be categorised as business expenses for tax reporting to HMRC.", tags: ["Domain-specific", "HMRC", "Tax tools"], }, { title: "ANNA Free Tools — full catalogue", href: "https://anna.money/free-tools", blurb: "All of them, made with one purpose: attract free search traffic, get people to spend time and engage, and eventually sign up. Even without sign-ups, the engaged traffic helps rank higher on Google for relevant queries.", tags: ["Catalogue", "Strategy"], }, { title: "Mystic Mog the Business Astrologist", href: "https://anna.money/blog/updates/meet-mystic-mog-annas-ai-cat-astrologist/", blurb: "Not very successful PR-wise, but fun. A quick internal hackathon project when ChatGPT 3.5 was released — start to public release in 24 hours.", tags: ["Hackathon", "24 hours", "GPT-3.5 era"], }, ]; function ProjectsSection() { return (
Selected projects

Some favorites from the work catalogue — built mostly under the free-tools-for-SEO thesis at ANNA, with a couple of quick experiments thrown in.

{PROJECTS.map(p => )}
); } function ProjectCard({ title, href, blurb, tags }) { const [hover, setHover] = useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: "flex", flexDirection: "column", gap: "16px", padding: "28px", background: hover ? "var(--bg-3)" : "var(--bg-2)", border: `1px solid ${hover ? "var(--accent)" : "var(--border)"}`, borderRadius: "var(--radius-md)", textDecoration: "none", color: "inherit", transition: "background 0.2s, border-color 0.2s, transform 0.2s", transform: hover ? "translateY(-2px)" : "none", position: "relative", overflow: "hidden", }} >

{title}

↗

{blurb}

{tags.map(t => ( {t} ))}
); } // ─── WHAT I DON'T DO SECTION ────────────────────────────────────────────────── const DONTS = [ { title: "Drive paid traffic", body: "Let's get a CPC specialist alongside me, and you'll have a full in-house marketing team for at least a year — depending on how fast you want to grow.", }, { title: "Detailed web design and design systems", body: "I have enough experience to start without a dedicated designer, but in the long run I work best in a small team that usually involves one. That said, even a basic version of brand guidelines is enough for a quick start.", }, { title: "Web development", body: "I know and regularly use basic HTML and CSS, but I've never been trained as a full-time developer. Any complex website will eventually need a dedicated developer. LLMs make things a bit easier and this can be postponed for a while — temporary workarounds exist.", }, ]; function DontsSection() { return (
What I don't do

Honesty first — these are the things you should hire someone else for.

{DONTS.map(d => (
×

{d.title}

{d.body}

))}
); } // ─── CONTACT SECTION ────────────────────────────────────────────────────────── function ContactSection() { const [sent, setSent] = useState(false); const [val, setVal] = useState({ email: "", msg: "" }); const inputStyle = { width: "100%", background: "var(--bg-3)", border: "1px solid var(--border)", borderRadius: "var(--radius-sm)", color: "var(--text)", fontFamily: "var(--font-mono)", fontSize: "13px", padding: "12px 16px", outline: "none", transition: "border-color 0.15s", }; return (
Want to talk?

Get in touch — describe what you need help with, share your existing website, or just say anything you'd like to provide details about.

Or connect and message me on{" "} LinkedIn ↗ .

{!sent ? (
{ e.preventDefault(); setSent(true); }} style={{ display: "flex", flexDirection: "column", gap: "16px", }}>
setVal(v => ({ ...v, email: e.target.value }))} required style={inputStyle} onFocus={e => e.target.style.borderColor = "var(--accent)"} onBlur={e => e.target.style.borderColor = "var(--border)"} />