Sputnik

Siteminder Design System

With the move to Figma from the design system, we needed a way to upskill designers from Sketchapp to Figma in a seamless manner.
I then identified the four key areas that needed to be addressed in order to move everyone onto the platform.
The video series below addresses each of these areas.

Sputnik-banner
Tooling

Tooling

The tech and design stack for this library utilised sketch, abstract and vue js.
The library was originally built on top of element UI to fast track the delivery of the system, with bespoke components added for navigation and app switching.
I rebuilt the Sketch library with better symbol optimisation.

The component library

To compliment the Git and Sketch libraries we created a docs site which gave setup and usage info.

The products

before & after

line
Channel-manager

The Channel Manager

This is the flagship product of Siteminder, which is focused on hotel inventory channel management.

  • Had very complex IA
  • Was quite data heavy
Booking-button

The Booking Button

Hotel website booking solution for hoteliers wanting their own booking platform.

  • Required theming
  • Had a very bulky ‘home’ screen
Canvas

Canvas

Hotel website builder to compliment the booking button, it’s essentially a CMS for hotels.

  • Needed to encorporate a WISYWIG

  • Additional functionality in the nav
Prophet

Prophet

Competitor analysis to see where you sat as a hotel. Would predict when you should raise or lower your prices and by how much.

  • New product I had designed

  • Had to make this design work across the rest of the product suite.
LH

Little Hotlier

All in one hotel solution with front desk functionality as well as chanel management, optional booking button and canvas integration.

  • All in one solution
  • Had a darker brand palette

DRIVEN BY DESIGN

© 2020 Ness Grixti

You are the universe
experiencing itself