SerenX. Website design & development for defense tech

About

SerenX builds autonomous interceptors a single operator can carry and launch. SX-1 is an electric, hand-launched missile; SX-2 brings the same autonomy to a turbojet. Around them sits a software family: KALDREX for command, Primorex for targeting, Solundra for flight control and the Delvix API for plugging into any C2.

Defense Tech
2026
Product UX/UI Design
Website Design
Frontend Development
Website Development
SerenX home page approach – the missile that fits in a rucksack
No items found.

Challenge

SerenX came to us with two missiles, four software products and a new name, but no site that could explain any of it. The audience is defense buyers and investors: technical, skeptical and short on time. The site had to read as serious hardware rather than a startup landing page, and show products that are still partly in development without overselling them.

SerenX website loader and home page on mobile
SerenX website project timeline from kickoff to launch
No items found.

Solution

We built the site from scratch, from first concept to production code. Every page tells one story on scroll: the missile is drawn as a blueprint until the render takes over, and each app works like a live instrument, from the KALDREX map to the Primorex seeker HUD. We designed the missiles too. Four liveries for SX-1 and SX-2, from the signature orange to field colors, painted onto the 3D model and carried through the whole site.

SerenX SX-1 interceptor 3D renders
SerenX SX-1 interceptor blueprint drawing
No items found.
SerenX SX-1 hand-launched interceptor render
SerenX SX-2 turbojet interceptor render over mountains
No items found.
SerenX missile configurator on mobile
No items found.

Website development

Our team built the site in house with React, TypeScript and Vite. Scroll is driven by GSAP ScrollTrigger and Lenis, the missiles live in Three.js, and the halftone scenes run on WebGL. Media streams from Cloudflare R2, forms and security headers run on Netlify, and every page works on desktop, tablet and mobile. From kickoff on May 8 to launch on October 12, serenx.com went live in five months, and the repository and hosting were handed over to the client.

Scott Hasbrouck, Founder & CTO of SerenX – client testimonial
SerenX KALDREX command app on mobile
No items found.
SerenX Delvix API page for C2 integration
No items found.
SerenX Solundra flight control page on a desktop monitor
SerenX Solundra flight control loop interface
No items found.

Our design services and the industries we design for

1

Product UX/UI Design

Dashboard

Onboarding

Mobile

SaaS

MVP

Web Apps

Ply mobile app UX/UI design on a smartphone

Product design agency for SaaS and AI products. One senior team for UX research, UI design, design systems and front-end code. Awwwards jury-led.

2

Frontend Development

Frontend development

React / Next.js

TypeScript

Design systems

Responsive

Product UI

Bravo1Alpha website built with React – frontend development case

Frontend development services in React, Next.js and TypeScript. A UI engineering team that designs and builds interfaces, design systems and 3D.

3

Website Design

Corporate websites

Landing pages

UX/UI

Motion design

Premium look

High conversion

Procamp website design on a tablet

Award-winning website design agency for SaaS, AI and tech brands: 18 Awwwards, 60+ design awards, and sites built to convert.

4

Brand Identity Design

Logo

Branding

Motion

Deck

Visual identity

Guidelines

Procamp branded tote bag – brand identity design

Brand identity design services for tech companies: logo systems, visual languages and guidelines that carry into your website and product. Red Dot winner.

4

Website Development

Webflow

WordPress

React / Next.js

CMS

SEO-ready

Animation

Website Development by Cosmos Studio

Website development services on Webflow, WordPress, React, and Next.js. One team designs and builds your site, with SEO and CMS set up.

5

Webflow Development

Webflow

Figma to Webflow

CMS

Interactions

SEO

Migration

Webflow Development by Cosmos Studio

Webflow development agency for SaaS and tech companies. Custom builds, a CMS your team can edit, and migrations with 301 redirects.

6

Web App Development

Web apps

SaaS

MVP

React / Next.js

Dashboards

Platforms

Web App Development by Cosmos Studio

Web app development company for SaaS and AI products: product design plus React and Next.js front ends from one senior team.

7

Mobile App Design

iOS

Android

Mobile UX

Onboarding

Prototyping

Design system

Mobile App Design by Cosmos Studio

Mobile app design agency for iOS and Android startups. Research, UX flows, UI, and design systems by a senior team, with MVP design in 6–8 weeks.

8

UX Audit

UX audit

Conversion

Retention

Usability

Accessibility

Analytics

UX Audit by Cosmos Studio

UX audit services for SaaS products and websites. Senior designers find where users get stuck and rank every fix by impact. Results in 1–2 weeks.

1

Defense Tech

Branding

Visual Identity

Logo

Motion

Pitch Deck

Guidelines

Bravo1Alpha defense tech website – Operational intelligence, delivered instantly

Military and defense UI/UX design services for GEOINT, ISR, counter-UAS, and C2 products. One senior team from research to production, under NDA.

2

Gaming

UI/UX Design

Onboarding

Mobile

Web App

MVP

Plarium game studio website with a Viking character

Gaming website design agency for game studios: career and launch sites, player UX, 3D, and motion, built in Next.js. See the Plarium case.

3

EdTech

Landing Page

Corporate Website

AI-powered

Premium look

High conversion

EdCamp education website – We unite educators and help them grow

EdTech design agency for learning platforms, LMSs, and education websites, with clear flows for students, teachers, and admins. Senior team, 60+ awards.

4

SaaS

Dashboard

Web App

Onboarding

AI-powered

SaaS

MVP

Loamly AI CRM on a tablet – SaaS case

SaaS UI/UX design agency for B2B platforms and AI products: onboarding, dashboards, design systems and marketing sites that improve activation.

5

MedTech

Web App

Dashboard

Mobile

Data Visualization

UX Research

Umami View omnichannel SaaS platform for opticians

Healthcare UX design agency for MedTech: clinical desktop tools, patient apps, and health websites, designed by a senior team led by an Awwwards juror.

6

Web3

NFT

Crypto

Landing page

DEX

Web app

Mobile app

Mad Dogs NFT collection website – Web3 case

Web3 design agency for crypto, DeFi, and NFT projects: staking flows newcomers understand, launch websites, brands, and characters.

7

AI Products

AI Platforms

Generative AI

AI Assistants

Machine Learning

AI Automation

‍

SoloChat AI assistant app brand visual

AI product design agency for assistants, agents, and AI-native SaaS. One senior team for AI UX, UI, and front-end code, led by an Awwwards jury member.

8

Manufacturing

Industrial Software

Manufacturing Platforms

Production Management

Manufacturing software case by Cosmos Studio

We design digital products for manufacturing teams, turning complex operations, data, and workflows into clear, efficient interfaces

9

Wellness

Fitness Apps

Sports Platforms

Wellness Products

Health Tracking

Remroom sleep tech brand identity by Cosmos Studio

Health and wellness website design agency for wellness brands, apps, and subscription e-commerce. Brand, UX, UI, and code from one senior team.

10

Other

Digital agency

Corporate website

Landing Page

‍

Seatwiz branding on a stadium screen – hospitality and travel case

We design and develop websites and applications for various industries and types of businesses

10

Nonprofit

Nonprofit website

NGO

Campaign site

Donations

Storytelling

WordPress

Sirius animal shelter website by Cosmos Studio

Nonprofit web design agency for NGOs, charities, and awareness campaigns. Short donation and adoption flows and a CMS your team can edit.

11

B2B Services

Corporate website

B2B

IT services

Rebranding

Lead generation

WordPress

Simply Contact corporate website by Cosmos Studio

B2B website design agency for IT, cybersecurity, outsourcing, and professional services firms. Positioning, design, and development by one senior team.

12

Hospitality and Travel

Brand identity

Hospitality

Travel

Private club

Hotel

Website

The 23 private members club brand identity by Cosmos Studio

Hospitality branding agency for hotels, private clubs, and travel platforms. Brand identity, booking-ready websites, and print from one senior team.

lET'S TALK

Start your project with Cosmos™

Drop us a message, Anna reviews every brief personally and gets back to you within one business day. From there it's simple: we align on scope, sign the contract, and book your start date. Fast, clear, no back-and-forth.

Thank you
Your submission has been received!
Oops! Something went wrong while submitting the form.