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

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