Case study: creating pagination with personality

This week’s design challenge was to create a pagination component.

I wanted to create a pagination component with a clean font and simple, but fun colors. I was inspired by some of the more animated pagination examples online, so I decided to add in a hand that slides the page indicator as the user interacts with the component.

Of course, this hand animation wouldn’t be suitable in a lot of contexts outside of a children’s website, but I think the sliding dot (even if it has to move itself) is a unique feature for a pagination component. It’s still very minimal, but offers more personality and opportunity for branding than a typical pagination component.