Redesign of the PerkBox platform

Redesign of the PerkBox platform

Redesign of the PerkBox platform

- Native app design
- Mobile first responsive web product design.

- Native app design
- Mobile first responsive web product design.

- Native app design
- Mobile first responsive web product design.

The functionality and design of the existing platform needed a significant overhaul. Working closely within a small cross functional team I conceived and designed the new UI for the product and developed a working pattern library and style guide.

The functionality and design of the existing platform needed a significant overhaul. Working closely within a small cross functional team I conceived and designed the new UI for the product and developed a working pattern library and style guide.

To encourage managers & leaders to sign up for a free trial additional data capture was omitted until the later onboarding stage. The minimum requirements were kept to one screen with animation between the different steps. Field labels guide user input and error handling and password criteria were integrated inline to the process.

To encourage managers & leaders to sign up for a free trial additional data capture was omitted until the later onboarding stage. The minimum requirements were kept to one screen with animation between the different steps. Field labels guide user input and error handling and password criteria were integrated inline to the process.

The product includes a CMS for managers / HR admin to add and manage people and teams. This employes and clean visual styling, with reveal more actions on hover-over actions and multi-select functionality.

Clear pagination and a fixed table header row improve table use, being housed within a card to clearly differentiate from the navigation elements above.

The product includes a CMS for managers / HR admin to add and manage people and teams. This employes and clean visual styling, with reveal more actions on hover-over actions and multi-select functionality.

Clear pagination and a fixed table header row improve table use, being housed within a card to clearly differentiate from the navigation elements above.

Artboard

The native functionality of the People and Teams sections for managers / HR uses intuitive mobile patterns such as feature cards, horizontal scrolling navigation, swipe gestures on sortable rows for revealing hidden actions, and clear action buttons at the top of each page.

Clear navigation and wayfinding hierarchy were neccessary to deal with the potentially complex layers of teams and sub teams.

The native functionality of the People and Teams sections for managers / HR uses intuitive mobile patterns such as feature cards, horizontal scrolling navigation, swipe gestures on sortable rows for revealing hidden actions, and clear action buttons at the top of each page.

Clear navigation and wayfinding hierarchy were neccessary to deal with the potentially complex layers of teams and sub teams.

Artboard Copy

Creating and managing teams had to be on mobile and desktop. Search and filter options were important when scrolling through potentially very large company employee indexes for adding people.

Creating and managing teams had to be on mobile and desktop. Search and filter options were important when scrolling through potentially very large company employee indexes for adding people.

Given the variable company sectors that use Perkbox - such as retail, hospitality and some medical - staff don’t always have a company email address, there had to be a number of ways to log in other than just email. There are options for people with a company I.D log in. A multi-tenant log in option was created for those with more than one job that offered Perk Box.

Given the variable company sectors that use Perkbox - such as retail, hospitality and some medical - staff don’t always have a company email address, there had to be a number of ways to log in other than just email. There are options for people with a company I.D log in. A multi-tenant log in option was created for those with more than one job that offered Perk Box.

Rewards and accumulated credit can be redeemed for numerous gift card or discount code options. This browse and 'checkout' flow had to be very easy and display contextual choices based on users onboarding preferences.

Rewards and accumulated credit can be redeemed for numerous gift card or discount code options. This browse and 'checkout' flow had to be very easy and display contextual choices based on users onboarding preferences.