InsightCloudSec Demo

InsightCloudsec Demo

| Project Overview |

Rapid7 offers a demo of their products that is only available after signing up and getting in contact with a representative from the company. This is a large ask for a customer who is in the research phase of looking for a cybersecurity vendor. We need to create an easier way for potential users to get a feel for how the software works despite the representative required to get a real demo environment setup.

Tools used

Figma

50%

SVGator

50%

Research & Design

My content partner and I started this project by gathering inspiration of other product demos. Discovering commonly used patterns and discussing their individual pros & cons.

We found that many 'off the shelf' products involve taking screenshots of your software, uploading into their service, and then creating flows that users click through to see features and pages.

We tested some of these demos with company participants and found that they required a lot of focus and too many clicks to get through. Essentially making them a chore, rather than an engaging experience.

With this in mind, we brainstormed that it would be a better experience to have the features and storyline animate automatically for the user, and require very limited input to get the full experience. But it would also be crucial that the user still feels like they have control to make free decisions to navigate the demo.

What we came up with is a navigation bar on the left that is identical to our InsightCloudSec platform. This would be created by development, and each of the screens would be triggered by the lefthand navigation.

Next, the meat of the project are the screens and stories. These would be SVG animations that load in and play with their corresponding navigation selection.

SVG animations were chosen because they feel special with their sharp graphics, high frame rate, and snappy loading thanks to their extremely low file sizes.

ImageImage

Time to Prototype

With this direction in mind, I began creating the storyboard, and each screen showing the illustration that would accommodate the story.

The screens were then connected together to function exactly as they would in the web experience so we could get 100% approval with no ambiguity before starting the SVG animation process - as this animation type is time consuming to make edits.

Image

InsightCloudSec Dashboard

Minor 1 Insights 6 Exempted Rescurces Findings 107 -0.3% Moderate 8 Insights 0 Exempted Rescurces Findings 702 -0.2% Major 23 Insights 0 Exempted Rescurces Findings 238 +0.4% Severe 8 Insights 0 Exempted Rescurces Findings 831 -0.6% Critical 5 Insights 13 Exempted Rescurces Findings 274 +0.4% Summary Insight Pack Cloud Types Badges Cloud Account / Cluster Compliance Score Overall Summary Filters 2,252 Total Findings 84% Compliance Score Over Time 100% 80% 60% InsightCloudSec is here to eliminate risk, automate compliance, and offer your organization complete  security in the cloud. Click on the "Resources" tab to get started.
Minor 1 Insights 6 Exempted Rescurces Findings 107 -0.3% Moderate 8 Insights 0 Exempted Rescurces Findings 702 -0.2% Major 23 Insights 0 Exempted Rescurces Findings 238 +0.4% Severe 8 Insights 0 Exempted Rescurces Findings 831 -0.6% Critical 5 Insights 13 Exempted Rescurces Findings 274 +0.4% Summary Insight Pack Cloud Types Badges Cloud Account / Cluster Compliance Score Overall Summary Filters 2,252 Total Findings 84% Compliance Score Over Time 100% 80% 60% InsightCloudSec is here to eliminate risk, automate compliance, and offer your organization complete  security in the cloud. Click on the "Resources" tab to get started.
Compute (10,686) Containers (7836) Storage (10,495) Network (16,393) Identity & Management (61,923) All Types (106,883) Airflow Environment 0 Batch Environment 0 Big Data Serverless Workgroup 0 Cache Instance 179 Distributed Table 51 Event Subscription 5 Launch Template 16 MapReduce Cluster 7 Notification Topic 181 Shared Index 0 Shared Gallery 0 Stack Template 135 Transcription Job 0 Step Function 2 Web App 8 Shared Gallery Image 0 Serverless Application 2 Private Image 4,829 Message Broker Instance 4 Lightsail 5 HSM Cluster 1 Distributed Table Cluster 5 Database 44 Big Data Workspace 2 Batch Pool 0 App Server 7 Stream Instance 4 Shared Gallery Image Version 0 Serverless Function 112 Reserved Instance 39 Message Queue 1,293 Logic App 2 Hypervisor 0 Elasticsearch Instance 5 Database Center 5 Build Project 6 Big Data Instance 3 Autoscaling Group 37 Transcoding Pipeline 4 SSM Document 15 Serverless Layers 1 Search Cluster 1 Notification Subscription 42 Machine Learning Instance 7 Instance 354 Email Service Domain 3 Database Instance 134 Cache Database Cluster 1 Big Data Serverless Namespace 0 Autoscaling Launch Configuration 115 Web App Group 15 Workspace 5 Resources Click a resource above to view more information Vertical Ordering SCOPES QUERY FILTERS:0 Resource Management Get Real-Time Visibility Into All Cloud Accounts You can’t secure what you can’t see. InsightCloudSec provides a complete picture of every resource running across all of your cloud environments. Grouped by resource type. With event-driven harvesting, you can see critical changes in less than 60 seconds. InsightCloudSec’s agentless approach means all this is accomplished with just a few clicks. InsightCloudSec uses common terminology across cloud providers, so you can simplify your view of your cloud infrastructure without having to be an expert in, or manage separate policies for, each cloud platform. EC2 Instance Virtual Machine Instance ECS Instance Instance Once you’ve got a clear view of your assets, you’ll want to evaluate them against compliance policies. Click the “Compliance Scorecard” to see how.
Insight Filters Resource Filters Compliance Scorecard Insight Pack Severities Resource Types Clouds / Clusters Badges Cloud Types Cluster / Namespace Cloud / Cluster Resource Group Insights Options Apply No Insight Pack Selected Please select an Insight Pack above to activate the Compliance Heatmap visualization Comply With Industry Benchmarks and Corporate Policies Compliance Heatmap 1-13 of 96 Clouds 1-13 of 45 Insights You can choose from dozens of pre-built compliance packs (including CIS Benchmarks, NIST, GDPR, and HIPAA), or create your own custom policies based on your organization’s needs. InsightCloudSec lets you set up, customize, and check the state of your environment against compliance frameworks, such as industry benchmarks or internal policies. Rather than struggling to keep multiple sets of checks in alignment, you can apply one consistent set of policies across all of your platforms. With that set up, it’s time to take a look at what’s happening in your environment right now. Click 'Layered Context' to see how InsightCloudSec helps your team assess risk in real time. AWS Foundational Security Best Practices Center for Internet Security (CIS) - Alibaba 1.0.0 Azure Security Cost Containment Pack GDPR HIPAA HIPAA

    | More Portfolio |

    Share