erselaktaş Contact
05

Selected work05 / 092024 — 2025

S4E

Cyber-security platform: website, onboarding & web app

Sign-ups went from 12–15% of visitors to 40–45%: three times as many members from the same traffic.

Client
S4E, via Aldacı
Years
06.2024 — 01.2025
Role
Senior UX designer
Scope
Website redesign, onboarding flow, web app, design system · UX & front end
The redesigned s4e.io homepage, 'No Expertise Required — Protect Your Services', on laptop, tablet and phone
The redesigned s4e.io homepage, 'No Expertise Required — Protect Your Services', on laptop, tablet and phone

S4E sells automated security scanning to people who are not security experts. The site had to make that promise at a glance, and the onboarding had to keep it.

Over six months I redesigned the website and the onboarding flow, designed the product dashboard and the design system underneath, and built the front end.

Website redesign

The pitch reads top to bottom: no expertise required, a live count of known vulnerabilities, three promises (automated, continuous, effortless) and a plan picker sized by how many assets you need to protect. Captured from the March 2025 archive of the site.

Below the hero: a live CVE counter, three value pillars and the four 'Security For' tiers
Plan picker: size the plan by asset count, switch to yearly billing and compare four tiers side by side
Below the hero: a live CVE counter, three value pillars and the four 'Security For' tiers · Plan picker: size the plan by asset count, switch to yearly billing and compare four tiers side by side

Onboarding

The sign-up is where the numbers moved: visitor-to-member conversion went from 12–15% to 40–45%. Three steps, each on one screen: confirm the email, prove you own the asset, confirm the first scan.

Step one: a six-digit code confirms the email, with the three steps on the left
Asset verification by security.txt, an HTML file or a DNS record, with the record ready to copy
Step one: a six-digit code confirms the email, with the three steps on the left · Asset verification by security.txt, an HTML file or a DNS record, with the record ready to copy
Choosing a plan: four tiers as cards, with the full comparison a click away
Choosing a plan: four tiers as cards, with the full comparison a click away

Web app

The dashboard leads with what matters: threats tagged by severity, a scanning timeline, a risk score and a one-click scan.

Dashboard: severity-tagged threats, a scanning timeline and one-click 'Start Scan'
Dashboard: severity-tagged threats, a scanning timeline and one-click 'Start Scan'
Scan report detail: a finding with its severity, solution advice, scan details and comments
Scan report detail: a finding with its severity, solution advice, scan details and comments · scroll inside
The full dashboard, top to bottom: shortcuts, latest threats, scanning timeline, risk score, AI risk prediction and year-on-year report charts
The full dashboard, top to bottom: shortcuts, latest threats, scanning timeline, risk score, AI risk prediction and year-on-year report charts · scroll inside

The method behind it

Numbers
12–15%Sign-ups before
40–45%Sign-ups after
3×Members, same traffic
6Months
Scope
Website redesignOnboarding flowWeb app dashboardDesign systemFront end
Palette
#1483D2app blue
#0F69AAsite CTA
#121F28ink
#2DC866signal
#F9FAFBpage
Rule

One promise, kept. The hero says no expertise required; the onboarding, the plan picker and the dashboard all had to hold to it.

Next06 / 09

BeempaEvery marketplace in one panel: brand, website & web app

All selected workThe archiveContact