Highlight_01.jpg
 

Inspiring connection with blockchain

This page is a work in progress

 
 
 

THE PROBLEM

Solstice had an old incentivization system internally called Solstice Bucks. Employees used this paper currency to recognize good deeds of other employees. As the company grew, this system fell to the wayside due to lack of budget and structure around distribution.

 
 
 

THE SOLUTION

Working with a team of extremely talented developers, product specialists, scrum masters, we created a private Ethereum blockchain to incentivize meaningful connections across Solstice, transacting kudos venmo-style and rewarding employees with company merchandise.

 
 

Persona Development

 
 

DEFINING CORE ROLES

Being new to the company, I was curious around what different interactions employees had with the old bucks system. To discover the different types of roles related to this problem, I held one-on-one interviews with employees across the company. It was critical to get the testimonial from people who had experienced the antiquated system, so that I could empathize with how it fell into degradation.

After having these conversations, I was able to bucket the responsibilities and actions into different personas. These would drive WHO we were delivering value to, and would help us define WHAT pain points we were goin to alleviate with our blockchain solution.

 
 

Buyer

Granter

Office Management

Click a flow to expand it

 
 

USER FLOWS

The next step was to step into the shoes of these users and understand what it was like interacting with the old system. The user interviews fueled this step in the design process, and allowed us to identify pain points, as well as conceptualize solutions.

 
 

Buyer

Granter

Office Management

Click a flow to expand it

 

Designing an Economy

 
 

ECONOMIC MODEL

Many of the pain points led us to understand that a major failing of the old bucks system was a lack of structure. There was distribution, transaction, accrual, and many other themes of an economy, so it was best to design the experience with the lens of designing an economy.

One of the first steps to that was to model the incoming and exiting sources of currency, and what entities would be able to transact.

Once that was understood, we created a rough estimation of the economy scale, to make sure that we had a budget roughed out for distributing merchandise to employees.

 
 
 

Sketches and Wireframes

 
 

User Flow and Sketches

The base of the app was simple, so creating a simple user flow helped to illustrate the main screens of the app.

From there, I explored ideas of what each screen could be.

 
 
 
 

Digital Wireframe

Quickly mocking up the ideas in Sketch allowed me to work easily with different components, allowing me to explore visual and functional structure quickly.

 
 
 
 

Exploratory Designs

The next challenge was to expand upon these wireframes to explore alternate structures, visual treatments, and interactions. We conducted daily usability tests with rapid prototypes, integrating daily feedback from real users.

 
 
 
 

Not Just a Numpad

 

When a designer initially thinks “How will a user enter how many coins they want to send?”, the easy answer is “Use a numpad! That’s how we enter numbers!”

I thought it was a simple solution. When we put the designs and prototypes in front of users, they liked it. Feature complete, right? Wrong.

While a numpad SOLVED the problem of entering in an amount of coins, it wasn’t the BEST solution. Historically, employees had only ever given 1 buck for any action, sometimes 2 when the kudos was hefty.

Using a numpad gave the user way too much functionality. The amount of coins sent would rarely deviate from 1. There was a better solution here, and I was curious to find it.

 
 

Coin Confusion

The other point of dissonance was selecting which ‘bucket’ a user was giving coins from. The silver/gold coin system was new to users, so there was a lot to educate around that. I struggled with a design that communicated which bucket was selected, since text selectors abstracted the visuals and shapes associated with the new coin types.

 
 
 
 

New Numpad, Who dis

We had to go back to the drawing board. The home page had been refined to this really intuitive swipe gesture to check your coin amounts. It felt good. I wanted to bring that to the amount screen.

After a lot of iteration, it finally clicked. Mirroring the coin type from the home page. Users understood it, and it was the best method to convey which coin type is selected to give.

To increment, a user could use a date selector-type swipe gesture, or click on the up or down chevrons.

We tested this with users, and it was a resounding success. I animated the interaction in Adobe XD, and reviewed it with developers for handoff.

 
 

Ride the Wave

While I was in the headspace of animating interactions, I thought about what else could be brought to life through animation. Solstice believes in riding the wave of innovative technology. It was important for this experience to be personal to the business that enabled it, so I experimented with ways to integrate oceanic and aquatic microinteractions into the app. One of the best examples was transforming the divider on the home page into a multilayered ocean wave, shown below.

 
 

Interaction Demos

 
 

Coin Selector

 

Wave Animation