VITON13MEDICINE: a concept site for a fictional AI drug-discovery biotech

VITON¹³ built this concept to show how the studio would present a science company: a fictional biotech that uses AI to discover drug candidates, with an AI team in Lisbon and a wet lab in Basel. The site had to explain two technology platforms, a research pipeline, open roles and a blog to a reader who knows the field, without overstating anything.

Medicine raises the stakes for copy. Every programme on the site is fictional and preclinical, and no sentence may read as a health or efficacy claim. The site therefore needed a clear notice that the company is fictional and that nothing on it is medical advice.

11 pages: Home, Platforms, Pipeline, About, Careers, Blog, a post template, Contact, Privacy, Terms and a 404. The home page opens with a 3D molecule drawn on canvas that the visitor can drag, followed by a history timeline of six milestones from 1928 to 2024 and an investors counter.

Platforms presents the two fictional platforms, one for small molecules and one for protein therapeutics, each with a problem, a solution and a design-make-test-learn loop. Pipeline shows five preclinical programmes in a table whose progress bars run across five discovery stages. Careers lists six open roles as an accordion, and the application form opens with the chosen role already selected. The blog has four posts with a category filter and article pages; Contact has an enquiry form. The footer of every page says the company is fictional and the site is not medical advice.

The first thing a visitor meets is the molecule: once dragged, it keeps turning with inertia, tilts towards the cursor and refits its camera to stay in frame. Further down, the timeline pins and moves sideways while a DNA helix draws itself in step with the scroll; on phones it becomes a vertical list. The key path runs from Platforms to Pipeline to a blog post.

Headlines rise line by line, images unmask with a clip-path and drift in parallax, pages change behind a curtain, and a custom cursor shows Drag, Read and Next labels. Underneath is plain HTML, CSS and JavaScript with no build step: one shared script renders the header, footer and overlays so every page stays identical, GSAP with ScrollTrigger and Lenis handle motion and scrolling, and the molecule and helix are drawn on canvas without a 3D library. Nothing typed into the forms is sent anywhere.

The concept exists as 11 working pages in English. On 22 September 2026 Lighthouse measured the home page at 0.5 MB in 19 requests, the lightest of the seven VITON¹³ concept sites measured that day. With mobile throttling it scored 75 for performance, with LCP at 4.3 s and CLS 0; on desktop it scored 99, with LCP at 0.6 s and CLS 0.021. Best practices scored 100 on both, with no third-party video loaded during the test, and SEO scored 100 on both.

Accessibility is the weak spot: 88 on mobile and 87 on desktop, because some text is too low in contrast and the headings are not in order. Across the 10 pages checked (all but the 404), all 10 have unique titles and one H1, every image has alt text and no internal link is broken.

This is a concept built by VITON¹³ to show range, not a commissioned project. The company, its platforms, programmes, investors, people and addresses are fictional. It has no domain, no visitors, no search traffic and no sales, and the images are licensed stock photography and video from Unsplash and Pexels.

The programmes are invented and preclinical; nothing on the site is evidence about a real medicine or medical advice, and the site says so itself. The Lighthouse scores are lab measurements of the home page on one day, not data from real visitors, and a Lighthouse SEO score of 100 covers the basics only: canonical URLs, Open Graph, JSON-LD and sitemap.xml are still missing.

How to check a web studio’s portfolio →