← Back to Work

H-VPN — privacy you can feel,
on every screen you own

Product design for a privacy-first VPN: a mobile app, a browser widget, a desktop client and a marketing site — one design system, one mental model, one tap between exposed and protected.

Product Designer
3 Months
Novatori
Multi-platform
4Surfaces — app, widget, desktop, web
1 tapFrom exposed to protected
94Server countries
2Payment rails (card / PayPal)
3Months to full handoff
H-VPN home in unprotected state — red status, exposed IP
H-VPN home in protected state — green status, masked IP, connect timer
Country picker with server locations

Context & goals

VPNs have a UX problem: the products that take privacy seriously look like network engineering tools, and the ones that look friendly get distrusted. H-VPN's bet was that trust is a design outcome — if a person can see their protection state instantly and change it with one tap, they'll believe the product. And because people browse on phones, laptops and inside browsers, the same mental model had to survive on four different surfaces.

Competitor snapshot

I benchmarked NordVPN, ExpressVPN, ProtonVPN and TunnelBear before drawing anything. The pattern across all of them:

✕ Where they lose people

Server lists as spreadsheets, settings full of protocol jargon, connection state buried in a tiny icon, and free tiers so limited they feel like tricks. Power features designed as if everyone is a network admin.

✓ What H-VPN takes from them

Nord's map-driven sense of place, TunnelBear's friendliness, Proton's honest free tier — combined into one screen where the state is the interface: color, IP readout and the power button tell the whole story.

Who I designed for

N
Nikoloz, 29Remote developer · works for a US company from Tbilisi
Tbilisi 3 devices Pays for tools

If the VPN drops during a deploy, I don't find out until something breaks. I need to see I'm connected.

Tech comfort
Speed sensitivity
Privacy anxiety
Goals
  • Stable, fast connection for work — all day
  • Same account on laptop, phone and browser
  • Connection state visible at a glance
Frustrations
  • Silent disconnects mid-session
  • Speed loss from encryption overhead
  • Settings written for network admins
T
Tamar, 34Journalist · privacy is professional survival
High-risk work Phone-first Geo-blocked sources

Every VPN says "no logs." I can't audit that — so I judge them by whether the product feels honest.

Tech comfort
Speed sensitivity
Privacy anxiety
Goals
  • Know instantly whether she's exposed
  • Reach geo-blocked sources reliably
  • Zero-jargon setup on her phone
Frustrations
  • Trust claims she can't verify
  • Ambiguous connection indicators
  • Free tiers that feel like traps

Nikoloz drove the multi-surface system and the always-visible state; Tamar drove the honest free tier, the IP before/after readout, and the one-tap simplicity. When a decision served both, it shipped.

User flows

User flow — connect
Open app Unprotected — real IP shown Location? Free location Pro locationUpgrade? Tap power Protected — IP masked, timer on
User flow — upgrade to Pro
Free limit hit Plans — honest comparison Payment? Card PayPal Confirm Pro unlocked — all 94 countries DeclinedReason + retry

The core decision: state is the interface

Every VPN screen answers one question — am I exposed? H-VPN makes the answer unmissable. The entire home screen changes temperature: red when your real IP is visible, green when you're masked. Your real IP and the VPN IP sit side by side, so protection isn't a claim — it's a visible before/after. One power tap flips the world.

Unprotected state
Unprotected — real IP exposed
one tap
Protected state
Protected — IP masked, timer running

Details that carry the trust

The connect timer proves the tunnel is alive. The dotted globe anchors "where in the world" without a heavy map. The location picker is a bottom sheet — country, flag, location count — not a spreadsheet. And the free tier is honest: locked locations are visible with a clear path to Pro, never hidden.

The mobile app

Home, locations, free-tier prompts, profile — every screen keeps the same anatomy: status at the top, globe in the middle, location and navigation at the thumb line.

Quick location dropdown over the home screen
Full country list with search
Free connection limits with upgrade path
Profile and account screen

One system, four surfaces

The same product lives as a browser widget (the fastest path — protection without leaving the tab), a desktop client with account, subscription and download management, and the mobile app. Same states, same colors, same button — different ergonomics per surface.

Browser widget — disconnected state
Browser widget — connected state
Browser widget — country picker
h-vpn.app/account
Desktop client — account settings with Apple connect modal
Desktop: account, connected logins (Google / Apple), subscription and downloads — the boring screens designed with the same care as the hero ones.
Desktop account settings
Account settings
Desktop downloads page for all platforms
Downloads — every platform from one place

The landing — scroll it

"Your Virtual Guardian in the Cyber Jungle." The marketing site sells the same story the product tells: benefits up front, honest plan comparison, platform downloads and setup guides.

h-vpn.app
Get it now

Your Virtual Guardian
in the Cyber Jungle

Enjoy secure, fast, and private internet access from anywhere in the world.

Get it nowDownload
🛡 30-day money-back guarantee
◈ waves✦ FlowShow♛ travelers.◎ goldlines▲ velocity◈ waves✦ FlowShow♛ travelers.◎ goldlines▲ velocity
Experience the difference

4 Benefits of using H-VPN

Block Ads

Enjoy a cleaner, faster and more streamlined web.

Hide Identity

Prevent tracking by securing your online presence.

Easy to Install

It only takes a moment to install our H-VPN.

Global Access

Bypass geo-restrictions and access content worldwide.

Unlimited privacy in a few clicks

Choose your plan

1 Month12 Months2 Years
Save 50%Enterprise

Enterprise Plan

$40/mth
Get Now
  • Advanced custom fields
  • Audit log and data history
  • Unlimited individual users
  • Unlimited individual data
⏱ RecommendedPlus

Plus Plan

$10/mth
Get Now
  • Access to all basic features
  • Basic reporting and analytics
  • Up to 10 individual users
  • 20 GB individual data each user
Save 50%Basic

Basic Plan

$5.23/mth
Get Now
  • Advanced custom fields
  • Audit log and data history
  • Unlimited individual users
  • Unlimited individual data
Get to know more about us

Frequently Asked Questions

Order straight from our website — pick the plan you want and click "Continue to payment." Enter your email address, select your payment method, and finish the transaction.

Most VPN providers offer monthly and long-term plans. Monthly subscriptions cost $8.00–$13.00/month, while yearly plans most often go for $6.00–$7.00/month — the longer the plan, the better the deal.

No. H-VPN follows a strict no-logs policy — your browsing history, IP and connection timestamps are never stored.

One account covers the mobile app, browser widget and desktop client — sign in on all of them at once.

© H-VPNPrivacy · Terms · Support
scroll
Pricing tiers, plan comparison table and FAQ
The full Plans spec from the design file — tiers, feature-by-feature comparison, FAQ.

Design language

Near-black violet space, one electric accent, and three semantic colors that never lie: green means protected, red means exposed, yellow means Pro. The dotted globe is the brand's signature — security with a sense of place, not a padlock cliché.

Space #0B0714 Violet #7C3AED Violet-2 #A78BFA Protected #22C55E Exposed #EF4444 Pro #FBBF24

What I'd do differently

The auth and payment flows (sign-in, sign-up, reset, card, PayPal) ate more of the three months than the hero screens did — next time I'd systematize those first, because every surface needed its own variant. And I'd usability-test the widget earlier: it's the surface people actually live in, but it was designed last.

Next case study
Multipay — Multi-Currency Wallet
Get in Touch

Let's create something great together

Have a project in mind? I'd love to hear about it.