Files
mintel.me/apps/web/plans/freelance-relaunch.md
T
mmintelandClaude Opus 5.5 710d3d06e6
Build & Deploy / 🔔 Notify (push) Successful in 2s
Build & Deploy / 🔍 Prepare (push) Successful in 4s
Build & Deploy / 🏗️ Build (push) Successful in 7m6s
Build & Deploy / 🚀 Deploy (push) Successful in 21s
Build & Deploy / 🩺 Smoke Test (push) Successful in 4s
feat: remote without fixed office hours, said on the freelance page
The site said "available during European business hours". That is not how
the owner works: he works from wherever he is and plans his own time;
meetings can be arranged, all-day availability cannot. The freelance page
now says so in its booking section, and the homepage answer on how to reach
him no longer promises business hours.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-05 12:45:18 +02:00

140 lines
12 KiB
Markdown

# mintel.me relaunch concept: freelance engineer site
Scope: this website, plus the videos made from it (`apps/video`, see section 6). Goal: a visitor understands
what I sell within 10 seconds and writes an email within 2 minutes. Low sales overhead, more bookable hours.
Status note: sections 3 to 6 describe the site as built. Sections 2 and 9 are kept as history and are marked as such.
## 1. Positioning
**The senior developer who builds web apps and websites that keep working.**
"Senior developer for web apps, interfaces and websites. You talk to me directly, you see progress every week, and what I build holds up when it grows."
### Copy rules for everything a client can read (owner decision)
- **Never mention AI as my own tool.** How I work is none of the client's business: no "AI-built", "AI-accelerated", "AI-code rescue", no FAQ about AI tools. The one exception is the automation service, where AI steps are part of what the client gets (sorting, summarising, reading documents).
- **Modest and factual.** No promises I have not made (response times, weekly updates, start dates, search ranking). Only state what the owner confirmed. No superlatives.
- **No internal method vocabulary** on client-facing pages: no specs, TDD, mutation testing, coverage, pull requests. Translate into what the client gets: changes do not break things, predictable cost.
- Do not say: "everything", "fullstack for anyone", "vibe coding". No location or tax talk; say "remote". Not "available during European business hours" (owner, 2026-10-05): he works as a digital nomad without fixed hours; meetings can be arranged, all-day availability cannot. This is said on the freelance page only.
- Pick the visitor up: introduce me first, then let them choose their need (developer for a product, make an app reliable, just a website), then explain for that need what they get, how it runs, what it costs.
- Language (owner decision, 2026-10-04): German is the main language at the root, English lives under `/en`. The language is detected from the browser and can be switched in the header. The videos and their post texts exist in both languages too (`apps/video/src/content/videos.ts`).
### Audiences (priority order)
1. Startups and founders (DACH/EU) who built with AI and now need it stable and extended.
2. Agencies with overflow capacity (recurring blocks; my team-lead and agency background is the argument).
3. Web3 teams (frontends, dashboards, wallet flows, WebSockets).
### What I offer / do not offer
- Offer: websites and web apps (Next.js/TypeScript, strong design), light backend (APIs, auth, integrations), CLI tools and automation, AI agents/MCP servers, architecture and code review, the spec/test/mutation process for teams, Web3 frontends. macOS apps on request only.
- Do not offer (state it plainly): Windows apps, mobile apps, running client infrastructure, database-heavy work, email/DNS administration.
## 2. Differentiator: verified AI speed (internal, not shown on the site)
This is how the work is done. Under the copy rules above none of it appears in client-facing copy, and the pages
named below (`/process`, the sample report) were not built: the site is one page (section 3).
Anyone can generate code. The scarce thing is code that survives production.
Spec first -> red -> green -> refactor -> mutation check on changed code -> coverage as gap finder -> a delivery report with exact commands and results on every PR.
Site treatment:
- "How I ship" on the homepage plus `/process` with one real example report ("N cases, N mutants caught, changed lines X%").
- A downloadable sample delivery report.
- Evidence uses measured numbers only. Never claim: "100% coverage" (flash-loans measures 87.5%), "property-tested" (none found), or mutation scores that have not been run in full.
## 3. Site structure (owner decision: one page)
Everything is on the homepage. The header has the logo and one button ("Get in touch") that jumps to the contact section. Contact is the address hello@mintel.me: the owner rejected a calendar integration as unnecessary. No `/about`, `/process`, `/notes` or `/book`.
1. **Hero:** headline "WEB APPS / & WEBSITES." (says what I do; "Ship fast. Break nothing." was rejected as unclear), availability, one button.
2. **Hello:** portrait fading out of a dark surface with the introduction set over it, then the career line.
3. **Services, four typical cases:** developer for a product, make an app reliable, automate a process, just a website. Each case explains what you get, how it runs (four steps with an animated drawing each), what it costs.
4. **Technology:** which projects I am right for (good fit / also possible / not my field), what I work with, and an illustrated explanation of why I test my work (no code).
5. **Working with me:** one contact (diagram) and four plain principles.
6. **My work:** live previews of klz-cables.com and e-tib.com (both cleared by the owner).
7. **Questions**, then the closing call to action.
The old site (`/blog`, `/case-studies`, `/contact`, `/websites`, `/technologies`, `/tags`) is deleted, together with its content, tooling and the code only it used. Its URLs redirect to `/`. Legal pages: `/imprint` and `/privacy` (owner details taken from the old terms document; the privacy text is a draft from what the code actually processes and has not been checked by a lawyer).
## 4. Design
- Light, the original look of the site: white, oversized type, binary texture, one accent (the yellow marker).
- The hero headline is built from running binary digits ("WEB APPS / & WEBSITES."). The owner approved the design: do not change it.
- One left axis for logo, navigation and content. No sidebars. Few sections, each with one job.
- No availability line and no booking bar: both were dropped with the calendar. The hero shows two facts instead (15 years in web; remote, EU core hours).
- Dark surfaces carry light: `BitAura` (light along an edge, digits drifting off it), `BitSeam` (lit top edge of a dark section) and `BitGlow` (light following the pointer on `data-glow` surfaces, including the dark button).
## 5. Offers and pricing
### Pricing per case (owner decision: hour packages like 15 vs 20 h are meaningless to buyers)
| Case | Model | Shown on the site |
| :---------------------- | :----------------------------------- | :---------------------------------------------------------------------------------------------- |
| Developer for a product | By effort, on agreed days per week | 100 EUR/hour, 800 EUR/day, net; two weeks notice to month end |
| Make an app reliable | Fixed week | 3,500 EUR for 35 hours (derived from the rate, not yet confirmed) |
| Automate a process | Estimate, then a budget | 100 EUR/hour; no price before the process has been seen |
| Website | Estimate, then a budget (contingent) | from 3,800 EUR; extras at 100 EUR/hour; monthly fee for hosting agreed up front (no amount yet) |
The hourly rate is public now. Rate: 100 EUR/h. DACH freelancer average is about 103 EUR/h (freelancermap Freelancer-Kompass 2026).
### Entry offer: make an app reliable (1 week, 35 h; internal name "rescue")
Audit of an AI-built codebase, test foundation, mutation baseline, prioritized report. Easy to buy, converts into a block.
### Website sprint plus subscription (for clients who want zero involvement)
- Sprint: time-boxed package (example 40 h, 3,800 EUR) with a clear scope list. Extra work is a follow-up block, not open scope. 50% at start, 50% at launch.
- Site: static Next.js, no CMS, no server, no database.
- Care after the launch (owner decision 2026-10-05, replaces the managed-platform idea): one offer,
"Betreuung", 89 EUR per month net, cancel monthly. Hosting on the owner's own servers in Germany (EU
hosting matters to German clients; no Vercel or Cloudflare), domain, security and updates, and small
changes by email (a text, a picture, opening hours; internally about 30 minutes a month). No CMS and no
login for the client. The first three months are included in the project price. Anything bigger (a new
page, a new feature) gets a price first. Reply within two working days, no on-call. The client can leave
and take everything along.
- Larger clients: the same care with all non-editorial changes included, about 250 EUR per month (one
existing client pays 3,000 EUR a year). Offered in the quote, not listed on the website.
- CMS only as an exception and at extra cost (file-based first; Payload only when the site lives on
maintained data such as a product catalogue).
- Operations: serve client sites as static files from one shared web server, not one container per client.
- Not on the website yet: "green hosting". The owner wants it as an argument; state it only once the
provider's proof (renewable energy) is at hand.
- Changes: by email or message, no CMS training.
- Domain: client is the registrant; transfer-out and source handover on request.
- **Email and DNS are out of scope.** Never switch nameservers. Only the two records `A/CNAME` for apex and `www` are changed, after exporting the existing records, and mail delivery is checked afterwards. Mailboxes stay with the client's provider.
- No SLA, no on-call; changes within 2 business days. Cap the number of subscription clients (for example 10) to protect bookable hours.
- Open decision: offer the subscription, or only handover plus 14 days of bug fixes.
## 6. Getting clients (low effort first)
1. Own network: former colleagues from i22, Trusted Shops, sdox.io, Sevenval. Ten personal messages.
2. LinkedIn first; plan, rhythm and measures in `plans/content-strategy.md`. A set of short looping videos, one per service, with post texts in English and German, is produced in `apps/video` (`node scripts/export.ts` writes `out/library`).
3. Google Ads for German clients: search campaigns for "website" and "automation". Concept, ad texts and open prerequisites in `plans/google-ads.md`.
4. Platforms (freelancermap, freelance.de, Web3 job boards) as a secondary channel.
4. Direct outreach: 10 targeted messages a week with one template.
5. Testimonials: one line each from existing clients.
## 7. Proof usable on the site (measured facts only)
- Liquidation system: 7 chains, Rust plus Solidity, 1,339 commits since 2026-09-16, 6,365 test markers, mutation gate with zero-survivor policy, coverage ratchet (badge 87.5%). Revenue to date is 0 EUR; show engineering and architecture only, no profit claims, no strategy details.
- Trading engine: spec-first structure, functional-style gates with self-test.
- Live references: klz-cables.com, e-tib.com.
- Still to measure before quoting: full mutation run and real coverage on the main system.
## 8. Risks for the site itself
- This repo currently has no tests and tracked tmp/log files in the root. The rigor pitch needs a tested site: spec tests for availability logic, booking flow and redirects, plus a CI gate.
- Impressum needs a serviceable address (DDG section 5); settle it with a tax advisor. Do not publish tax, visa or payment-provider details.
- Scheinselbststaendigkeit: prefer 15-20 h blocks over one client at 35-40 h.
## 9. Implementation order (history: superseded by the one-page site in section 3)
1. Cal.com event and `/book`.
2. Spec tests for availability and redirects, then new hero, nav and offers; remove old SMB sections.
3. `/process` with the sample report.
4. First two notes with diagrams.
5. English copy pass, then `/de`; SEO/OG basics; redirect `/websites` to `/`.