Added a new defense-tech product page in Framer with custom visuals and clear messaging, completed fast and fully integrated into their existing website.
Nokturnal AI – Framer Product Page & Custom Assets
Nokturnal AI is a California-based defense technology company developing advanced autonomous systems. They already had a full website in place, but needed a brand-consistent new product page—complete with visuals, copy, and UI updates—built fast. The new page would be used to present one of their systems to key partners and decision-makers, meaning accuracy, clarity, and speed were essential.
Nokturnal AI NIGHTMARE page
The Challenge
The team needed a new product section added to their existing Framer site, integrated into the navigation, and supported by high-quality product visuals. Their challenge was that they had very limited imagery of the system and only a one-day deadline to go live. The page needed to match the design language of the existing site while elevating the product’s presentation beyond what their assets allowed.
This required fast execution, strong design judgment, and high sensitivity to defense-tech communication standards.
My Role
I worked as Framer Developer & Visual Designer, handling:
New product page design & development
Custom asset creation to replace low-quality product imagery
Copy refinement based on their technical notes
Navigation updates & page integration
Minor improvements across other areas of the website
All executed within a one-day turnaround.
Asset created with AI and Photoshop
Process & Approach
I analyzed their existing system pages and matched the tone, spacing, hierarchy, and visual language already established. From there, I created a new layout designed to showcase the system clearly and credibly—while following defense-tech communication norms: measured headlines, clean structure, visual clarity, and no unnecessary hype.
Key decisions:
custom high-clarity product assets to compensate for limited imagery
consistent UI patterns to blend seamlessly with the existing site
fast, clean Framer implementation to meet the deadline
ensuring the page was scalable for future updates
Outcome
The team successfully presented the product to the partners they needed, with a polished and professional page that elevated the system beyond what their raw assets allowed. They were especially happy with the custom visuals, which significantly improved how the system appeared. After launch, they requested further enhancements across the rest of the site.
This project shows my ability to work extremely fast on websites I didn’t originally design, adapt to existing brand systems, and produce high-quality assets when none are provided. It’s ideal for companies that already have a site but need new pages, improvements, or rapid additions—especially in high-stakes industries like defense tech.
Ideal for: teams needing fast Framer updates, product page additions, or on-brand visual assets.