Group-1086320

Healthy.io, 2022

One content platform to rule them all

Each Healthy.io product relies heavily on content editing and managing, and everyone is involved (dev, product, design) which creates a huge time waste. 

Universe aims to be the one source of truth of all user facing content. One place for editing, one place for consumption, one single automatic streamline.

Logo
e83b68f0-95cb-4ef0-8db1-1c4a93108222
Screenshot-2023-07-01-at-11.49.02
Challenges

Different departments work with different tools to keep track on the content and they tend to rely on specific people who know how to tackle it. The new solution should:

  • Support scalablity and easily apply to any new content.
  • Allow the content owner full control of the content editing life cycle - from draft to the end user.
  • Allow faster delivery of new content 
  • Automatic process including validation upon editing
My role

This was a side project I was working on with one of our senior mobile developers and FE/BE developers. I was in charge of the design but since we did not have a dedicated PM here, I was also involved in defining the product requirements and user flow.

The process

We set out the goals and requirements of each section in this new platform (homepage, space card, space editi mode) and then ran with design iterations. We then got input on the designs from relevant stakeholders in the company (our end users - PMs and developers) before finalizing and developing.

The project stopped midway through development due to lack of resources in the company.

Universe spec list

Screenshot-2023-07-01-at-11.45.32
Screenshot-2023-07-01-at-11.45.42

Early design iterations

Space
Space-1-2
Space-drawer
Universe-Homepage-1
Space-1-1
Universe-Homepage-3-1
Universe-Homepage-4
Universe-Homepage-1-2
Universe-Homepage-hover-on-CTA
Universe-Homepage-2
01
Cards view

We wanted the experience to reflect a faster way to edit and deliver new content, so the cards and drawer views allowed users to view and edit their content “spaces” quickly.

It was also a visual way helping our users grasp the concept of a “space” holding a certain type of content.

02
Life cycle colors

One of the main goals was to reflect the different stages of each content “space”:

  • Draft stage
  • Release candidates
  • Ready for production
  • Released

The use of color on tags and cards was meant to communicate that in a simple and intuitive way.

03
Guided by our DNA

Universe was planned and designed while our design system (DNA) was also expanding and developing, so I tried to use the components we already set as much as possible.

However, there were a few use cases which required some changes to our design system to support it.

Universe-Homepage-1440
Space-drawer-view
Group-1086311
Group-1086308
Group-1086309
Space-edit-menu
Add-new-instance
edit-tags-1
Space-edits_-description-hover
Duplicate-instance
Delete-instance
Space-drawer-instance-menu
Space-edit-menu_delete
Delete-instance-1