Paul Henriques

The Enterprise Chat Platform

In 2011 a financial software house wanted to spin off and build a company around a chat application their software engineers had developed. MindLink was born and I was brought in as one of the early employees of this new company to lead the UX and UI, assist with branding and to bring the new flagship product up to date with a usable and purposeful interface.
MindLink iPad

Wireframes and Lo-fidelity Mock-ups

Revamping the original software meant getting to know the users, how they used the product, their needs and requirements. We met with clients, and potential clients, and gathered feedback on their use of the original software, their motivations and pain points.

Armed with this insight I sketched out ideas and possible interfaces (with pencil and paper), to quickly test user journeys and conceive possible layouts.

After discussing with senior engineers and the product manager I then began creating lo-fi wireframes and concept mock-ups using Axure.

Mobile Wireframes

Mobile Wireframe

Desktop Wireframe

Desktop Wireframe

Desktop Wireframe

Desktop Wireframe

Tablet Wireframe

Tablet Wireframe

Mobile Login FLow

Mobile Login FLow

Hi-fidelity Designs & Product Assets

Once I validated the wireframes / mock-ups through a series of discussions and testing, I began developing the style guide, creating hi-fidelity designs and product assets in Illustrator and PhotoShop.

Product assets included the splash screens, marketing images and icons for App store uploads, and the buttons and icons used in the mobile apps.

I oversee the UI and UX of the product from beginning to end, working with the software engineers in Agile sprints to deliver UX/UI features as the product evolves and grows and as our customer's needs develop.

Android Visual

Hi-fidelity MindLink Mock-up

Laptop Visual

Hi-fidelity MindLink Mock-up

Tablet

Hi-fidelity MindLink Mock-up

iOS Mobile

Hi-fidelity MindLink Mock-up

Android Visuals

Hi-fidelity MindLink Mock-up

Tools Used

My go-to tools are Axure, Adobe Creative Suite, Brackets and Visual Studio (working with the software engineers), although I have become very familiar with similar tools over the years.

Wireframing

  • Pencil & paper to brainstorm ideas
  • Balsamiq for lo-fi mock-ups
  • Axure for medium fidelity mock-ups and wireframing
  • Brackets for writing HTML/CSS for prototyping features (sometimes utilising the skills of a JS developer)

Visual Design & Product Assets

  • PhotoShop for pixel perfect designs and true to life renderings
  • Illustrator for creating icons and SVG images

Company Branding / Marketing

  • Adobe Creative Suite