Prepared for
Vipilink
Project Type
Cross-Platform Access for Secure Network Connections
Scope
Desktop and Mobile application design
Date
Feb, 2024 - Mar 2024
Objective
Design a unified, cross-platform application (desktop + mobile) that allows end users to securely connect to company-assigned networks—while keeping control centralized in the admin panel, ensuring policy enforcement, connection transparency, and minimal friction across environments.
Project Overview
The Vipilink App is a desktop and mobile companion to the main Vipilink system, developed to give invited users seamless access to configured networks based on the admin’s firewall settings. It acts as a secure access point rather than a control center _ respecting admin-defined permissions while offering clear visibility into the active network session.
Secure web-based login on launch
Auto or manual network connection
Live session info: duration, location, public/private IPs
Enforced admin settings (e.g. VPN-only, Always-On VPN)
Add trusted Wi-Fi networks
Quick access & search for networks
System tray/taskbar control (desktop only)
Unified experience across desktop & mobile
Toggle settings like auto-connect (if not admin-locked)
Business employees using secure work networks
Remote/hybrid team members connecting to internal systems
Contractors and temporary users with restricted admin permissions
Non-technical users needing pre-configured, low-maintenance access
Solution
I designed a modular UI with four sections—sometimes read-only, sometimes with contextual toggles—always with clear feedback. State-based constraints (e.g., disabled admin-locked features) guided interactions, and a minimized desktop mode allowed passive monitoring via the tray menu.
App Launch & Authentication
User opens app
Redirected to browser for login
Returns to the app session
Active Connection View
“Connect” button turns into “Disconnect”
User sees real-time session info: connection duration, public/private IP, network location
To disconnect, user taps “Disconnect”
returns to default homepage state
Networks
Network section displays “Connect” button
On tap, app connects to the last used network automatically
If user wants a different network
taps “Change Network”
redirected to full network list
User views available networks (divided into Quick Access / Available)
Each network displays type (e.g., VPN-only, Redundant) and connection options
User taps on a network to connect
returns to homepage with live connection
Mobile Support & Settings
On the Support section uses sees all the available variants of support
On the Settings section user can add some settings based on specific user permissions.
Desktop Settings
General Settings _ User visits Settings to toggle available options
Connect on launch
Enable notifications
Crash report
App version with "Check for updates" CTA
Automatic updates (can be available/unavailable, allowance from admin)
Use VPN interface DNS (can be available/unavailable, allowance from admin)
Network Settings
Admin-controlled settings (like VPN-only or Always-On) appear locked and unchangeable
Automatic Wi-FI Security
Trusted Wi-FI Networks
Shows current network
Protocol Settings _ appears with the 3 protocols and one of them always selected
Tray/Minimized Mode (Desktop)
App minimized to system tray/taskbar
User manages session from compact mode without reopening full app
Outcome
The application was praised by both admins and end users for its clean design, non-intrusive logic, and intelligent control handling. The consistent experience across desktop and mobile helped adoption, and minimized user error due to clear restrictions and inline information cues.
A full-scale VPN platform designed from scratch _ including product branding, admin panel, and cross-platform apps.
Brand Identity
Created a modern visual identity to position Vipilink as a trusted, tech-forward product.
Admin Panel
Designed a robust dashboard to manage users, networks, and devices with clarity and control.
Desktop & Mobile Apps
Built consistent, secure VPN access flows across desktop and mobile platforms.
Let’s Work Together
Got a project in mind or just want to connect?
Drop me a message _ I’ll get back to you soon!
