PROJECT OVERVIEW

Stakeholder: Trusaic
Team: Cliff McEnery (UX Designer), Aloki Design Agency (Visual Designer)
Role: Visual Designer / UI Designer
Tools: Sketch, Principle

Trusaic is a SaaS Company that help conquer complex data and complicated regulations through their unique blend of software and services. The ACA (Affordable Care Act) Compliance is one of the Trusaic’s product that I worked on where I contributed to the visual designs of their MVP Client Portal to help address ACA compliance needs where users can:

  1. Get in touch with their dedicated account manager

  2. Review monthly metrics and action items

  3. Upload data and documents securely

 
 
 
 

My Role:

Aloki Design is a design firm based in Fremont, CA and India. I was contracted through Aloki to help out with this project with Trusaic. Working with the UX Designer, Cliff (Silicon Valley UX Group), I dived right in to take over the Visual Designer/ UI role for the MVP Client Portal project. Jumping right in, I was provided with Hi-Fidelity wireframes and Trusaic’s brand guidelines to work with. My contribution for this project includes:

  1. Creating a responsive UI Design for mobile and tablet

  2. Creating a responsive email design template

  3. Creating a visual design tool kit/style guide

  4. Creating animation needed for Trusaic’s Pitchfest slidedeck

  5. Add UI and visual treatments to Trusaic’s Year-End project

 
 

Tablet and Mobile UI Design

 
 

Responsive Email Template design

With the provided brand guidelines, I was also tasked to design an email template for desktop, tablet, and mobile. With this design, I kept in mind to make sure the CTA is clear and visible and while being conscious on visual hierarchy.

 
 
 

Style Guide/ UI Toolkit

I’ve created a style guide/ UI toolkit to handoff to engineers to visually display pixel perfect specifics and requirements for each visual treatment.

 
 
 

Animation

Designed and delivered 2 versions of various sizes of a loading spinner using Trusaic’s brand colors using Principle.

Trusaic had also launched a solution to make it easier for employers to achieve regulatory compliance with pay equity laws successfully called PayParity, a pay equity auditing and analytics service.

My role here is to animate some of the Hi-Fidelity mock ups to be incorporated in the slidedeck to show Trusaic’s new product being unveiled at the HR technology Conference & Exposition.

 
 

YEAR-END PROJECT

OBJECTIVE:

  1. Design an experience that allows an ACA Complete client to understand the timeline of year-end activities so that there is no need to contact Trusaic.

  2. Design an experience where ACA Complete clients can upload documents and data necessary and required by Trusaic from the client in order to file and distribute year-end forms.

  3. Clients can also receive instructions on how to download, print and distribute year-end ACA forms to their employees.

MY ROLE:

To apply Trusaic brand guidelines to the client portal visual design mockups that visually aligns with the Trusaic brand while exploring several visual design treatments.

 
 

Reiterations:

 

FINAL THOUGHTS

 

This was a great experience working with Cliff and Aloki Design. Cliff is an amazing UX Designer with a great eye and it was a pleasure working with him. I was able to receive great feedback regarding visual design by both parties which aid the success of delivering the MVP deliverables on time. My biggest accomplishment was being able to teach myself Principle in order to create some animation that was used. Although this is only the work in progress and sneak peek of the MVP, I am excited to continue working on re-iterating as it progresses.

 

Let’s Connect!