websites
Anyone can launch a website. Making people believe it is the hard part. We start with your brand and the people it has to convince. Then we build the site that tells one story on every page, and that AI answer engines can quote.
Send us your URL. Our strategy team takes a first look and shares custom insights, drawn from our industry expertise. No form. No cost.
clients
From boutique labels and rising start-ups to global brands.
We believe an innovative mind is shaped by breaking out of a single perspective. That’s why we love working with clients from early stage to late stage.
- Namilia
- Adidas
- Fermentbites
- Chanel
- Yachtdrop
- Mercedes
- Blue Farm
- Vogue
- Kiko Kosmotics
- eBay
- Aesop
- Webflow Enterprise Partner
- Sanity Partner
- Vercel Partner
- Claude Partner Network
- OpenAI Partner Network
About
Rooftop is a strategy, design and engineering studio in Berlin and San Francisco. We sharpen what your brand has to say, then design and build the website that says it. Small, senior, independent. The people you meet are the people who do the work: one senior team from the first thought on, and nobody hands you over. Less friction, less overhead, a stronger outcome.
- Webflow Enterprise Partner
- Sanity Partner
- Vercel Partner
- Claude Partner Network
- OpenAI Partner Network
Building the best website.
A website launches once. It has to convince every day after. What decides whether it works isn’t the relaunch. It’s the depth of positioning, content, behaviour, culture, design, performance and tech that sets you apart. So we build every site in one holistic workflow of five movements. The first one is always Think, and it brings all disciplines together.
-
1Think
It starts with what no brief can hold.
You arrive with a brief, a deadline and ten stakeholders who each know what the site should say. We start with what no brief can hold: your brand, the people it has to convince, and what would make them believe it for years.
- Strategic instinct
- Brand & audience understanding
- Visual & typographic direction
- Experience principles
- Stack intuition
- The idea, written and drawn
- Strategic instinct
- Brand & audience understanding
- Visual & typographic direction
- Experience principles
- Stack intuition
- The idea, written and drawn
-
2re:think
Then we re:think it against everything that can be measured.
A vision, the result of Think, waiting to be proven. Before we design a single page, we test it against reality: positioning, messaging hierarchy, audiences and channels, content operations, technical strategy, KPIs and budget, each done by a specialist.
- Positioning & brand narrative
- Communication architecture & messaging hierarchy
- Audience, channel & content strategy
- Information architecture
- Technical strategy: stack, CMS, hosting, integrations
- KPIs, budget & measurement plan
- Positioning & brand narrative
- Communication architecture & messaging hierarchy
- Audience, channel & content strategy
- Information architecture
- Technical strategy: stack, CMS, hosting, integrations
- KPIs, budget & measurement plan
-
3Craft
Then we make it real enough to argue about.
Within 3 weeks, the same team that shaped and validated your vision starts crafting your site. Every design decision is rooted in a strategic foundation backed by numbers, engineered to communicate your DNA and your site KPIs, not to decorate.
- UX & interaction concept
- Design system
- Editorial design & art direction
- Motion signature
- Copy & content design
- Prototype, tested with real users
- UX & interaction concept
- Design system
- Editorial design & art direction
- Motion signature
- Copy & content design
- Prototype, tested with real users
-
4Build
Then the same people build it.
No handover. The team that thinks, decides and designs also builds the site: headless with visual editing where your content operation is complex, Webflow or Framer where your marketing team needs speed, decided in re:think with reasons.
- Headless build with visual editing (Next.js/Astro + Sanity/Storyblok/Payload)
- Webflow / Framer track
- Performance & Core Web Vitals
- Accessibility WCAG 2.1 AA / BFSG
- Structured data & agent-ready semantics
- Privacy-clean tracking, QA & editor onboarding
- Headless build with visual editing (Next.js/Astro + Sanity/Storyblok/Payload)
- Webflow / Framer track
- Performance & Core Web Vitals
- Accessibility WCAG 2.1 AA / BFSG
- Structured data & agent-ready semantics
- Privacy-clean tracking, QA & editor onboarding
-
5Run
Launch is where it starts paying off.
Most agencies leave at launch. We stay, if you want us to.
- Continuous Partnership (phase-based, cancellable)
- Design system ops & adoption
- Content & campaign pages
- Conversion & experimentation
- AI visibility (GEO) monitoring
- Accessibility & privacy monitoring
- Continuous Partnership (phase-based, cancellable)
- Design system ops & adoption
- Content & campaign pages
- Conversion & experimentation
- AI visibility (GEO) monitoring
- Accessibility & privacy monitoring
When a brand truly connects with its audience, it creates an emotional bond. That bond is the bedrock for growth. Combining it with the cutting-edge technical experience from our custom projects is what we stand for.
What you can hold us to
- ①We don’t hand you books full of theoretical strategy. We create a vision rooted in the real market, starting with clarity, creativity and confidence rather than complex methodology nobody cares about.
- ②One team from first thought to running site. We are a focused team by design: no key-account overhead, no passing you from junior to junior. Senior and managing partners, from the first hello to the launch party.
- ③An end-game goal and a prototype you can click through and experience within 4 weeks.
- ④Decisions every week. No reveal meetings.
- ⑤Custom by design. Built around your brand. No copy and paste, nothing off the shelf.
- ⑥Not a match for how you work? Cancel in any phase. No retainer, no lock-in contracts, and every phase is designed to be handed over. Because we believe the best partnerships are built on freedom, not on locked-in retainers.
- ⑦We build custom products as well, which gives you a Silicon Valley perspective on the web that template shops don’t have, and a breadth of experience traditional agencies can’t match.
two readers, one site
Your next reader might be a machine.
Since 2025, the answer engines read your site for the customer: ChatGPT, Perplexity, Google’s AI Mode. Someone asks which studio to trust with a relaunch; a model reads, compares and recommends. Whether it recommends you has little to do with your visuals. It comes down to your structure and your words.
What changed
-
~60 %
of searches end without a click. The answer engines read your site so your customer doesn’t have to.
-
7.4 %
of 50,000 German websites meet the accessibility law that has applied since June 2025. A warning letter costs 3,500–20,000 €.
-
Aug 2026
since then, assistants must disclose that they’re machines and generated media must carry machine-readable labels.
The website doesn’t go away. It becomes the one place a model can’t replace: your brand, your voice. Two readers, one site: the pages for people, the structure for machines.
Every new trend brings out new experts, including some who have never shipped a site. We’d rather bring clarity: a first read of your site is free, and it’s honest.
talk
Send us your URL. Our strategy team takes a first look at what your site says, how it performs and whether machines can read it, then tells you where the story is getting lost.
Ask us anything ↗