Cyber Shield by Graficas, JIIT

Cyber Shield

Our Goal: To develop a platform for making the people aware of the various cyber threats prevalent in our daily lives, how to tackle them, help them tackle these problems, stay up to date with new problems and altogether protect the people from these threats.

Initially, we needed to design the basic overview of what we had to really do. Now every person uses a mobile phone if he/she is in any way connected to the cyber world. So, our main focus was to build a mobile application that could perform as a one stop destination for all users. Features like:

1. Alert against prevalent threats
2. Provide the user with general information about cyber threats like viruses, trojans, malwares, adwares, etc.
3. Provide the user with specific cyber news, so that he/she satys up to date with whats happening in the cyber world.
4. Blogs, the user must be able to post his/her experience and methods online, so that other people can read and be informed.
5. Users should be able to chat with experts in case they some immediate advice.
6. Users should be able to analyse their phones for security on a regular basis.

After jotting down these points, it was necessary to collect real time feedback from people. So, we created a google web form and distributed it among the people we knew. In nearly 2 hours we received around 90 responses. This gave us a sense of direction as to what we needed to incorporate and what we needed to remove from our feature list.

After receiving the responses, we started making our application. But we realized that we could not tackle all the problems. As we are just focusing on the UI/UX we cannot fathom how the application would perform, once connected to a database or when it is run on a real time mobile platform like android. Maybe our design could fail to perform in certain situations.

The name of the company was “Cyber Shield” and a mascot Owl. The name of the company is self-sufficient in understanding what the campaign actually does. The owl is a nocturnal guardian, silently watching. That is what our application has to do, watch our cyber activities and report the malice.

We now had to design the low fidelity diagram, incorporating the various features of our app. Like any application, a login signup page, a basic introduction, a main menu and a side drawer with profile information. But, since it was to be used by all, the UI had to be simple and elegant, for a better user experience.

After the low fidelity, we needed to design a high fidelity diagram, which we did on Adobe Photoshop and designed the UI on InDesign website using the corresponding psds.

Apart from these, we also designed a newsletter and a product description. Newsletters and posters are important forms of printed media, thus to make people aware of the recent activities in the cyber world, we thought of shooting a newsletter to all the users each month.
These features can also be extended to a web browser, because who doesn’t use a browser to access the internet.
A video, describing the product and its features could also be issued, to help people use the application better.

All in all, here we are with Cyber Shield:
Aware. Protect. Support

Product Specification

Product Description

Link to the inDesign App: http://bit.do/cybershield

Affinity Diagram

Link to the video:https://youtu.be/_xlAE8KhjOw 

Link to the google drive with all images:https://drive.google.com/open?id=0B7hMeH2_X-4ea1h1VWpxNFZJR0U