Motivation for the project
◦ Increasing usability to overcome existing interface limitations
◦ Utilizing research insights to elevate the user experience
◦ Improving clarity and perception of data
◦ Boosting user satisfaction through intuitive design and usability enhancements
◦ Upgrading overall platform usability and user interactions
◦ Enhancing campaign entity features for greater flexibility and control
![Old campaign page. Simple data table](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/a63a9aa0-4cc0-4a6e-b0b9-5dd2d9949585_rw_600.jpg?h=797589d36d5ca52b314ea41425066751)
Old design showed a simple table
Discovery & Research
◦ Competitive analysis
◦ Review of support tickets
◦ Shadowing customer success team
◦ User interviews
◦ User video interviews
◦ Innovation workshop
◦ Channels mapping
![Dashboard Innovation workshop](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/f5e4f2ec-862a-49b9-9801-00bb78b9b341_rw_600.jpg?h=2fc126d03f924cc6e16e5694b985871e)
Cross departmental innovation workshop to guide our way and gain support for a big project
Research findings
◦ The absence of an overview system caused UX issues and reduced usage.
◦ Lack of option for overview system led to UX issues and less use
◦ The system is confusing, particularly the training modules and cybersecurity compliance status indicators
◦ Extensive workarounds by users to obtain and organize their data
◦ Combining individuals from various departments led to great ideas.
◦ Admin control and data access are key
◦ Integration of multiple sources leads to deeper understanding of the user’s needs
![Initial prototype user testing opening slide](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/6a275299-82e5-41d1-8733-06ff666fbe8b_rw_600.jpg?h=fd4903adde9dcda65439ef8366095a59)
Are we on the right track? User testing
Wireframes
Wireframes were created for all options and possibilities. This allowed fast testing and many iterations in a very short time frame. This also allowed us to do many inner user testing and get other stakeholders, departments and higher management onboard and involved in the project.
![Overview of the wireframes for the dashboard](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/6b67a6da-4010-4824-a47e-e3f9c15e3743_rw_600.jpg?h=096d394b2bba57c73d66495081ef1c81)
Wireframes under work
Final design
Working with product managers and R&D, we decided to break the design into small chunks for easier development and integration. Each segment designed for up to 3 months of dev work
![Timeline view for the dashboard. campaigns over one year](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/6b90f07b-b115-414c-a879-13351112e2c4_rw_1920.png?h=56aeed6997e12d1f6fa5bee92f84e7a1)
Main view for stage one of the dashboard development
![Stacked timeline view for the dashboard. campaigns stacked over one year](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/4ce1a273-a6f3-4083-878e-e84a0e97d8e8_rw_1920.png?h=e46c5fd9d4314601f891d9f8bf8dea33)
Stacked view of the timeline. A clear view of all campaigns at once
![The dashboard showing main statistics for half a year](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/11b564e5-425e-44e6-8ab3-37b7c4f55368_rw_1920.png?h=f4d522e23de601e558ee433a045168dc)
Stacked statistics view for phishing and awareness campaigns. Past, present and future.
![Dashboard showing grouped bars of phishing campaigns](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/2eedc650-79e3-476d-8e18-ba7dce49b6c0_rw_1920.png?h=a0cd5797b795b6badaa59d912ee5c44f)
Grouped view of the statistics
![Statistics attached to footer of the timeline](https://cdn.myportfolio.com/6f9024abfde95723593eefe9bd398d88/f08f5d6a-5045-4838-9675-15c38f7a5d06_rw_1920.png?h=9743cc6f68880583722f185ddda98f19)
Statistics attached directly to the timeline to show effect of specific campaigns on client's compliance