Problem Statement

The Safe AI website needed improvement to make learning about artificial intelligence risks more engaging and straightforward. The old design made it hard for users to find and understand important information. As the UX/UI Designer, my goal was to make the website more welcoming and educational. I lightened the background and created a simpler, more user-friendly design. The homepage was redesigned to act as a central hub, helping users easily find and explore relevant articles and categories on the Safe AI website.

Research

For research, I conducted a comprehensive analysis of competitor platforms, capturing screenshots of their features and examining each page to gain insights into their functionalities and design approaches.

https://www.figma.com/design/H3K4LvUCQpZYLiMiEI0Xzd/Safe-AI?node-id=6-6&node-type=FRAME&t=R0m6jultdLifEPMF-11

Planning

Information Architecture

created an information architecture based on the website’s required features.

https://www.figma.com/board/3YYEZW7TO8hV5oiNsEBJhF/Safe-AI?node-id=1-919&node-type=SECTION&t=ZNDz1EhhoJs8xYMG-11

Initial Exploration

Wireframes

Developed a detailed wireframe to enhance understanding and optimize the structural framework of the project.

https://www.figma.com/design/H3K4LvUCQpZYLiMiEI0Xzd/Safe-AI?node-id=502-356&node-type=FRAME&t=R0m6jultdLifEPMF-11

Solution

https://www.figma.com/design/H3K4LvUCQpZYLiMiEI0Xzd/Safe-AI?node-id=625-161&node-type=SECTION&t=M3916r3bwAnfMtlF-11

To make the Safe AI website more engaging and educational, I redesigned it with a focus on approachability and ease of use. I lightened the background for better readability and created a user-friendly layout centered around education. The new homepage now acts as a central hub, helping users quickly find and explore relevant articles and categories on the Safe AI site.