Work
Hiber
A redesign of the guest itinerary component for
multi-day Adventures.
Summary
Discovery
Ideation
Design
Usability testing
Challenges
Improvements
Challenge
Creating a digital solution for
an IoT satellite device.
My Role
UX Researcher
Year
2020
Timeline
6 months
Tools
Figma
Background
Hiber is an IoT application that can operate wireless, it allows Hiberband Via users track devices and control
production.
Eliminate the set of a paper guide for installation
Onboarding and registering was the first key step
Create connection synchronization to introduce an IoT smooth experience
Defining the Problem
Because of the heavy data transaction one of the first main problems is the onboarding registration
of the device with the user which is currently paper based.
Research
Understanding
UX Research
After establishing a solid foundation, I started designing PDF signing interface. My primary goal was
to create a user-centric interface that would guide users through the process of adding signees and
sending PDFs out for signature
Outcomes
After establishing a solid foundation, I started designing PDF signing interface. My primary goal was
to create a user-centric interface that would guide users through the process of adding signees and
sending PDFs out for signature
Development
Crafted design Kits for all product lines.
In our design workflow at Backbase, we support the industry standard method for delivering UX.
We leverage Figma, a versatile and collaborative design tool, to accelerate implementation projects.
With its cloud-based platform, our designers can work together in real-time, enabling seamless
collaboration and efficient iteration
Usability testing
Aftermath
You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just
a few words. Click here and try it out.
Impact
Just like buttons, I've build more than 100+ components in this library including Web, IOS and
Android.
Increased efficiency: process and communication between departments
Lower Workload, removing duplicate work and clear handovers result in less friction between designers
and developers.
Cost, switching to Figma will decrease the cost from 87k to 27k = 70% decrease in cost/year
Documentation, a shared space where you can keep track of the system development, and guide others
on how to use the design system.
Visual language, guide to what the brand feels like.
Brand guidelines, includes principles, tone of voice, writing style, and more.
CSS Framework, front-end code that developers use to build a productHow did you get to creating the
design system?
Designers time efficiency
And although Figma is the new cool kid in the block, migrating from Sketch it is extremely important to
ensure consistency, accessibility and the same efficient work flow.
How do we achieve that? Add product design thinking to constantly improve the system, in order to get
ongoing feedback from all teams.
Learnings
The single signee flow was built during the testing sessions due to time constraints. I made some
improvements based on feedback from usability testing to improve the user experience. However,
I was unable to complete all the improvements before being laid off.
Choose signing methodWe need to maintain both the original "Sign a PDF" (which places the
eSignature at the end of the document) and the one I'm developing as a separate signing method
until this feature is fully developed. The reasons for doing this are:I wanted to experiment with
removing unnecessary features from the editor.It's easier to use a feature flag and slowly roll out
these new PDF signing features to users in this way.This helps manage user expectations before
they invest time and effort, in case this isn't what they need.