Duality VPN App

ux/ui · product design

The visual concept of VPN is inspired by adventure games of the early 2000s. Geek style elements evoke nostalgia and enhance the user experience.

All projects

Duality

VPN App

Contact us

Projects

Services

Team

Key tasks

1.Emphasize the geekiness of the app with the help of modern design and user path, as the target audience consists of advanced users;

2.Develop a non-standard approach to the metaphor of turning VPN on/off on the main page of the app;

3.Design a premium subscription for future integration into the app;

4. Rebrand the logo, as the app will be launched in App Store and new icons are needed.

Design Analysis

Analyzed the existing design, identifying weaknesses, familiarized with the best VPN services to create a seamless user experience. Worked with the client to conduct a competitor analysis briefing to help optimize the existing design, balancing consistency and improving user interaction. These improvements increased user satisfaction and improved key business metrics.

New ui solutions

We implemented new solutions to improve user interaction with the application by optimizing the information architecture and refining the user flow for more intuitive navigation. These improvements made it easier for users to find key features, greatly improving the overall experience. You can see the updated elements below.

Logo

We created several logo variations, keeping in mind the app's unique audience and style. Emphasizing a geeky, unconventional design, we used metaphors like a skull and bold, brightly colored elements. These features reflect the client's unique approach while conveying the seriousness and reliability of the app.

This design is also instantly recognizable in the VPN ecosystem, combining creativity and functionality, representing protection and distinction. We prepared different approaches and variations to the logo redesign, but you can see the final version below.

Logo

When designing the logo, we strived to create a visual metaphor that reflects both the geek ethos and the security expected from the VPN app. Bold, unconventional elements such as the skull reflect the brand's bold, technologically advanced personality, while the sharp execution ensures that the logo is dynamic and unique.

NEW personal icons

Timeline

5 days

Screens

50+

Problems and solutions we found

Before

After

Problems

The logo is too large and takes up too much space in the user interface it was recommended to zoom out and move the logo to optimize the visual hierarchy and improve the use of screen space, especially in the characters section.

The country selection input field is not optimally - current placement affects usability. It was suggested that the input field be elevated and supplemented with additional contextual data, such as connection time and IP address, to improve task efficiency and user awareness.

The text behind illustration suffers from poor readability - it was suggested that the text be wrapped in a background container, such as a round or oval shape, to improve contrast and readability while adhering to accessibility standards.

The settings screen is cluttered with too many buttons this creates cognitive overload and disrupts user flow. It was recommended to refactor the interface by collapsing non-essential actions into nested submenus, which would improve scalability as the application evolves.

The lack of a disable button is critical for task completion, the lack of a disable button reduces task efficiency. It was suggested that this call to action (CTA) be added to improve usability and user control.

Solutions

Optimizing layout and use of space on the main screen -the logo was resized, and key interactive elements, such as the country selection button, were repositioned to improve the overall visual hierarchy and ensure accessibility to high-priority actions.

Improved text readability behind illustration - by wrapping text in a background container, we increased contrast and ensured compliance with accessibility guidelines, making content more legible and user-friendly.

Implementation of key functional elements - the addition of a "Disable" button and additional widgets to monitor download/upload speeds increased usability and control of features, improving task performance.

Optimized the Settings section to improve navigation — we implemented a more modular design with logical groups such as "My Account," "Premium Subscription," and "Privacy," resulting in a cleaner and scalable interface that can handle future extensions without overloading the user.

Improved premium subscription integration - the premium subscription widget was moved to a more contextually relevant area, reducing cognitive friction and improving the login process for premium users.

UI design

We ensured visual consistency across all interface elements by creating a cohesive design system with defined UI patterns and a standardized component library. By optimizing user flow and refining interaction points, we increased intuitiveness and simplified navigation, reducing cognitive friction. Improved information architecture and responsive layout resulted in a smaller, more scalable interface, minimizing visual noise and improving overall usability and user experience (UX).

authorization