Work / iOFFICE Hummingbird
Unifying An Experience For Mobile & Desktop
Long-term return client iOFFICE Corp approached SeaLab to help optimize, modernize, and unify their OpenSpace mobile application and their OpenSpace Desktop application into a new customer-facing mobile application called Hummingbird.
- User Research
- Content Strategy
- Information Architecture
- User Experience Design
- User Interface Design
![preview of both the desktop and mobile fully responsive space module created for iOFFICE by SeaLab](/assets/img/casestudies/ioffice/ioffice-mobile-desktop-hummingbird-ui.png)
Optimized & improved the user experience based on customer and stakeholder feedback.
We gathered user data and the solutions quickly followed. After the initial project discussion with the iOFFICE Stakeholders, customers, & our design team, it was clear that addressing consistency across platforms was priority.
![Screenshot of iOffice software before SeaLab redesign.](/assets/img/casestudies/ioffice/ioffice-hummingbird-before-sealab.jpg)
![Screenshot of new iOffice software after SeaLab redesign.](/assets/img/casestudies/ioffice/ioffice-hummingbird-after-sealab.jpg)
Established familiarity between platforms through the creation of a cohesive design system.
We sought to build a cohesive system by distilling the features and elements down into bitesize components. We then played with these components and how they would look as an admin viewed them, a non-admin, and then how each of these would be viewed on different screen sizes.
![Three side by side screenshots of the iOFFICE styleguide and component library created by SeaLab](/assets/img/casestudies/ioffice/ioffice-component-library.jpg)
Created an intuitive and neutral interface that is easy to understand and navigate.
We designed an adoptable white label system that is instinctive for a wide variety of users across multiple countries, languages, devices, and company sizes, allowing 3rd party companies to implement their own branding and imagery without worrying about the effect on usability.
![five mobile mockup examples of the different space management screens including a custom illustration created for empty and success states](/assets/img/casestudies/ioffice/ioffice-hummingbird-mobile-screens-styles.png)
Reduced the barrier of entry for daily users by 66%.
The previous mobile application required a minimum of 6 steps to reserve a room, a process many of our users go through multiple times a day. The new experience required as few as 2 taps for quick meetings - accomplishing this goal.
![movie going through the quick reservation flow which was reduced by 66% thanks to sealab's user experience explorations](/assets/img/casestudies/ioffice/ioffice-quick-reservation.gif)
"Great tool. Easy to use. I appreciated the quick ability to reserve a space and find people to meet with."
-iOFFICE Hummingbird User