Sixty

A solution to a happier, healthier, more resilient workforce – Sixty minutes of well-being a week

Some background

Wooboard’s Sixty platform is a science-based tool designed to support workplace wellness.

Launched during a boom in the global corporate wellness market, fueled by the pandemic, Sixty helps employers monitor and support their team’s wellbeing remotely.

The platform checks in with employees automatically and offers activity suggestions to boost their wellness.

My involvement

The whole shebang — I was across everything, including:

  • Overseeing the brand, visual identity, and concept development
  • Leading UX and UI for the online platform, mobile apps, and websites — including user-facing, admin, and content creator interfaces
  • Collaborating closely with marketing and development teams
  • Creating content and…
  • Pretty much everything in between
Areas of involvement
Product Design
Web application
mobile app
design strategy
Branding
logo
visual identity
Content Strategy

Visual examples for Sixty’s brand and visual identity

Through a series of workshops, we collaboratively defined the brand’s WHY, HOW, and WHAT. We distilled key values, vision, promise, target audience(s), and their various touchpoints with the brand.

To develop the visual identity, we evaluated and balanced different design attributes, which informed a visual story and moodboards to establish the desired look and feel. This process included multiple design iterations, with considerations for typography, colour palette, spacing, interaction, and image treatment, among other elements.

Finalised designs were then applied to build:
– a promotional website
– a web application for the actual services & products
– a web application to administrate the services & products
– a mobile app

logo inspiration side-plank-pose
Sixty logo
Sixty logo
Sixty logo
Sixty logo
Sixty - Brand and Visual Identity
Sixty – Brand and Visual Identity
Sixty - landing page visual for HR
Sixty – landing page visual for HR

Visual examples for the applied iterative design and development process

From information architecture to user-flows and wireframes to low and high fidelity to component creation and style guides.

Sixty - Example of prototype (ADOBE XD)
Sixty – Example of prototype
Sixty - example for low fidelity wireframe for mobile app
Sixty – example for low fidelity wireframe for mobile app
Sixty - example for high fidelity polished wireframe for mobile app
Sixty – example for high fidelity polished wireframe for mobile app
Sixty - landing page for mobile
Sixty – landing page for mobile
Sixty - example for high fidelity polished wireframe for mobile app
Sixty – example for high fidelity polished wireframe for mobile app
SIXTY - example desktop video
SIXTY – example desktop video
SIXTY - example desktop nutritions
SIXTY – example desktop nutritions

Visual examples for the applied UI used for administrative screens and content creator support

Sixty - Example of backend admin screen - manage your Staff invite staff create message
Sixty – Example of backend admin screen – manage your Staff invite staff create message
Sixty - Example of backend admin screen - manage your Staff invite staff - invite
Sixty – Example of backend admin screen – manage your Staff invite staff – invite