Unilabs

Redefining how to navigate a digital organizational chart

our digital product design studio ui for unilabs

Organizational chart 2.0

Unilabs is the major key lab corporation in Portugal and did a total rebranding and organizational restructuring. One of the challenges of this project was understanding how we could connect everyone inside this network of labs and systems across the country.

By using this concept of a network system, we tried to connect different ecosystems in a galaxy mode. This concept helped to define the area and to link each team to its respective director. We also did a quick search and designed the cards so everyone could access the most relevant information faster.

Output

Internal Web Software, Icon system

Services

Strategy, Digital Product Design, Web Development

developing mobile ux and ui

Connecting mobile and desktop search for contacts. Internal company software search.

01

Identifying components to improve website navigation

The interaction on how to search a team/person

We also redefined Uniteams back office to allow any team member to upload its photo and access the internal newsletter and internal team updates. We tried to respect the design of Unilabs.pt
desktop components for great ui

We simplified the components design system to focus on galaxy navigation. However, we did leave a backdoor to leave people the option of searching directly via list. Our main idea was to keep everything to a minimal need for extra need to understand the main layout.

The
challenge
of
developing
internal
software
tools
is
always
complex
:
sometimes
there
just
isn
’
t
an
out
-
of
-
box
solution.
We
chose
miew
because
they
were
able
to
build
a
tailor
-
made
software
tool
for
our
HR
complexity.
Collaborating
with
them
was
easy
and
our
final
product
is
what
we
planned.
Diana Pinto
Head of CARE BIG at Unilabs
02

Defining clear outcomes

Style consistency with design systems for software development

We were able to create a new navigational network that was also super fast on mobile. We also let the possibility of just uploading a .csv to update all the structure info without recreating everything from scratch. WordPress served as the CMS to control all of the content.

Navigating the map as clusters

The map navigation mimicked the network navigation. We were able to define sectional areas that then encapsulated the individuals on them. This allowed people to discover the teams via regional areas.
Unilabs app mobile views UI
unilabs team location search
Keep scrolling to see the next project
Quobis

Web design & development for a new communication brand

Click to continue reading