Scientific Credibility
Design language that researchers trust
Modern Aesthetic
Distinctly contemporary visual approach
WebGL Visuals
3D protein structure visualizations
The Brief
Communicate cutting-edge science without alienating non-technical visitors. Helix, an AI-powered protein folding research platform, needed a landing page that would resonate with two very different audiences:- Researchers: Scientists who need to trust the platform’s credibility
- Investors: Business stakeholders who need to understand the opportunity
Design Approach
Visual Language
We developed a design system that bridges science and technology:- Color Palette: Deep blues and purples evoking molecular visualization software
- Typography: Clean, technical typefaces that feel at home in academic papers
- Imagery: Abstract 3D representations of protein structures
- Motion: Subtle animations that suggest molecular movement
Content Strategy
The page guides visitors through:- The Problem: Why protein folding matters for drug discovery
- The Solution: How AI accelerates the research process
- The Technology: Technical credibility without overwhelming jargon
- The Team: Scientific credentials that build trust
Technical Stack
React
Component architecture
TypeScript
Type-safe development
WebGL
3D visualizations
Three.js
3D rendering library
Next.js
React framework
Tailwind
Styling system
Key Features
Interactive Molecules
WebGL-powered protein structure viewer
Research Pipeline
Visual explanation of the AI workflow
Publication Feed
Latest research papers and findings
Team Profiles
Scientific credentials showcase
Client
Developed for Helix as their primary marketing presence.View on Contra
See the full project showcase