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
Logicc website, designed and developed by INSYNC
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
All features in one central access point

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.

Stored in Germany, processed in the EU

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.

Solutions by industry

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
Integrations, security and API

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
Case studies and key figures

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.

Logicc mobile: home page
Logicc mobile: platform
Logicc mobile: data protection in the EU

Metrics

Measured with Google PageSpeed Insights on October 21, 2026. View report

Mobile
Main content load time2.2 s
Accessibility97
Best practices92
SEO92
Desktop
Core Web Vitalspassed
Main content load time1.9 s
Accessibility97
Best practices92
SEO92

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.

Intro call with MaxMax Herzer · Consultant & Business Development30 minutes · Video call
Mon
Tue
Wed
Thu
Fri
Slot reserved.

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
Let's talk about your projectWe'll get back to you within 24 hours