Skip to content
Back

B2B website

Cyvore

A cybersecurity startup needed a site investors would believe in.

Role

Research, information architecture, prototype and investor presentations

Timeline

About 1 month, part of a 2025–26 contract

Team

Solo, reviewed with the CTO, a developer and DevOps

Tools
  • Figma
  • Figma MCP
  • Claude Code
Type

Project-based contract

Problem

A linear site vs an investor meeting. Cyvore was raising its first round. Its website was linear: about 35 seconds of non-stop scrolling to reach a section, and no story holding it together.

of scrolling to reach a section
The old linear site

Fine for a visitor, wrong for a founder presenting live, who needs any answer in one click.

Nobody had asked for a redesign. I pitched one.

Solution

One story, told in one screen. The site tells the story the founder tells in the meeting, in four chapters: why security matters, the numbers that prove the risk, a real attack stopped, and the intelligence behind the product that makes it credible. Both navigation bars stay visible the whole time.

Scroll: the story playsHover or click: explore · bar: jump
TechnologySolutionsResourcesAbout UsContact
REQUEST YOUR DEMO

SECURITY IN EVERY PART OF YOUR WORKPLACE

REQUEST YOUR DEMOABOUT US

THE RISK IS REAL

The numbers you need to see

REAL-WORLD ATTACK

  1. A link lands in the call.
  2. Cyvore reads it.
  3. Blocked.

WHAT POWERS US

Three proprietary engines

OPR

(Optical Phishing Recognition)

AI driven visual phishing detection

TIAO

(Threat Intelligence Autonomous Operation)

Proactive threat engine that mimics analyst behavior, catching Zero-Day threats before they are launched.

DAN

(Data Analysis NLU)

Context-aware language model that understands behavioral patterns across human and AI agents.

Chapter 1 of 4

Wherever the presentation is, every chapter is one move away.

The replica below is refined for this portfolio: the content and layout are as shipped; type, colour and depth are tightened.

How it works

Motion with a job. Every animation carries the founder from one answer to the next. A 7-second sequence tells the product's mission: a phishing link lands in a video call, and Cyvore blocks it.

The design system behind it: type, colour tokens and component states.

Type
MICHROMA

Headings, navigation and buttons

ICELAND

The chapter bar, set apart

Colour tokens
8A38F5
9C83FB
51218F
411F6E
43246C
2C1747
160B23
0C0E12
161122
D1D5DC
FFFFFF
States
REQUEST YOUR DEMO
Main CTA / Default · resting
REQUEST YOUR DEMO
Main CTA / After delay · glows
REQUEST YOUR DEMO
Main CTA / Hover · ripple starts
REQUEST YOUR DEMO
Main CTA / Pressed · full ripple
Text
Chapter tab / Default
Text
Chapter tab / Active · purple glow

Challenges

  1. 01

    Leading with the video

    WATCH THE FULL VIDEO7s mission animation
    What happened

    The CEO wanted the full product video on the site.

    What I did

    I argued for a 7-second animation of the product's mission, with the video one click away. In a meeting you present with visual support; you don't narrate over a video. And investors had likely seen the only public product video already.

    What it changed

    My 7-second animation shipped on the site, with a button on the screen that opens the full video on YouTube.

  2. 02

    No investors to test with

    CTODeveloperDevOps4 tasks · counterbalanced
    What happened

    The people the site was for, investors in a live meeting, weren't available to test with.

    What I did

    I tested with the three people who'd present it, the CTO, a developer and DevOps: four navigation tasks, with the task order counterbalanced.

    What it changed

    With them, finding a section fell from about 35s to about 8s.

Impact

Used as the live product presentation in investor meetings.3 of 3 stakeholders completed all four tasks.

“We weren't looking for a designer. Liam reached us and thanks to his work, we closed our first funding round.”

Yoav RotemCTO, Cyvore
Liam Hasson