All For One / BeOnTime

BeeOffice is a commercial workforce management platform. All For One - the company formed when the Polish division of SNP was acquired - had been running it internally for years, customising it extensively to fit the organisation's needs. By 2022, the application had accumulated a significant amount of technical adaptation, but its visual design and some of its interaction patterns had not kept pace. It looked like what it was: enterprise software from an earlier era.

When AFO's UX researchers completed a study on the pain points of the existing system, it created the opportunity for something more than a visual facelift. The decision was made to redesign the application from the ground up in terms of layout, visual identity, and interaction patterns - and to build something that employees would find pleasant and motivating to use, not just functional. The project was also AFO's first step toward a new design system, with the visual patterns I developed serving as its seed.

I was the sole designer on this project, working alongside a product owner, project manager, UX researcher, and a front-end and back-end development team in two-week Scrum sprints.

The research pointed clearly at the Schedule tab as the most critical area - the view where HR managers and team leads spent the majority of their time. The core problem was simple but structurally significant: the top navigation bar was eating vertical space that was needed for the employee list. In an organisation with dozens of employees per unit, every row that could be added to the visible schedule without scrolling had direct operational value.

Alongside the space problem, two other issues needed addressing. The application's visual design was grey, dated, and generated no enthusiasm among users - a conscious decision was made to make the new version visually positive and emotionally pleasant, in line with AFO's new CI. And the old BeeOffice had no mobile capability for making or editing schedule entries - users could view their schedules on mobile, but not interact with them. That gap needed to be filled.

The process followed the same Scrum rhythm I'd used on CrystalBridge - two-week sprints, tasks in JIRA, pre-work refinement sessions. The difference here was that I started with a pre-existing body of UX research: detailed findings from the researcher on the team, documenting exactly which parts of the application were causing friction and which were working well. That research eliminated a lot of early ambiguity and let me focus design energy on the areas that actually needed it.

From wireframes, I moved to iterative remote usability testing with AFO employees. The sessions were focused primarily on the schedule grid - testing the proposed layout, the filter panel behaviour, and the inline editing interactions. Each round of testing produced a tighter, more confident design.

The centrepiece of the redesign is the Harmonogram (Schedule) view. The structural change is fundamental: the navigation moves from a full-width horizontal top bar to a collapsible left sidebar. By default the sidebar shows only icons - giving the schedule grid the maximum possible horizontal and vertical space. Expanding the sidebar reveals the full menu hierarchy; collapsing it disappears entirely, leaving only the icon rail.

The schedule grid itself is cleaner: lighter cells, colour-coded shift types with readable time labels, weekend hatching to visually separate non-working days. The top action area (Zapisz, Odśwież, Filtruj) is compact and placed flush with the grid. The filter panel - accessible on demand - slides in from the left without navigating away from the schedule view.

The old BeeOffice had no mobile schedule editing. Users could view their personal schedule on a phone, but making or changing entries required a desktop. For a workforce application used by employees who aren't always at a desk - particularly in shift-based work - this was a significant gap.

The mobile BeOnTime concept provides a visual parallel to the desktop: the same schedule grid, the same colour-coded shift chips, the same entry and editing interactions - adapted for touch. The navigation becomes a full-screen drawer rather than a sidebar. Editing an entry brings up a large-format time picker designed for thumb interaction rather than mouse precision.

The project didn't reach production delivery - All For One restructured its UX function, moving the team to Germany before the development phase was complete. But the work that was done was validated and had a lasting impact beyond the project itself.