03
Elemeno Health Recognitions Feature
After we did the redesign of the product, we began to flesh out features. One was the Recognitions feature that served a social media purpose. It allowed nurses to share positive kudos about each other on a public wall. The MVP was very sparse and similar to twitter with short strings of text that appeared on a list style feed.
My Role
Working as a freelancer as the sole Product Designer, I collaborated with product and devleopment in ideation around the social media feature. There was a lot of potential with this feature to transform the product into something really sticky and meaningful for the nurses. It was also an opportunity to bring in more of the friendly, social branding that was baked into Elemeno’s DNA.
Wireframes
Prototype
Design SystemSketch
InvisionUser Research
Team Ideation
User Validation
Connecting Nurses
Shown here is the MVP of the feature. It’s not surprise that nurses weren’t using it. While they didn’t see the potential, our customers did and so did Elemeno
When Elemeno brought me on, they wanted to address these challenges:
- The feed was small and uneventful.
- Users were confused about the Give call to action and how to initiate a recognition.
- Receiving the Recognition was totally uneventful
Original Interface
We started by doing a lot of user research to understand how our customers already implement nurse recognitions. There are pin-up boards where Nurse Managers post shout outs to nurses. There were formal monthly awards announced hospital-wide. The methods varied but the goals were the same: keep nurse morale up by acknowledging good work.
We sketched the feature and whiteboarded.
Prompt: How can sending and receiving recognitions be delightful and meaningful?
Challenge: Nailing the Illustration Style
One of the goals of the project was to inject more fun and color into the product to be more aligned with Elemeno’s brand. To encourage connection, we explored using illustrations to represent the 5 categories of recognitions. This turned out to be the biggest sticking point with the validation of the feature.
Below are the 4 illustration iterations.
Above is a simple animated prototype. In the product, the confetti falls and the envelope opens using javascript not available in the Origami tool.
The final design shows a mosaic layout (desktop) in chronological order of all the team’s recognitions, whether private or public.
The user’s new recognitions are always at the top and appear with the crowd of people in a heart shape. When the user clicks on this, they are presented with an e-card style animated experience of their recognition message opening.</p
Once read, the current_user’s recognitions are shown in the feed with the category color as the card’s background. This helps make their page more colorful and their personal messages pop.
Check out the other Elemeno projects in my portfolio to learn how their product continued to evolve into an award winning HealthTech app.