Case studiesLogicc
308 pages for AI with confidential data.
Logicc from Hamburg offers an AI platform for regulated industries such as law firms, healthcare, public authorities and financial service providers.
logicc.com
- 308
- Pages in six languages
- 175
- old URLs carried over via redirects
- 50 s
- Motion reel in the hero, with its own version in every language
The starting point
Logicc brings the leading AI models together in one platform for teams that work with confidential data. Chats and files are stored in Germany, and AI processing runs in the EU. Its customers are law firms, medical practices and clinics, public authorities and financial service providers.
This audience is cautious. Before anyone talks about features, they want to know where their data is stored, which model provider sees it and who is liable. The website had to answer these questions before they were asked. And it still had to stay simple, for people with little experience with AI.
On top of that came the old website: six languages, 175 URLs, running ads on many of them and legal texts linked in the sign-up process. None of it could be lost in the move.
Three paths to customers
Logicc wins customers in three ways, and every page had to lead to the right one.
- 7-day free trial, right in the app
- the free AI office hours, live every week
- a personal demo for larger teams

Concept and structure
Platform, industries, security
The navigation follows visitors' questions: What can the platform do, what does it bring to my industry, how secure is it. Every mega menu shows a focus card on the right, such as the product tour or the next AI office hours.
Under Platform there are six pages: Chat and documents, AI assistants, Integrations, Premium integrations, API and AI models. Plus pricing with a comparison matrix and ROI calculator, an Enterprise page, case studies, About, Careers and Contact.
Four industries, each its own funnel
Law firms, healthcare, the public sector and financial service providers each have their own page. This is where most ad traffic lands, so every industry page is a complete funnel: benefits, daily work, objections, security, case study, close. The framework is the same, while the imagery and examples are specific to each industry.
Each industry also has its own security page for its legal situation, and 15 use cases show concrete tasks, from the doctor's letter to the official notice.
- Law firms and § 203 StGB
- Healthcare and Art. 9 GDPR
- Public authorities and social data
- Financial service providers and DORA
Security and Trust Center on one page
At Logicc, security and the Trust Center are deliberately one page. Anyone preparing an approval finds everything in one place: certifications, the path of the data on a map of Europe, measures, service providers, the agreement under § 203 StGB, documents and questions.
The DPA, TOMs and the § 203 agreement are available as PDFs. The PDFs are regenerated with every build from the same data as the page, in every language. That way the page and the download can never drift apart.
Demo booking with a clear fork
The demo page shows the product tour as a video at the top, then case studies and the Cal.eu booking form, a separate one for each language. Anyone inquiring for fewer than 20 people is offered the right path right away: the AI office hours or the free trial.
The office hours are offered in German and Italian. In the other languages, they disappear from the menu, footer and copy, and their URL leads to the demo.

Design and hero
A hero that gets straight to it
The home page opens with “Your AI for confidential data.” and an email field that leads straight to sign-up. Next to it runs a motion reel that shows the platform in a single pass.
The motion reel
We built the reel in code: the interface is recreated in HTML, a GSAP timeline controls every movement, and it is rendered frame by frame. That keeps every version sharp and lets it be translated text by text.
The story in 50 seconds: the dashboard opens, a question is typed, a confidential document is protected, a model is chosen, the result appears. Then it moves through assistants and integrations, and at the end a lock pulls every element into itself and the loop starts again.
Every language has its own video with its own poster image, each around 3 MB, muted and on autoplay.
Visuals that show something
The tiles in the platform sections show small glass interfaces that animate with real content: text gets typed, lists fill up, checkmarks appear. Nothing just floats. On the industry pages, we combine sharp photos from daily work with a UI card so each industry gets its own image.
Tested mobile first
A large share of visitors come on mobile. On the phone, the menu opens full screen with sub-panels, tables can be swiped, and the pricing comparison shows two plans side by side to choose from. We tested every page between 360 and 1440 pixels wide with no horizontal scrolling.
Logo and brand kit
We reset the wordmark and put it on a grid, while the symbol deliberately stayed unchanged. Under /brand there is a public brand kit with logo variants, colors, typography, imagery, usage examples and downloads as SVG and PNG.

Tech and maintenance
Static, fast, secured
The website is built with Astro and delivered statically, hosted on Vercel. Logicc sells security, so we hardened the website itself to match.
- Security headers on every page, including nosniff, X-Frame-Options, Referrer-Policy, Permissions-Policy and HSTS
- Content Security Policy that reports every unapproved service
- security.txt with contact address
- structured data escaped so content from the CMS cannot inject scripts
- Contact form with honeypot and time lock, sent via Brevo
Six languages from one source
German is the base version. English, French, Italian, Dutch and Spanish are generated in the build from the German pages, with 2,740 translation units per language. Text in graphics, code examples and sample companies in the mockups are translated too.
Every language version has hreflang, a canonical and its own structured data. On the first visit to the home page, the site picks the language based on the browser, and the language switcher remembers the choice.
Maintained in Sanity, with no visible change
In the second step, we moved the entire website to Sanity: all page copy, navigation, footer, SEO settings as well as integrations, AI models, use cases, team, customer logos, case studies and job openings, each in all six languages.
Before the move, we compared the build against the live version. All 315 built pages were HTML-identical in every language, and the 56 German pages were pixel-identical in screenshots on desktop and mobile, except for the animated graphics.
Campaign pages, built in-house
For paid campaigns, we built Logicc its own page builder. The marketing team assembles landing pages by drag and drop from more than 30 of the website's building blocks and publishes them with one click at www.logicc.com/lp.
- Login via magic link for approved addresses
- Preview links for drafts and version history
- Variants for A/B tests with their own ID in tracking
- Pages without navigation for funnels and a sticky CTA for mobile and desktop

SEO and launch
No URL gets lost
We checked all 175 URLs from the old sitemap and redirected them to the new pages, including versions with a trailing slash. On top of that came the targets of the running Google ads, such as old industry pages in every language. Click IDs and UTM parameters are preserved through the redirect.
logicc.ai and logicc.de now also lead to www.logicc.com. We carried over the legal texts from the old version with their structure and tables, and their old URLs redirect.
Technical SEO
- a unique title and description for each page, in all languages
- structured data for organization, website, breadcrumbs, FAQ and pricing
- Sitemap with all language versions
- robots.txt allowing AI crawlers and an llms.txt with a short profile and all main pages
- Preview URLs set to noindex, custom 404 page

The result
The new website has been live at www.logicc.com since October 2, 2026. The sitemap covers 308 pages in six languages, with four industry funnels, dedicated security pages per industry and a path to the demo on every page.
Since then, Logicc maintains copy, integrations, team and case studies itself in Sanity, and campaign pages are built in its own page builder without going through us.
Mobile
This is how the website looks on a smartphone.



Metrics
Measured with Google PageSpeed Insights on October 21, 2026. View report
- Mobile
- Desktop
Project details
- Client
- Logicc GmbH
- Industry
- Software & IT
- Year
- 2026
- Services
- UI/UX design, development, motion design, multilingual setup, CMS integration with Sanity, technical SEO, brand kit
- Technology
- Astro, Sanity, GSAP, Vercel
Your project next?
30 minutes, no sales pressure. You tell us what you have in mind. We'll tell you straight away whether we're the right partner and what it costs.
Wednesday, 10:30 to 11:00 AM
One more step: tell us briefly what it is about. Then Max will confirm and send you the link.Continue to inquiry






