Context - What is Enzuzo?
Enzuzo is a data privacy company that specializes in helping businesses protect sensitive information. Their services include data encryption, secure cloud storage, and compliance consulting to ensure that companies are meeting industry regulations and protecting their customers' data.
As Enzuzo's product designer, I spearheaded the design of their newest product, the website compliance scanner. Working alongside another product designer and the small engineering team, we brought this product to life over the course of three months.
Product Discussion & Research
Goals
Competitive Analyses
This scanner represents the first version of such a tool released by Enzuzo. Given the relatively niche market, only a few main competitors had introduced products with similar functionalities. We conducted a comprehensive analysis of the key features of existing scanners, examining how they presented information and displayed individual scores.
Ideation & Creating Lo-fi Wireframes
In collaboration with the marketing and engineering teams, we developed a wireframe for the scanner. This helped us to refine the overall structure, functionality, and features of the product.
To ensure familiarity for users, we took inspiration from the structure of products of our main competitors like Iubenda. This follows Jakob's UX Law, which states that users subconsciously expect apps to work in a similar way to other popular platforms, as users feel less inclined to learn something completely new.
Design
User Flows
We used FigJam to map out the user journey for each possible outcome. This ensured that we properly accounted for each possibility. Based on the result, we planned to direct users to different destinations.
eg. if a user receives a low score, we won’t display the social media banner since they likely wouldn’t want to share it. Instead, we will guide them to Enzuzo's tools for further assistance.
We played around with several different layouts but we made sure to keep our objectives in mind while making our design choices.
Iterate, Iterate, Iterate
Establishing an Appropriate Theme
At this point in the design process, we shifted our focus to creating visual components based on our finalized wireframes. We went through several iterations so we made sure to start and label our pages to keep our design files organized.
This was also when we started developing new components specifically tailored to the scanner. Since the scanner has a separate landing page from the main site, we were not required to use the same components.
This phase took the longest, as the requirements and constraints from both the engineering team and market conditions kept changing due to timeline feasibility, among other factors.
We were initially instructed to make the scanner visually distinct from Enzuzo's main landing page, emphasizing it as a separate product. We chose a "dark mode" design, but later switched to "light mode" to maintain some visual consistency, helping users recognize its affiliation with Enzuzo.
Taking a Closer Look at the Components
Building a Privacy Compliance Website Scanner
Building a website privacy scanner for entrepreneurs by understanding their audience and solving problems through thoughtful design.
The Problem
Our Solution
Many small to medium-sized business owners with online platforms are often unaware of the legal requirements, privacy forms, and disclaimers they need to include on their websites. Furthermore, with privacy policies constantly evolving, it can be challenging for entrepreneurs to keep their policies up to date and ensure compliance.
Create a tool with a simple, user-friendly experience that requires no legal knowledge, presenting information in an engaging, easy-to-digest format. Easily accessible, it provides business owners with quick solutions whenever needed.
Final Design
Reflection
Thanks for Stopping By!
Got any ideas, questions or feedback? I’d love to chat :)