rayman buttons
rayman buttons
For this 4-5 week project, I was tasked with designing buttons for a company/design system of my choice. I chose the Rayman game series because I felt as though the personality of the games was not reflected in the UI . My main goal was to craft buttons that were intentionally impractical yet retain usability and capture the style of UbiArt Framework.
Category
Case Studies
Year
2024
Research
Research




The slider features a draggable eyeball icon, while the toggle states transition between a "Play" (intact eyeball) and "Pause" (damaged eyeball) state. Hovering triggers a subtle twitch animation, adding character while maintaining clear user feedback.
The slider features a draggable eyeball icon, while the toggle states transition between a "Play" (intact eyeball) and "Pause" (damaged eyeball) state. Hovering triggers a subtle twitch animation, adding character while maintaining clear user feedback.


Research


The slider features a draggable eyeball icon, while the toggle states transition between a "Play" (intact eyeball) and "Pause" (damaged eyeball) state. Hovering triggers a subtle twitch animation, adding character while maintaining clear user feedback.


Design
Design




Usability and Accessibility: Good design considers the needs and preferences of users, ensuring that the website is easy to navigate and understand. Intuitive navigation, clear hierarchy, and logical organization of content enhance usability and accessibility, allowing users to find what they are looking for quickly and easily
Usability and Accessibility: Good design considers the needs and preferences of users, ensuring that the website is easy to navigate and understand. Intuitive navigation, clear hierarchy, and logical organization of content enhance usability and accessibility, allowing users to find what they are looking for quickly and easily


Design


Usability and Accessibility: Good design considers the needs and preferences of users, ensuring that the website is easy to navigate and understand. Intuitive navigation, clear hierarchy, and logical organization of content enhance usability and accessibility, allowing users to find what they are looking for quickly and easily


Development
Development
Development
More Works More Works
More STUFF :) MORE THINGS :)

RIT Beyond Fashion
Motion & Animation
2023
2023

RIT Beyond Fashion
Motion & Animation
2023
2023

RIT Beyond Fashion
Motion & Animation
2023
2023

RIT Beyond Fashion
Motion & Animation
2023
2023

Shopic Concepts
Case Studies
2024
2024

Shopic Concepts
Case Studies
2024
2024

Shopic Concepts
Case Studies
2024
2024

Shopic Concepts
Case Studies
2024
2024
YEAHHBUDYYY
YEAHHBUDYYY
YEAHHBUDYYY
YEAHHBUDYYY
PATRICK OKOLO ©2024
GO BACK TO TOP
PATRICK OKOLO ©2024
GO BACK TO TOP
PATRICK OKOLO ©2024
GO BACK TO TOP
PATRICK OKOLO ©2024
GO BACK TO TOP