Framequality.com — our own website, rebuilt from scratch
How we replaced a WordPress one-pager with a fast, bilingual website in English and German: clear service pages, real imagery and a careful migration plan.
- Client
- Framequality
- Relationship
- Own website
- Year
- 2026
- Our role
- Concept, design, copywriting, development and migration planning — by Framequality
Services
- Information architecture
- UX and interface design
- Copywriting in English and German
- Web development
- Technical SEO
- Migration planning
Technologies
- Next.js (static generation)
- TypeScript
- Tailwind CSS
- next-intl (English and German)
- MDX content
- Playwright and axe-core tests
Challenge
The old site was a German WordPress one-pager with no dedicated service pages, theme demo content and three domains answering at once. It no longer showed how Framequality works today.
Solution
A new, bilingual website with its own page for every service, a clear structure for case studies and articles, real photos instead of stock imagery and a redirect plan for every old URL.
Outcome
A fast, accessible site in English and German that is ready to move to framequality.com. Every page is built and tested before the old site is switched off.
Framequality's website is our own project, not a client project. We show it because it is the clearest example of how we approach a relaunch: start with an honest audit, plan the structure, write the content, build it properly and protect what already works in search.
Where we started
The previous site ran on WordPress with a page builder and a purchased theme. It was a single German page with anchor links. Services existed only as five words in a tab list, theme demo content was still published, and framequality.de, .org and .com all answered with the same pages. None of that is unusual — but it made the site hard to find, hard to read and hard to maintain.
What we built
- A page for every service — websites, SEO, marketing, branding, photo and video, custom software and automation — each with its own goal, process and questions.
- English and German, side by side. Every page exists in both languages, with translated URLs and correct language signals for search engines.
- Real work, real people. The site shows real client projects and the founder behind them, instead of stock photos.
- Case studies and articles written in plain language, with no invented numbers or testimonials.
- A redirect for every old URL, so links and search rankings are carried over when the domain moves.
Design decisions
One message, one formula
The homepage tells one story: audit, growth plan, execution. Every section follows the same pattern — a short label, a heading and one line of text — so the page stays calm and easy to scan. Detail lives on the service pages, where people who want it will look for it.
Fast and accessible by default
Pages are generated ahead of time and served as plain HTML. Content stays readable without JavaScript, animations respect reduced-motion settings, and every page is checked with automated accessibility and end-to-end tests before it ships.
Privacy without a cookie wall
Every page can be read without accepting anything. Statistics only start after an explicit “Accept”, “Reject all” sits right next to it with the same weight, and the choice can be changed from every page. Fonts are self-hosted, and there are no advertising scripts.
What this means for clients
The same process — audit, structure, content, build, migration — is what we use for client relaunches. If your website no longer matches your business, we would be glad to show you how we would approach it.
