Back to work

CASE 09 / Industrial SaaS · Art direction · Product

ViiBE

Make visual support legible from the field to the help desk.

ViiBE website presented on a laptop and smartphone in a red and purple studio

SCOPE / OWNERSHIP

At ViiBE, I shaped the identity, web app and material used to explain the product to operations, sales teams and partners.

Role
Junior Art Director, covering product, communication and content production.
Scope
Web app, V4 launch, product campaigns, Outlook and Zendesk integrations, sales material and product films.
Context
In-house role at ViiBE Communication, working with product, engineering, sales and leadership teams.

01 / The challenge

Show technical remote collaboration without reducing the product to a video call or losing real field use cases in a list of features.

02 / My approach

I organized the story around five observable actions: call, document, schedule, reassign and share. I then carried those anchors through the web app, campaigns, integrations and video.

03 / Visual identity

Visual identity

I created the ViiBE logo around a simple gesture: two people reaching out to shake hands while also forming the two ‘i’ letters in the name. Orange focuses attention, while the vertical lines extend this idea of direct communication.

01 / Logo

Logo ViiBE

02 / Palette

Direct

#EA202C

Product

#3E3789

Interface

#ECEFFF

Depth

#0A2D40

03 / Typography

Display
Grotesk / Bold
Text
Sans / Regular

04 / Evidence & scope

Evidence & scope

013

documented public product films

022

illustrated integrations: Outlook, Zendesk

032019-21

in-house experience at ViiBE

05 / Design decisions

Design decisions

01

Start with field actions

Calling, annotating, documenting and sharing provide a more concrete structure than general collaboration claims.

02

Turn the launch into a visual tutorial

The V4 campaign shows the ticket, calendar and reassignment flows directly, connecting message and interface.

03

Adapt without fragmenting

The web app, sales material, integrations and films retain the same brand anchors across different formats and audiences.

06 / Delivery

Delivery

Delivered between 2019 and 2021: ViiBE V4 interfaces and campaigns, Outlook and Zendesk integration material, plus three public films covering ViiBE Report and the IBM Maximo integration.

Capabilities

  • Art direction
  • Product design
  • UX/UI
  • Campaign design
  • Sales enablement
  • Video & motion

07 / Production archives

Production archives

The visuals below are production archives documenting interfaces and communication material delivered during that period.

Three ViiBE V4 web-app screens showing ticket, calendar and reassignment flows
01

ViiBE V4: ticket, scheduling and reassignment brought together in one product campaign.

French ViiBE V4 banner about scheduling a call
02

V4 launch: turning scheduling into a clear campaign message.

ViiBE V4 banner presenting ticket reassignment
03

V4 launch: visual support for the ticket-reassignment flow.

Mobile Outlook screen sharing a ViiBE report by email
04

Outlook integration: sharing a report from the email workflow.

Next project / 10

Moving imagesWatch the field, then find the right rhythm.