Know The Risk AI
_____________________________________________________________________________________________________________________________________________________
As part of my internship under Orca AI, me and another designer worked on the visual profile of Know The Risk AI, which is an American business offering deep AI Risk Insights and reliable AI Business Intelligence.
Context
Role UI/UX design
Duration Three months
Tools Figma, Photoshop, Illustrator
The website was redesigned to reconstruct some visual elements from the original, with a primary focus on recreating the structure and usability. Due to the unavailability of the API, many features were hardcoded in the new version. This redesign aimed mainly to showcase the functionality of the original site rather than to enhance its overall design or change its functions.
The initial design
Redesign
DESIGN
Our main focus was on web accessibility. We employed contrast ratios to focus on WCAG 1.4.1 (Use of Color) and 1.4.3 (Contrast).
We also examined WCAG 1.4.4 (Resize Text) and confirmed that the text on the website adapts satisfactorily when zoomed up to 200 percent without losing content or functionality.
Responsive design principles were implemented using media queries for screens with a maximum width of 768 pixels. We used percentage-based widths and added the viewport meta tag to ensure the browser renders the page in a way that responds to the device's screen size. Testing was carried out using Chrome DevTools’ screen emulator.
Responsive design
Web accessibility
DESIGN
DESIGN
During this period, I have improved my web development skills by learning HTML, CSS, and JavaScript. I have specifically focused on enhancing my collaboration skills, both in general and through GitHub, where I have shared code and worked with others. Working with RESTful HTTP APIs has expanded my abilities to handle data communication and service integration. Additionally, I have deepened my understanding of accessibility by learning more about WCAG.
Final takeaways
RESULTS
GitHub link to the original website from the project:
GitHub link to the new website from the project:
