logo-unblock

Small Extension - Complete Security

browser-logos
Project Duration

03 Months

Client

Gaditek

Team

Musab Ibrahim (design), R&D, Marketing

My Role

Product Design, Branding, Illustrations

overview

Web-based threats - or online threats - are malware programs that can target you when you’re using the internet. These browser-based threats include a range of malicious software programs that are designed to infect victim’s computers. The main tool behind such browser-based infections is the exploit pack - which gives cybercriminals a route to your computer or browser.

Cybercriminals will use almost any vulnerability - within an operating System or an application - in order to conduct an exploit-based attack. However most cybercriminals will develop web threats that deliberately target some of the most common OSs and applications.
Almost all applications use internet browsers in fact they are essential part of your daily internet activity. That’s why your OS or device is in direct contact with the malware or exploit attack.

I was asked to deliver the product end-to end within 4 months. this involves not jut MVP ( minimum viable product) but also branding, marketing collateral, and guides to be provided as well. These items were additional to the initial requirement for Browser Extension ( Chrome and Firefox) and website.

Process

process that I follow is very simple.

Research

Do research including contextual study, competitor analysis and interviews with exisiting users as well as the stakeholders e.g., management, marketing and engagement teams if there are any.

Design

Once done with reserach and collected all the necessary data and details I get down to define the mockups which includes paper prototypes , wireframes and then low-fi mockups to define the assembly of the actual product may look like. After that I prepare the final designs.

Testing

I just love testing the product/service/design artefact, I love to hear what the user have to say once I present the product in front of them, this happens at two levels. 1st when I am doing prototyping and 2nd when I design the final version.
so, it's like multiple iterations that result in the final product and of course further testing would help to present a viable soltuion that can proivde benefit to the stakeholders.

Design

Small Extension - Complete Security

Available on

logo concept

The concept behind the logo is ancient Japenese Ninja, Ninjas were discreet and light feet, they got the job done and never compromised on their principles, the same concept we've used for unblock and chose a mascot to reflecct the security ninja who get the job done and so light that you won't even feel it's there, also it's elastic and can mold itself into any direction, this shows the options unblock provides, the features are very much elastic and flexible for user.

unblock-logo
unblock-logo

Splash & The Opening

Unblock-splash-screen

The Opening

Splash screen effects on user's bias and set a mental state which lead to positive or negative user behaviour, that's why we thought to make it bit fun for user and give out a surprise factor when launching the application.

On-Boarding

On-Boarding

On-Boarding is an essential in fact very necessary step when establishing product's credibility as well as functionality, we've decided to showcase the three key aspects of unblock, those are the network, the malware protection and the most important, the multi-tab support.
on-boarding-unblock

Locations

Unblock-home-country-screen

Comprehensive List of Locations

Unblock listed some of the top location/countries with the fastest peers in each region , Unblock covers almost the whole globe so, user can choose any location they wish to get connected and access content accordingly.

Location List

Easy to Choose Locations

Unblock features the most-comprehensive list of countries or location to choose from, you can choose specific location as per your preferences and access the region-restricted content. You can also change the location while you are connected and Unblock will instatnly changes the location for you.
unblock-country-list

Quick Connect

Unblock-Quick-Connect

Quick Connect

Quick connect is one of the key feature, the idea is to have a quick way to establish connection, so, user can hit "connect" and will get connected via default location. Moreover if user selects a location in that case, the moment user hit the desired location the connection will established. That's how we can save another click.

Feedback

Positive Feedback

Feedback is essential part of any product and we wanted to make it a bit fun for user as the whole product is sort of gamified in various aspects, so, we wanted to have some fun way to request feedback from user, after trying many ways we thought why not just use the slider and based on slider selection user will get a response, in this case it'll be a big heart shape informing user that we are happy for the positive feedback, it was just a way to avoid clicks and use some other gesture to take the feedback.
Positive-feedback
Unblock-Negative-feedback

Negative Feedback

Feedback is essential part of any product and we wanted to make it a bit fun for user as the whole product is sort of gamified in various aspects, so, we wanted to have some fun way to request feedback from user, after trying many ways we thought why not just use the slider and based on slider selection user will get a response, in this case it'll be a big heart shape informing user that we are happy for the positive feedback, it was just a way to avoid clicks and use some other gesture to take the feedback.

Wireframes

unblock-wireframe

Website

Story-Page

The website for unblock is a fun thing anyway, instead of making a regular website we thought let's do some experiment and see if we add fun elements to it, Due to the mascot it was bit easy to make it funky and cool all over the web, however the story page was really something that alot of our time, we've used illustration to showcase the unique story of unblock and why should people use it and what's new in it.

The Story of Unblock

Story-page-unblock

Website Home

Unblock-Website-Home