The Nice Rink custom configurator shown for mobile and desktop

Nice Rink

Nice Rink offers a fully customizable outdoor ice rink system that transforms your backyard into a winter play land. The company was looking to overhaul the UI for the configurator on their website, making it more user friendly and to offer a better mobile experience. Using Threekit technology, the new ice rink builder offers users a real-time preview of their configuration. Clear navigation, well-organized options, and an easy-to-understand layout all contribute to a positive user experience.

PROJECT TYPE

Custom Configurator UI

UI Design • Icon Design

CLIENT

Nice Rink

The Nice Rink custom configurator showing the rink design in real time for desktop and mobile
The Nice Rink custom configurator shown for mobile and desktop
User flow map for Nice Rink configurator

User Flow

The entire user experience was first mapped out by our technical project manager / UX consultant before the design on the UI began. Our user-centric approach is evident in the user map, showcasing the intuitive flow and logical progression within the UI. It was crucial to align on this before any UI design began.

Buttons and icon design for the configurator

Icon Design and Button States

The UI was crafted in Figma, with every button component configured to accommodate multiple states seamlessly. Additionally, custom icons were created to visually represent the distinct ice rink parts and materials, ensuring a cohesive and intuitive user experience throughout.