Officeworks. Responsive website.

The solution

Through a bespoke and collaborative approach, we worked with Officeworks’ in-house teams and rethought, redesigned and built a responsive site. This included developing a component-based UI Kit with a long-term focus, that would allow for a more efficient way of working.

UI Kit

The UI Kit we developed was crucial to the site build. Once developed, the UI Kit informed every decision we made from wireframing to project delivery. It also ensured consistency and smooth process from design to front end development.

Heat-mapping benefits

Having access to Officeworks’ heat-mapping data gave us intensive insight into how customers wanted to use the site, as we could see where they were clicking. This allowed us to take justified risks and create a user-friendly redesign that improved the way people were already using the site without disrupting their experience.

One epic mobile menu

Our menu solution is completely unique in design and it’s seamless usability. Their mobile menu needed to be jam-packed and able to handle a huge amount of information. Usually the jump-to solution is “put it in a Hamburger Menu”. So we sketched, wireframed, prototyped, sketched again and finally nailed it.

The mobile menu handles 152 links that users can search multiple variations of, get four categories deep and be able to get back to the main menu in a single click.  A small feature, yet one of our biggest challenges and most exciting outcomes.