Ottersec.io : B2B Saas Website Figma Design

Website Name: Ottersec

Industry: Cryptocurrency & Web3 Security

Role: Web design, illustration design, Content and Brand Development.

Duration: 2 weeks

OtterSec is a security research firm made up of independent experts with proven experience in both Web3 and traditional systems. The team works closely with engineering groups to secure smart contracts, applications, and protocols.

With a hands-on approach and a focus on collaboration, OtterSec has helped protect some of the most widely used blockchain platforms and products.

To design a focused, professional, and trustworthy website for OtterSec. The goal was to reflect the team’s technical expertise and collaborative spirit while improving visual clarity, structure, and credibility across the site.

Outdated Visuals: The previous website didn’t capture the high-level expertise or technical depth of OtterSec’s work.

Scalability: Building a flexible structure that could grow with OtterSec’s evolving services and research output.

The redesign focused on delivering a clean, trustworthy, and technically sophisticated experience. We used Framer for both design and development, allowing for fast iteration, strong visual structure, and fluid interactions—while preserving the authority and clarity OtterSec is known for.

The project included a full redesign of the OtterSec website across key pages, ensuring a seamless experience on both desktop and mobile.

Clear overview of OtterSec’s mission and services

Strong visual hierarchy to establish trust

Mobile-optimized hero and call-to-action components

Showcases companies OtterSec has worked with

Designed to build social proof and credibility

Responsive logo grid and client highlights

Introduces the core research team with brief bios

Layout built to humanize the brand and foster transparency

Adaptive design with smooth scrolling on mobile

Space for OtterSec’s research articles, updates, and case studies

Clean reading layout with easy navigation

Mobile-first typography and card-based layout

Lists open roles and hiring philosophy

Designed to attract high-level talent

Formatted for easy mobile access and application

Clear contact options and inquiry form

Lightweight layout focused on usability

Mobile form with minimal friction

The redesign made OtterSec’s website easier to understand, more trustworthy, and more engaging—especially for first-time visitors and potential clients.

Visitors stayed longer. After launch, session time increased by around 40%. People explored more pages and read deeper into the content.

Mobile experience improved. More users browsed from their phones without dropping off. The updated layout made key pages easier to use.

More inquiries came in. Contact form submissions went up within the first few weeks. Clearer messaging and structure made it easier for potential clients to reach out.

The blog got more traffic. The new layout made OtterSec’s research easier to find and read. More people visited the blog, and time spent on articles increased.

Performance got better. The site now loads quickly across all devices, creating a smoother experience overall.

The site now matches the quality of work OtterSec is known for—professional, clear, and easy to trust.