Loading
Chatttster app inbox screenshot
Loading
Chatttster app directory screenshot
Loading
Chatttster app files screenshot

Chatttster*

Enterprise messaging app for front line service teams.

Services

  • User experience
  • Creative direction
  • Visual design
  • Front-end development
  • Project management

Technology

  • HTML
  • CSS

Background

Chatttster is a mobile messaging application designed to bring fast and open communication to staff who rarely have access to a desktop computer.

It differs from other free-to-use platforms such as WhatsApp and Facebook Messenger by providing full control to the customer, allowing colleagues of all levels to interact in a secure, closed environment.

I was hired as a remote worker on a rolling freelance basis as a replacement for their agency supplier with a remit to provide user-centric product direction.

My contribution

Day-to-day I worked with the founders to advise on the general direction of the product, evaluate existing features and suggest future enhancements. I also provided consultation on project management and workflow processes.

My responsibilities as a designer were to raise the standard of the existing visual design, to constantly refine the user experience of the app's features and to design new features to the specification of the CTO.

I was also responsible for building my designs in the front-end of the app. For this, I used Bootstrap to take advantage of the grid and pre-built components alongside Hiccup templates to generate HTML within the app's main programming language, Clojure.

*A signed NDA prevents me from disclosing certain details of this project, including the real client name.

Loading
Chatttster app inbox screenshot
Loading
Chatttster app directory screenshot
Loading
Chatttster app files screenshot
Notes: The inbox acts as the app's home screen, gathering all new messages and actionable items in one place or filtered by type. The files tab gives you quick access to manage every file you've saved, had shared with you or sent in conversations.
Loading
Chatttster app group chat screenshot
Loading
Chatttster app @mentions screenshot
Loading
Chatttster app edit message screenshot
Notes: Inside a conversation users can upload documents, refer directly to each either via an @mention system, edit previously sent messages and see when another member of conversation is currently typing a reply.
Loading
Chatttster app make poll screenshot
Loading
Chatttster app make poll screenshot
Loading
Chatttster app make poll screenshot
Notes: Anyone can create a poll on any subject and send them to individual colleagues or predefined groups. Additional metadata can be added to conversations during or after a conversation has been created.
Loading
Chatttster app poll screenshot
Loading
Chatttster app poll screenshot
Loading
Chatttster app poll screenshot
Loading
Chatttster app make shift screenshot
Loading
Chatttster app make shift screenshot
Loading
Chatttster app make shift screenshot
Notes: Managers can create a special type of message that helps them to solve the problem of shift cover. Defining the date, time, location and function of the shift available will automatically send the message to all of those that qualify to cover.
Loading
Chatttster app shift screenshot
Loading
Chatttster app shift screenshot
Loading
Chatttster app shift screenshot
Notes: Managers and staff are kept fully informed of the status of the shift cover message at every step.
Loading
Chatttster app directory screenshot
Loading
Chatttster app directory screenshot
Loading
Chatttster app directory screenshot
Notes: The directory allows users to find individuals and groups of people through search and browse and is also used to add recipients to conversations.